Added Marit and Scott also consistency changes

src/components/footer/index.tsx

@@ -24,7 +24,7 @@ export const Footer: FunctionalComponent = () => {
                         <p>Site</p>
                         <a onClick={() => scrollToDiv('home')}>Home</a>
                         <a onClick={() => scrollToDiv('aboutus')}>About us </a>
-                        <a onClick={() => scrollToDiv('photos')}>Pictures</a>
+                        <a onClick={() => scrollToDiv('pictures')}>Pictures</a>
                         <a onClick={() => scrollToDiv('timetable')}>Timetable</a>
                         <a onClick={() => scrollToDiv('sponsors')}>Sponsors</a>
                         <a onClick={() => scrollToDiv('faq')}>FAQ</a>                      

src/components/navigation/index.tsx

@@ -15,7 +15,7 @@ export const Navigation: FunctionalComponent = () => {
         <section class={style.navigation}>
             <div>
                 <a onClick={() => scrollToDiv('aboutus')}>About us </a>
-                <a onClick={() => scrollToDiv('photos')}>Pictures</a>
+                <a onClick={() => scrollToDiv('pictures')}>Pictures</a>
                 <a onClick={() => scrollToDiv('timetable')}>Timetable</a>
                 <a onClick={() => scrollToDiv('sponsors')}>Sponsors</a>
                 <a onClick={() => scrollToDiv('faq')}>FAQ</a>

src/components/photos/index.tsx

@@ -53,8 +53,8 @@ export const Photos: FunctionalComponent = () => {
     }, []);
 
     return (
-        <section class={style.photos} id='photos'>
-            <h2>Photos</h2>
+        <section class={style.photos} id='pictures'>
+            <h2>Pictures</h2>
             <div ref={galleryContainer} class={style.galleryContainer}>
                 <div
                     ref={gallery}