UserPage update

app/(content)/(user)/[userid]/page.tsx

+'use client'
+import { useSession } from "next-auth/react";
+
+
 export default function User({ params }: { params: { userid: string } }) {
+    const { data: session } = useSession();
     return (
-        <>
-            <h1>User Profile Page WIP</h1>
-            <p>Unique Page Params: {params.userid}</p>
-        </>
+      <div className="mt-8 px-4">
+         <div className="flex-shrink-0">
+         <title>{`GameUnity User`}</title>
+        <div className="h-10 w-10 rounded-full bg-gray-300"></div> {/* Profile picture */}
+        </div>
+        <div className="flex flex-col">
+          <p className="text-white text-2xl font-semibold">
+            {session?.user.name}
+          </p>
+          <div 
+            className="
+              flex 
+              flex-row 
+              items-center 
+              gap-2 
+              mt-4 
+              text-neutral-500
+          ">
+          </div>
+        </div>
+        <div className="flex flex-row items-center mt-4 gap-6">
+          <div className="flex flex-row items-center gap-1">
+            <p className="text-neutral-500">Following</p>
+          </div>
+          <div className="flex flex-row items-center gap-1">
+            <p className="text-white">{}</p>
+            <p className="text-neutral-500">Followers</p>
+          </div>
+        </div>
+      </div>
+
     )
 }
\ No newline at end of file

app/(content)/(user)/[userid]/followers/page.tsx → app/(content)/followers/page.tsx

+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
 import FollowersList from "@/components/following-users";
-import { useSession } from "next-auth/react";
+import { getServerSession } from "next-auth";
 
-export default function Followers() {
-    const { data: session } = useSession();
+export default async function Followers() {
+    const session = await getServerSession(authOptions);
 
     if (!session) {
         return <div>Loading...</div>;

prisma/schema.prisma

@@ -12,8 +12,8 @@ datasource db {
 
 model User {
   id            Int       @id @default(autoincrement())
-  userName      String?   @unique
-  name          String?
+  userName      String?   @unique 
+  name          String?   @default("u ${id}")
   email         String?   @unique
   password      String
   emailVerified DateTime?