refactor: Fix formatting in middleware.ts, route.ts, loading.tsx, and…

… use-system-theme.ts

feat: Add next-auth middleware and configure profile route

setup env

add nextui

Delete middleware.ts

Add next-auth type declaration

src/app/guestbook/page.tsx

@@ -0,0 +1,12 @@
+import { Card, CardBody } from "@nextui-org/react";
+
+export default function Guestbook() {
+  return (
+    <Card className="max-w-d mx-auto mt-4">
+      <CardBody>
+        <h1>Guestbook</h1>
+        <p>Leave a message for the owner of this guestbook.</p>
+      </CardBody>
+    </Card>
+  );
+}

src/app/profile/page.tsx

@@ -7,7 +7,6 @@ import requireAuth from "@/utils/require-auth";
 export default async function Profile() {
   await requireAuth();
   const session = (await getServerSession(options))!;
-
   return (
     <Card className="mx-auto mt-4 max-w-md">
       <CardBody>

src/config/auth.ts

@@ -12,6 +12,12 @@ const options: NextAuthOptions = {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   adapter: DrizzleAdapter(db),
+  callbacks: {
+    session({ session, user }) {
+      session.user.id = user.id;
+      return session;
+    },
+  },
   providers: [
     GoogleProvider({
       clientId: env.GOOGLE_CLIENT_ID,

src/db/index.ts

@@ -3,9 +3,11 @@ import postgres from "postgres";
 
 import { env } from "@/env/server";
 
+import * as schema from "./schema/index";
+
 export const client = postgres(env.DATABASE_URL, {
   max: env.DB_MIGRATING ? 1 : undefined,
 });
-const db = drizzle(client);
+const db = drizzle(client, { schema });
 
 export default db;

src/types/next-auth.d.ts

@@ -0,0 +1,9 @@
+import { DefaultSession } from "next-auth";
+
+declare module "next-auth" {
+  interface Session {
+    user: {
+      id: string;
+    } & DefaultSession["user"];
+  }
+}