first working version

src/components/UI/Footer.tsx

@@ -1,38 +1,37 @@
 import React from "react";
 
-export interface FooterProps
-  extends React.HTMLAttributes<HTMLElement> {}
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {}
 
 const Footer = React.forwardRef<HTMLElement, FooterProps>(
-  ({className, ...props}, ref) => {
-  return (
-    <footer
-      className={`flex flex- justify-center pl-2 pr-2 pb-2 ${className}`}
-      style={{
-        backgroundColor: "var(--backgroundPrimary)",
-        color: "var(--textPrimary)",
-      }}
-    >
-      <p>
-        <a
-          href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss"
-          className="hover:underline"
-          style={{ color: "var(--link)" }}
-        >
-          Powered by ▲ Vercel
-        </a>{" "}
-        | Meshtastic® is a registered trademark of Meshtastic LLC. |
-        {" "}
-        <a
-          href="https://meshtastic.org/docs/legal"
-          className="hover:underline"
-          style={{ color: "var(--link)" }}
-        >
-          Legal Information
-        </a>
-      </p>
-    </footer>
-  );
-});
+  ({ className, ...props }, ref) => {
+    return (
+      <footer
+        className={`flex flex- justify-center p-2 ${className}`}
+        style={{
+          backgroundColor: "var(--backgroundPrimary)",
+          color: "var(--textPrimary)",
+        }}
+      >
+        <p>
+          <a
+            href="https://vercel.com/?utm_source=meshtastic&utm_campaign=oss"
+            className="hover:underline"
+            style={{ color: "var(--link)" }}
+          >
+            Powered by ▲ Vercel
+          </a>{" "}
+          | Meshtastic® is a registered trademark of Meshtastic LLC. |{" "}
+          <a
+            href="https://meshtastic.org/docs/legal"
+            className="hover:underline"
+            style={{ color: "var(--link)" }}
+          >
+            Legal Information
+          </a>
+        </p>
+      </footer>
+    );
+  },
+);
 
 export default Footer;