chore: add game prune info & source code link

Author: aashutoshrathi

game/next.config.mjs

@@ -1,4 +1,14 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "assets.stackrlabs.xyz",
+        pathname: "/**",
+      },
+    ],
+  },
+};
 
 export default nextConfig;

game/src/components/footer.tsx

@@ -12,10 +12,24 @@ export const Footer = () => {
       <Link href="https://stackrlabs.xyz" target="_blank" passHref>
         <Image
           src={`https://assets.stackrlabs.xyz/light.svg`}
-          width={100}
-          height={100}
+          width={72}
+          height={72}
           alt="stackr-logo"
         />
+      </Link>{" "}
+      <p className="mx-2">|</p>
+      <Link
+        className="flex gap-2 items-center"
+        href="https://github.com/stackrlabs/dchess"
+        target="_blank"
+      >
+        Source Code
+        <Image
+          src={`https://assets.stackrlabs.xyz/github-white.svg`}
+          width={18}
+          height={18}
+          alt="GitHub Logo"
+        />
       </Link>
     </footer>
   );

game/src/components/games-table.tsx

@@ -6,6 +6,7 @@ import { Button } from "@/components/ui/button";
 import { useAddress } from "@/hooks/useAddress";
 import { formatHash } from "@/lib/utils";
 import { usePrivy } from "@privy-io/react-auth";
+import { InfoIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { Chessboard } from "react-chessboard";
@@ -152,6 +153,13 @@ export const GameTable = () => {
           {walletAddress && (
             <div className="mt-4">
               <h1 className="text-2xl font-mono">My Games</h1>
+
+              <div className="py-2 text-blue-200 text-sm font-mono flex gap-2 text-center align-middle items-center">
+                <InfoIcon className="inline" size={16} />
+                If no one joins a created game within a certain period, it is
+                automatically pruned from the rollup state.
+              </div>
+
               <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-4">
                 {myGames.length ? (
                   myGames.map(renderGame)