diff --git a/app/(content)/(user)/[userid]/page.tsx b/app/(content)/(user)/[userid]/page.tsx
index 73bad3ce7170ecae9bb8f25e26485f6e53d47f04..7c9aa6ba84da8819b42d990c6b530c2e62af6484 100644
--- a/app/(content)/(user)/[userid]/page.tsx
+++ b/app/(content)/(user)/[userid]/page.tsx
@@ -1,8 +1,8 @@
+import { ClerkProvider, UserButton, UserProfile } from "@clerk/nextjs";
+import { dark } from '@clerk/themes';
+
 export default function User({ params }: { params: { userid: string } }) {
     return (
-        <div>
-            <h1>User Profile Page WIP</h1>
-            <p>Unique UserName: {params.userid}</p>
-        </div>
+            <UserProfile appearance={{baseTheme:dark}}/>
     )
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 469b21076d906f5771ac562059f3eadf57c313f0..8f0f3cb5aebdc29cfd29089caa35f221168e5280 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.2.0",
       "dependencies": {
         "@clerk/nextjs": "^4.18.4",
+        "@clerk/themes": "^1.7.3",
         "@prisma/client": "^4.14.1",
         "@radix-ui/react-dropdown-menu": "^2.0.4",
         "@radix-ui/react-slot": "^1.0.1",
@@ -182,6 +183,17 @@
         "react": ">=16"
       }
     },
+    "node_modules/@clerk/themes": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@clerk/themes/-/themes-1.7.3.tgz",
+      "integrity": "sha512-1/F4c6IdPmXffeLt+UFEGgZ7L0OCRUmjt7YEMCb56CRNTgFSBut3KnxLJOkIdFWoVL30I9Ul6QhEf+TgUJDtdg==",
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16"
+      }
+    },
     "node_modules/@clerk/types": {
       "version": "3.39.0",
       "resolved": "https://registry.npmjs.org/@clerk/types/-/types-3.39.0.tgz",
diff --git a/package.json b/package.json
index 733508b0a72eea1157fb35395c8aaafba4ac8bbe..2a17a6412103f65ed53a74a6cec2e31659246cf3 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@clerk/nextjs": "^4.18.4",
+    "@clerk/themes": "^1.7.3",
     "@prisma/client": "^4.14.1",
     "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-slot": "^1.0.1",
diff --git a/prisma/migrations/20230521165937_init/migration.sql b/prisma/migrations/20230521165937_init/migration.sql
new file mode 100644
index 0000000000000000000000000000000000000000..ec720e2d2e0b0591960bf5a0b88b7587be59c076
--- /dev/null
+++ b/prisma/migrations/20230521165937_init/migration.sql
@@ -0,0 +1,10 @@
+-- CreateTable
+CREATE TABLE "Message" (
+    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+    "author" TEXT,
+    "gameId" TEXT,
+    "title" TEXT,
+    "content" TEXT NOT NULL,
+    "sentAt" DATETIME DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME
+);