fix: match footer to design documents with typography and colors

apps/scandic-web/components/Footer/Navigation/index.tsx

@@ -12,7 +12,7 @@ export default async function FooterNavigation() {
   }
 
   return (
-    <section className={styles.section}>
+    <div className={styles.section}>
       <div className={styles.maxWidth}>
         <FooterMainNav mainLinks={footer.mainLinks} />
         <FooterSecondaryNav
@@ -20,17 +20,17 @@ export default async function FooterNavigation() {
           appDownloads={footer.appDownloads}
         />
       </div>
-    </section>
+    </div>
   )
 }
 
 export function FooterNavigationSkeleton() {
   return (
-    <section className={styles.section}>
+    <div className={styles.section}>
       <div className={styles.maxWidth}>
         <FooterMainNavSkeleton />
         <FooterSecondaryNavSkeleton />
       </div>
-    </section>
+    </div>
   )
 }