Fix invalid links in header

Author: Maypher

src/components/global/Header.tsx

@@ -110,7 +110,7 @@ export default function Header() {
             <LanguageSelect />
           </li>
           <li>
-            <Link href="#aboutUs">{t('aboutUs')}</Link>
+            <Link href="/#aboutUs">{t('aboutUs')}</Link>
           </li>
           <li>
             <Link href="/projects">{t('projects')}</Link>
@@ -119,7 +119,7 @@ export default function Header() {
             <Link href="/sculptures">{t('sculptures')}</Link>
           </li>
           <li>
-            <Link href="#contact">{t('contact')}</Link>
+            <Link href="/#contact">{t('contact')}</Link>
           </li>
         </ul>
       </div>

src/components/mainPage/Footer.tsx

@@ -8,7 +8,7 @@ export default function Footer() {
   const t = useTranslations('NavBar')
 
   return (
-    <div>
+    <footer id="contact">
       <div className="relative flex flex-wrap items-center justify-center gap-x-5 px-2 my-20 bg-vector-black">
         <p className="border-vector-orange border-b-1 xs:border-b-0 xs:border-r-1 py-2 xs:pr-5 text-2xl">
           {t('contact')}
@@ -25,6 +25,6 @@ export default function Footer() {
           <Image alt="vector: Interior Design" className="h-full" src={logoWhite} />
         </button>
       </div>
-    </div>
+    </footer>
   )
 }