Add sandbox for user model + fix body bg

package.json

@@ -9,7 +9,7 @@
     "start": "next start",
     "lint": "next lint",
     "format": "prettier --write .",
-    "run:sandbox": "tsc ./src/_sandbox/createUserRole.ts && node ./src/_sandbox/createUserRole.js"
+    "run:sandbox": "tsc ./src/_sandbox/index.ts && node ./src/_sandbox/index.js"
   },
   "engines": {
     "node": ">=20"

src/_sandbox/index.ts

@@ -0,0 +1 @@
+import './useUserModel'

src/_sandbox/useUserModel.ts

@@ -0,0 +1,21 @@
+import mongooseConnect from '../database/mongooseConnect'
+import UserModel from '../database/models/User'
+
+async function getUserById(userId: string) {
+  try {
+    await mongooseConnect()
+    const user = await UserModel.findById(userId)
+    if (!user) {
+      throw new Error('User not found')
+    }
+    return user
+  } catch (error) {
+    console.error('Error fetching user:', error)
+    throw error
+  }
+}
+
+getUserById('66f5a0d1d72e444d6a7e01df').then((user) => {
+  console.log('user:', user)
+  return
+})

src/styles/global.css

@@ -1,3 +1,20 @@
+:root {
+  --background-color-light: rgb(255, 255, 255);
+  --background-color-dark: black;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background-color: var(--background-color-dark);
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --background-color: var(--background-color-light);
+  }
+}
+
 body {
-  background-color: rgb(58, 58, 58);
+  background-color: var(--background-color);
 }