add powered by stackr footer

game/src/app/layout.tsx

@@ -1,5 +1,6 @@
 import Providers from "@/components/auth-provider";
 import { Navbar } from "@/components/navbar";
+import { Footer } from "@/components/footer";
 import { ThemeProvider } from "@/components/theme-provider";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
@@ -37,6 +38,7 @@ export default function RootLayout({
             <div className="flex flex-col p-8 h-[100vh] w-[100vw]">
               <Navbar />
               {children}
+              <Footer />
             </div>
           </Providers>
         </ThemeProvider>

game/src/app/page.tsx

@@ -10,7 +10,7 @@ export default function Home() {
   const disableLogin = !ready || (ready && authenticated);
 
   return (
-    <main className="flex flex-1 min-h-screen flex-col gap-8 py-6 w-full m-auto">
+    <main className="flex flex-1 flex-col gap-8 py-6 w-full m-auto">
       <div className="flex gap-6 items-center">
         {authenticated ? (
           <CreateGame />

game/src/components/footer.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { useTheme } from "next-themes";
+import Image from "next/image";
+
+export const Footer = () => {
+  const { resolvedTheme } = useTheme();
+  const image = resolvedTheme === "dark" ? "light" : "dark";
+  return (
+    <footer className="flex items-center justify-center">
+      Powered By
+      <Image
+        src={`https://assets.stackrlabs.xyz/${image}.svg`}
+        width={100}
+        height={100}
+        alt="stackr-logo"
+      />
+    </footer>
+  );
+};