Refactor Footer component to fix styling

components/Footer.tsx

@@ -5,15 +5,17 @@ const year = new Date().getFullYear();
 
 export default function Footer() {
   return (
-    <div className="glass w-full border-b border-t bg-background/50 py-6 text-center">
-      Copyright {year} tteck. All rights reserved. |{" "}
-      <Link
-        className="hover:underline"
-        href="/terms-of-use"
-        data-umami-event="Terms of Use"
-      >
-        Terms of Use
-      </Link>
+    <div className="glass inline-flex w-full justify-center border-y bg-background/50 py-6 text-center">
+      <p className="text-sm sm:text-base">
+        Copyright {year} tteck. All rights reserved. |{" "}
+        <Link
+          className="text-sm text-foreground hover:underline sm:text-base "
+          href="/terms-of-use"
+          data-umami-event="Terms of Use"
+        >
+          Terms of Use
+        </Link>
+      </p>
     </div>
   );
 }