chore(SW-187): update footer UI

components/Footer/Details/details.module.css

@@ -60,11 +60,13 @@
     border-top: 1px solid var(--Base-Text-Medium-contrast);
     padding-top: var(--Spacing-x2);
     flex-direction: row;
+    align-items: center;
   }
   .navigationContainer {
     border-bottom: 0;
     padding-bottom: 0;
     margin-bottom: 0;
     gap: var(--Spacing-x4);
+    align-items: center;
   }
 }

components/Footer/Details/index.tsx

@@ -56,7 +56,7 @@ export default async function FooterDetails() {
       </div>
       <div className={styles.bottomContainer}>
         <div className={styles.copyrightContainer}>
-          <Footnote textTransform="uppercase">
+          <Footnote type="label" textTransform="uppercase">
             © {currentYear}{" "}
             {intl.formatMessage({ id: "Copyright all rights reserved" })}
           </Footnote>
@@ -66,7 +66,12 @@ export default async function FooterDetails() {
             {footer?.tertiaryLinks.map(
               (link) =>
                 link.url && (
-                  <Footnote asChild textTransform="uppercase" key={link.title}>
+                  <Footnote
+                    asChild
+                    type="label"
+                    textTransform="uppercase"
+                    key={link.title}
+                  >
                     <Link
                       className={styles.link}
                       color="peach50"