Upload pages/_app.js with huggingface_hub

pages/_app.js

@@ -0,0 +1,36 @@
+import '../styles/globals.css'
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
+
+function MyApp({ Component, pageProps }) {
+  const router = useRouter()
+
+  useEffect(() => {
+    // Remove the server-side injected CSS
+    const jssStyles = document.querySelector('#jss-server-side')
+    if (jssStyles) {
+      jssStyles.parentElement.removeChild(jssStyles)
+    }
+  }, [])
+
+  return (
+    <div className="min-h-screen bg-gray-900 text-white">
+      <header className="bg-gray-800 p-4 flex justify-between items-center">
+        <h1 className="text-2xl font-bold">Plinko Game</h1>
+        <a
+          href="https://huggingface.co/spaces/akhaliq/anycoder"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-400 hover:text-blue-300 transition-colors"
+        >
+          Built with anycoder
+        </a>
+      </header>
+      <main className="container mx-auto p-4">
+        <Component {...pageProps} />
+      </main>
+    </div>
+  )
+}
+
+export default MyApp