fix(Navbar): changed the name of the two first viz

Author: Roméo Maignal

src/components/NavigationBar.tsx

@@ -7,8 +7,8 @@ const topNavItems = [
 ]
 
 const vizItems = [
-  { id: 'section1', label: 'Viz 1' },
-  { id: 'section2', label: 'Viz 2' },
+  { id: 'section1', label: 'Safety record of aircraft manufacturers' },
+  { id: 'section2', label: 'Safety record of airlines' },
   { id: 'section3', label: 'Viz 3' },
   { id: 'section4', label: 'Viz 4' },
   { id: 'section5', label: 'Viz 5' },

src/components/Viz1.tsx

@@ -254,7 +254,7 @@ if (!data.length || !svgRef.current || !chartRef.current) return
       <div className="viz-container">
         <div className="paragraph">
           <p className="section-badge">/ Visualization 01</p>
-          <h1 className="viz-title">Compare the safety record of aircraft manufacturers</h1>
+          <h1 className="viz-title">Safety record of aircraft manufacturers</h1>
           <p>
             Select any combination of manufacturers and see how their incident and fatality records compare year by year, from the dawn of commercial aviation to today.
           </p>

src/components/Viz2.tsx

@@ -339,7 +339,7 @@ const Viz2: React.FC = () => {
 
         <div className="paragraph">
           <p className="section-badge">/ Visualization 02</p>
-          <h1 className="viz-title">Which airlines have the worst safety record?</h1>
+          <h1 className="viz-title">Safety record of airlines</h1>
           <p>
             Each bubble represents one of the top airlines by incident count.
             Its size reflects the number of incidents or fatalities in the selected