chore(SW-187): update footer UI

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"