feat(sw-187): Refactor footer output and fixed urls to include language

components/Footer/Navigation/SecondaryNav/index.tsx

@@ -62,11 +62,17 @@ export default function FooterSecondaryNav({
                     key={link.title}
                     target={link.openInNewTab ? "_blank" : "_self"}
                     aria-label={link.title}
+                    className={styles.secondaryNavigationLink}
                   >
                     {link.title}
                   </a>
                 ) : (
-                  <Link href={link.url} key={link.title}>
+                  <Link
+                    href={link.url}
+                    key={link.title}
+                    target={link.openInNewTab ? "_blank" : "_self"}
+                    color="burgundy"
+                  >
                     {link.title}
                   </Link>
                 )}

components/Footer/Navigation/SecondaryNav/secondarynav.module.css

@@ -25,6 +25,14 @@
   margin: 0;
 }
 
+.secondaryNavigationLink {
+  color: var(--Base-Text-High-contrast);
+  font-weight: var(--typography-Body-Bold-fontWeight);
+  font-family: var(--typography-Body-Bold-fontFamily);
+  margin: 0;
+  text-decoration: none;
+}
+
 @media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: var(--Spacing-x4);

components/Footer/index.tsx

@@ -4,8 +4,8 @@ import FooterDetails from "./Details"
 import FooterNavigation from "./Navigation"
 
 export default async function Footer() {
-  const languages = await serverClient().contentstack.languageSwitcher.get()
   const footerData = await serverClient().contentstack.base.footer()
+  const languages = await serverClient().contentstack.languageSwitcher.get()
 
   if (!footerData || !languages) {
     return <FooterDetails />