fix: align design of footer with current web

components/Current/Footer/Navigation.tsx

@@ -1,16 +1,18 @@
+import styles from "./navigation.module.css"
+
 import type { FooterNavigationProps } from "@/types/components/current/footer"
 
 export default function Navigation({ linkGroups }: FooterNavigationProps) {
   return (
-    <ul className="l-footer-sections global-footer__content__sections">
+    <ul className={styles.container}>
       {linkGroups.map((group) => (
-        <li className="global-footer-section" key={group.title}>
-          <div className="link-list">
-            <h3 className="link-list-header">{group.title}</h3>
-            <ul className="list-footer-pages">
-              {group.links.map(link => (
-                <li key={link.href}>
-                  <a href={link.href}>
+        <li className={styles.section} key={group.title}>
+          <div className={styles.linkList}>
+            <h3 className={styles.linkListTitle}>{group.title}</h3>
+            <ul className={styles.listPages}>
+              {group.links.map((link) => (
+                <li className={styles.li} key={link.href}>
+                  <a className={styles.listLink} href={link.href}>
                     {link.title}
                   </a>
                 </li>