temp solution

src/App.tsx

@@ -5,6 +5,7 @@ import { DeviceSelector } from "@components/DeviceSelector.js";
 import { DialogManager } from "@components/Dialog/DialogManager.js";
 import { NewDeviceDialog } from "@components/Dialog/NewDeviceDialog.js";
 import { Toaster } from "@components/Toaster.js";
+import Footer from "@components/UI/Footer.js";
 import { ThemeController } from "@components/generic/ThemeController.js";
 import { useAppStore } from "@core/stores/appStore.js";
 import { useDeviceStore } from "@core/stores/deviceStore.js";
@@ -44,6 +45,7 @@ export const App = (): JSX.Element => {
                 )}
               </div>
             </div>
+            <Footer />
           </div>
         </DeviceWrapper>
       </MapProvider>

src/components/UI/Footer.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+
+const Footer = () => {
+  return (
+    <footer
+      className="flex justify-center p-4"
+      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="/docs/legal"
+          className="hover:underline"
+          style={{ color: "var(--link)" }}
+        >
+          {" "}
+          Legal Information
+        </a>
+        .
+      </p>
+    </footer>
+  );
+};
+
+export default Footer;