added the dashboard for the user

packages/nextjs/app/dashboard/page.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+import React from "react";
+
+const page = () => {
+  const handleNewPlaceSubmit = () => {
+    console.log("clicked");
+    // router.push("/dashboard");
+    // Check for the status of the user info and allow the user to play the game and set the navigation accordingly
+  };
+  return (
+    <div className="flex h-screen text-black">
+      <div className="w-64 flex flex-col p-4">
+        <button
+          className="flex items-center justify-center h-12 w-full bg-blue-500 mb-4"
+          onClick={handleNewPlaceSubmit}
+
+        >
+          New Place
+        </button>
+        <button className="flex items-center justify-center h-12 w-full bg-blue-500 mb-4">
+          My Places
+        </button>
+        <button className="flex items-center justify-center h-12 w-full bg-blue-500 mb-4">
+          All Places
+        </button>
+      </div>
+
+      <div className="flex-1 flex flex-col ">
+        <div className="flex justify-around p-4">
+          <div className="flex items-center">
+            <span className="icon lightning-bolt"></span>
+            <span className="text-black text-3xl">My Solarpunk places</span>
+          </div>
+
+          <div className="flex items-start space-x-2">
+            <span className="icon lightning-bolt"></span>
+            <span className="text-black text-3xl">My Cyberpunk places</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default page;

packages/nextjs/app/page.tsx

@@ -4,13 +4,15 @@
 import type { NextPage } from "next";
 import { useEffect } from "react";
 import { useAccount } from "wagmi";
+import { useRouter } from "next/navigation";
 
 const Home: NextPage = () => {
   const { isConnected } = useAccount();
-
+  const router = useRouter();
 
   const handleSubmit = () => {
     console.log("clicked");
+    router.push("/dashboard");
     // Check for the status of the user info and allow the user to play the game and set the navigation accordingly
   }
   return (
@@ -22,7 +24,7 @@ const Home: NextPage = () => {
   {isConnected ? (
     <div className="mt-10 p-4  justify-center items-center">
 
-      <button className="px-6 py-3 bg-blue-700 text-white rounded hover:bg-blue-800 transition duration-150 ease-in-out" onSubmit={handleSubmit}>
+      <button className="px-6 py-3 bg-blue-700 text-white rounded hover:bg-blue-800 transition duration-150 ease-in-out" onClick={handleSubmit} type="submit">
         Play Game
       </button>
     </div>