diff --git a/README.md b/README.md
index 4e89a20..016e186 100644
--- a/README.md
+++ b/README.md
@@ -136,7 +136,7 @@ export default function Page() {
 ## Backend Specifications
 
 - We will be incorporating all we have learned thus far such as API endpoints and database querying!
-- Create all endpoints in `src/app/api`
+- Create all endpoints in `src/pages/api`
 - Reminder that routes are created by using a `route.ts` file
 
 ### Create Operations
diff --git a/next.config.ts b/next.config.ts
index e9ffa30..50ed48c 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,6 +2,8 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  experimental: {},
+  reactStrictMode: true,
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index f15a1ff..67c0043 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,10 @@
       "name": "project2-f25",
       "version": "0.1.0",
       "dependencies": {
+        "argon2": "^0.44.0",
+        "bcrypt": "^6.0.0",
+        "bcryptjs": "^3.0.3",
+        "mongoose": "^9.3.3",
         "next": "16.0.1",
         "react": "19.2.0",
         "react-dom": "19.2.0"
@@ -17,6 +21,7 @@
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
+        "baseline-browser-mapping": "^2.10.13",
         "tailwindcss": "^4",
         "typescript": "^5"
       }
@@ -35,19 +40,25 @@
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.6.0.tgz",
-      "integrity": "sha512-obtUmAHTMjll499P+D9A3axeJFlhdjOWdKUNs/U6QIGT7V5RjcUW1xToAzjvmgTSQhDbYn/NwfTRoJcQ2rNBxA==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@img/colour": {
+    "node_modules/@epic-web/invariant": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
-      "integrity": "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==",
+      "resolved": "https://registry.npmjs.org/@epic-web/invariant/-/invariant-1.0.0.tgz",
+      "integrity": "sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==",
+      "license": "MIT"
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -55,9 +66,9 @@
       }
     },
     "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.4.tgz",
-      "integrity": "sha512-sitdlPzDVyvmINUdJle3TNHl+AG9QcwiAMsXmccqsCOMZNIdW2/7S26w0LyU8euiLVzFBL3dXPwVCq/ODnf2vA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
       "cpu": [
         "arm64"
       ],
@@ -73,13 +84,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.2.3"
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.4.tgz",
-      "integrity": "sha512-rZheupWIoa3+SOdF/IcUe1ah4ZDpKBGWcsPX6MT0lYniH9micvIU7HQkYTfrx5Xi8u+YqwLtxC/3vl8TQN6rMg==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
       "cpu": [
         "x64"
       ],
@@ -95,13 +106,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.2.3"
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.3.tgz",
-      "integrity": "sha512-QzWAKo7kpHxbuHqUC28DZ9pIKpSi2ts2OJnoIGI26+HMgq92ZZ4vk8iJd4XsxN+tYfNJxzH6W62X5eTcsBymHw==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
       "cpu": [
         "arm64"
       ],
@@ -115,9 +126,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.3.tgz",
-      "integrity": "sha512-Ju+g2xn1E2AKO6YBhxjj+ACcsPQRHT0bhpglxcEf+3uyPY+/gL8veniKoo96335ZaPo03bdDXMv0t+BBFAbmRA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
       "cpu": [
         "x64"
       ],
@@ -131,9 +142,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.3.tgz",
-      "integrity": "sha512-x1uE93lyP6wEwGvgAIV0gP6zmaL/a0tGzJs/BIDDG0zeBhMnuUPm7ptxGhUbcGs4okDJrk4nxgrmxpib9g6HpA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
       "cpu": [
         "arm"
       ],
@@ -147,9 +158,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.3.tgz",
-      "integrity": "sha512-I4RxkXU90cpufazhGPyVujYwfIm9Nk1QDEmiIsaPwdnm013F7RIceaCc87kAH+oUB1ezqEvC6ga4m7MSlqsJvQ==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
       "cpu": [
         "arm64"
       ],
@@ -163,9 +174,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-ppc64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.3.tgz",
-      "integrity": "sha512-Y2T7IsQvJLMCBM+pmPbM3bKT/yYJvVtLJGfCs4Sp95SjvnFIjynbjzsa7dY1fRJX45FTSfDksbTp6AGWudiyCg==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
       "cpu": [
         "ppc64"
       ],
@@ -178,10 +189,26 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.3.tgz",
-      "integrity": "sha512-RgWrs/gVU7f+K7P+KeHFaBAJlNkD1nIZuVXdQv6S+fNA6syCcoboNjsV2Pou7zNlVdNQoQUpQTk8SWDHUA3y/w==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
       "cpu": [
         "s390x"
       ],
@@ -195,9 +222,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.3.tgz",
-      "integrity": "sha512-3JU7LmR85K6bBiRzSUc/Ff9JBVIFVvq6bomKE0e63UXGeRw2HPVEjoJke1Yx+iU4rL7/7kUjES4dZ/81Qjhyxg==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
       "cpu": [
         "x64"
       ],
@@ -211,9 +238,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.3.tgz",
-      "integrity": "sha512-F9q83RZ8yaCwENw1GieztSfj5msz7GGykG/BA+MOUefvER69K/ubgFHNeSyUu64amHIYKGDs4sRCMzXVj8sEyw==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
       "cpu": [
         "arm64"
       ],
@@ -227,9 +254,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.3.tgz",
-      "integrity": "sha512-U5PUY5jbc45ANM6tSJpsgqmBF/VsL6LnxJmIf11kB7J5DctHgqm0SkuXzVWtIY90GnJxKnC/JT251TDnk1fu/g==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
       "cpu": [
         "x64"
       ],
@@ -243,9 +270,9 @@
       }
     },
     "node_modules/@img/sharp-linux-arm": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.4.tgz",
-      "integrity": "sha512-Xyam4mlqM0KkTHYVSuc6wXRmM7LGN0P12li03jAnZ3EJWZqj83+hi8Y9UxZUbxsgsK1qOEwg7O0Bc0LjqQVtxA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
       "cpu": [
         "arm"
       ],
@@ -261,13 +288,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.2.3"
+        "@img/sharp-libvips-linux-arm": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.4.tgz",
-      "integrity": "sha512-YXU1F/mN/Wu786tl72CyJjP/Ngl8mGHN1hST4BGl+hiW5jhCnV2uRVTNOcaYPs73NeT/H8Upm3y9582JVuZHrQ==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
       "cpu": [
         "arm64"
       ],
@@ -283,13 +310,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.2.3"
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linux-ppc64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.4.tgz",
-      "integrity": "sha512-F4PDtF4Cy8L8hXA2p3TO6s4aDt93v+LKmpcYFLAVdkkD3hSxZzee0rh6/+94FpAynsuMpLX5h+LRsSG3rIciUQ==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
       "cpu": [
         "ppc64"
       ],
@@ -305,13 +332,35 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-ppc64": "1.2.3"
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.4.tgz",
-      "integrity": "sha512-qVrZKE9Bsnzy+myf7lFKvng6bQzhNUAYcVORq2P7bDlvmF6u2sCmK2KyEQEBdYk+u3T01pVsPrkj943T1aJAsw==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
       "cpu": [
         "s390x"
       ],
@@ -327,13 +376,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.2.3"
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linux-x64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.4.tgz",
-      "integrity": "sha512-ZfGtcp2xS51iG79c6Vhw9CWqQC8l2Ot8dygxoDoIQPTat/Ov3qAa8qpxSrtAEAJW+UjTXc4yxCjNfxm4h6Xm2A==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
       "cpu": [
         "x64"
       ],
@@ -349,13 +398,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.2.3"
+        "@img/sharp-libvips-linux-x64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.4.tgz",
-      "integrity": "sha512-8hDVvW9eu4yHWnjaOOR8kHVrew1iIX+MUgwxSuH2XyYeNRtLUe4VNioSqbNkB7ZYQJj9rUTT4PyRscyk2PXFKA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
       "cpu": [
         "arm64"
       ],
@@ -371,13 +420,13 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.2.3"
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.4.tgz",
-      "integrity": "sha512-lU0aA5L8QTlfKjpDCEFOZsTYGn3AEiO6db8W5aQDxj0nQkVrZWmN3ZP9sYKWJdtq3PWPhUNlqehWyXpYDcI9Sg==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
       "cpu": [
         "x64"
       ],
@@ -393,20 +442,20 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.2.3"
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
       }
     },
     "node_modules/@img/sharp-wasm32": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.4.tgz",
-      "integrity": "sha512-33QL6ZO/qpRyG7woB/HUALz28WnTMI2W1jgX3Nu2bypqLIKx/QKMILLJzJjI+SIbvXdG9fUnmrxR7vbi1sTBeA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
       "cpu": [
         "wasm32"
       ],
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/runtime": "^1.5.0"
+        "@emnapi/runtime": "^1.7.0"
       },
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -416,9 +465,9 @@
       }
     },
     "node_modules/@img/sharp-win32-arm64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.4.tgz",
-      "integrity": "sha512-2Q250do/5WXTwxW3zjsEuMSv5sUU4Tq9VThWKlU2EYLm4MB7ZeMwF+SFJutldYODXF6jzc6YEOC+VfX0SZQPqA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
       "cpu": [
         "arm64"
       ],
@@ -435,9 +484,9 @@
       }
     },
     "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.4.tgz",
-      "integrity": "sha512-3ZeLue5V82dT92CNL6rsal6I2weKw1cYu+rGKm8fOCCtJTR2gYeUfY3FqUnIJsMUPIH68oS5jmZ0NiJ508YpEw==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
       "cpu": [
         "ia32"
       ],
@@ -454,9 +503,9 @@
       }
     },
     "node_modules/@img/sharp-win32-x64": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.4.tgz",
-      "integrity": "sha512-xIyj4wpYs8J18sVN3mSQjwrw7fKUqRw+Z5rnHNCy5fYTxigBz81u5mOMPmFumwjcn8+ld1ppptMBCLic1nz6ig==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
       "cpu": [
         "x64"
       ],
@@ -522,6 +571,15 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.4.6.tgz",
+      "integrity": "sha512-y+x3H1xBZd38n10NZF/rEBlvDOOMQ6LKUTHqr8R9VkJ+mmQOYtJFxIlkkK8fZrtOiL6VixbOBWMbZGBdal3Z1g==",
+      "license": "MIT",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
     "node_modules/@next/env": {
       "version": "16.0.1",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-16.0.1.tgz",
@@ -656,6 +714,15 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@phc/format": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@phc/format/-/format-1.0.0.tgz",
+      "integrity": "sha512-m7X9U6BG2+J+R1lSOdCiITLLrxm+cWlNI3HUFA92oLO77ObGNzaKdh8pMLqdZcshtkKuV84olNNXDfMc4FezBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.5.15",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
@@ -666,49 +733,49 @@
       }
     },
     "node_modules/@tailwindcss/node": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.16.tgz",
-      "integrity": "sha512-BX5iaSsloNuvKNHRN3k2RcCuTEgASTo77mofW0vmeHkfrDWaoFAFvNHpEgtu0eqyypcyiBkDWzSMxJhp3AUVcw==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/remapping": "^2.3.4",
-        "enhanced-resolve": "^5.18.3",
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
         "jiti": "^2.6.1",
-        "lightningcss": "1.30.2",
-        "magic-string": "^0.30.19",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
         "source-map-js": "^1.2.1",
-        "tailwindcss": "4.1.16"
+        "tailwindcss": "4.2.2"
       }
     },
     "node_modules/@tailwindcss/oxide": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.16.tgz",
-      "integrity": "sha512-2OSv52FRuhdlgyOQqgtQHuCgXnS8nFSYRp2tJ+4WZXKgTxqPy7SMSls8c3mPT5pkZ17SBToGM5LHEJBO7miEdg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       },
       "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.1.16",
-        "@tailwindcss/oxide-darwin-arm64": "4.1.16",
-        "@tailwindcss/oxide-darwin-x64": "4.1.16",
-        "@tailwindcss/oxide-freebsd-x64": "4.1.16",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.16",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.16",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.1.16",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.1.16",
-        "@tailwindcss/oxide-linux-x64-musl": "4.1.16",
-        "@tailwindcss/oxide-wasm32-wasi": "4.1.16",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.16",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.1.16"
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
       }
     },
     "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.16.tgz",
-      "integrity": "sha512-8+ctzkjHgwDJ5caq9IqRSgsP70xhdhJvm+oueS/yhD5ixLhqTw9fSL1OurzMUhBwE5zK26FXLCz2f/RtkISqHA==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
       "cpu": [
         "arm64"
       ],
@@ -719,13 +786,13 @@
         "android"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.16.tgz",
-      "integrity": "sha512-C3oZy5042v2FOALBZtY0JTDnGNdS6w7DxL/odvSny17ORUnaRKhyTse8xYi3yKGyfnTUOdavRCdmc8QqJYwFKA==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
       "cpu": [
         "arm64"
       ],
@@ -736,13 +803,13 @@
         "darwin"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.16.tgz",
-      "integrity": "sha512-vjrl/1Ub9+JwU6BP0emgipGjowzYZMjbWCDqwA2Z4vCa+HBSpP4v6U2ddejcHsolsYxwL5r4bPNoamlV0xDdLg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
       "cpu": [
         "x64"
       ],
@@ -753,13 +820,13 @@
         "darwin"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.16.tgz",
-      "integrity": "sha512-TSMpPYpQLm+aR1wW5rKuUuEruc/oOX3C7H0BTnPDn7W/eMw8W+MRMpiypKMkXZfwH8wqPIRKppuZoedTtNj2tg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
       "cpu": [
         "x64"
       ],
@@ -770,13 +837,13 @@
         "freebsd"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.16.tgz",
-      "integrity": "sha512-p0GGfRg/w0sdsFKBjMYvvKIiKy/LNWLWgV/plR4lUgrsxFAoQBFrXkZ4C0w8IOXfslB9vHK/JGASWD2IefIpvw==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
       "cpu": [
         "arm"
       ],
@@ -787,13 +854,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.16.tgz",
-      "integrity": "sha512-DoixyMmTNO19rwRPdqviTrG1rYzpxgyYJl8RgQvdAQUzxC1ToLRqtNJpU/ATURSKgIg6uerPw2feW0aS8SNr/w==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
       "cpu": [
         "arm64"
       ],
@@ -804,13 +871,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.16.tgz",
-      "integrity": "sha512-H81UXMa9hJhWhaAUca6bU2wm5RRFpuHImrwXBUvPbYb+3jo32I9VIwpOX6hms0fPmA6f2pGVlybO6qU8pF4fzQ==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
       "cpu": [
         "arm64"
       ],
@@ -821,13 +888,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.16.tgz",
-      "integrity": "sha512-ZGHQxDtFC2/ruo7t99Qo2TTIvOERULPl5l0K1g0oK6b5PGqjYMga+FcY1wIUnrUxY56h28FxybtDEla+ICOyew==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
       "cpu": [
         "x64"
       ],
@@ -838,13 +905,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.16.tgz",
-      "integrity": "sha512-Oi1tAaa0rcKf1Og9MzKeINZzMLPbhxvm7rno5/zuP1WYmpiG0bEHq4AcRUiG2165/WUzvxkW4XDYCscZWbTLZw==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
       "cpu": [
         "x64"
       ],
@@ -855,13 +922,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-wasm32-wasi": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.16.tgz",
-      "integrity": "sha512-B01u/b8LteGRwucIBmCQ07FVXLzImWESAIMcUU6nvFt/tYsQ6IHz8DmZ5KtvmwxD+iTYBtM1xwoGXswnlu9v0Q==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
       "bundleDependencies": [
         "@napi-rs/wasm-runtime",
         "@emnapi/core",
@@ -877,21 +944,21 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.5.0",
-        "@emnapi/runtime": "^1.5.0",
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
         "@emnapi/wasi-threads": "^1.1.0",
-        "@napi-rs/wasm-runtime": "^1.0.7",
+        "@napi-rs/wasm-runtime": "^1.1.1",
         "@tybys/wasm-util": "^0.10.1",
-        "tslib": "^2.4.0"
+        "tslib": "^2.8.1"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
     "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.16.tgz",
-      "integrity": "sha512-zX+Q8sSkGj6HKRTMJXuPvOcP8XfYON24zJBRPlszcH1Np7xuHXhWn8qfFjIujVzvH3BHU+16jBXwgpl20i+v9A==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
       "cpu": [
         "arm64"
       ],
@@ -902,13 +969,13 @@
         "win32"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.16.tgz",
-      "integrity": "sha512-m5dDFJUEejbFqP+UXVstd4W/wnxA4F61q8SoL+mqTypId2T2ZpuxosNSgowiCnLp2+Z+rivdU0AqpfgiD7yCBg==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+      "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
       "cpu": [
         "x64"
       ],
@@ -919,27 +986,27 @@
         "win32"
       ],
       "engines": {
-        "node": ">= 10"
+        "node": ">= 20"
       }
     },
     "node_modules/@tailwindcss/postcss": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.16.tgz",
-      "integrity": "sha512-Qn3SFGPXYQMKR/UtqS+dqvPrzEeBZHrFA92maT4zijCVggdsXnDBMsPFJo1eArX3J+O+Gi+8pV4PkqjLCNBk3A==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.2.tgz",
+      "integrity": "sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.1.16",
-        "@tailwindcss/oxide": "4.1.16",
-        "postcss": "^8.4.41",
-        "tailwindcss": "4.1.16"
+        "@tailwindcss/node": "4.2.2",
+        "@tailwindcss/oxide": "4.2.2",
+        "postcss": "^8.5.6",
+        "tailwindcss": "4.2.2"
       }
     },
     "node_modules/@types/node": {
-      "version": "20.19.24",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.24.tgz",
-      "integrity": "sha512-FE5u0ezmi6y9OZEzlJfg37mqqf6ZDSF2V/NLjUyGrR9uTZ7Sb9F7bLNZ03S4XVUNRWGA7Ck4c1kK+YnuWjl+DA==",
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -947,29 +1014,106 @@
       }
     },
     "node_modules/@types/react": {
-      "version": "19.2.2",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
-      "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "csstype": "^3.0.2"
+        "csstype": "^3.2.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "19.2.2",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.2.tgz",
-      "integrity": "sha512-9KQPoO6mZCi7jcIStSnlOWn2nEF3mNmyr3rIAsGnAbQKYbRLyqmeSc39EVgtxXVia+LMT8j3knZLAZAh+xLmrw==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
     },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-13.0.0.tgz",
+      "integrity": "sha512-N8WXpbE6Wgri7KUSvrmQcqrMllKZ9uxkYWMt+mCSGwNc0Hsw9VQTW7ApqI4XNrx6/SaM2QQJCzMPDEXE058s+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/argon2": {
+      "version": "0.44.0",
+      "resolved": "https://registry.npmjs.org/argon2/-/argon2-0.44.0.tgz",
+      "integrity": "sha512-zHPGN3S55sihSQo0dBbK0A5qpi2R31z7HZDZnry3ifOyj8bZZnpZND2gpmhnRGO1V/d555RwBqIK5W4Mrmv3ig==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@phc/format": "^1.0.0",
+        "cross-env": "^10.0.0",
+        "node-addon-api": "^8.5.0",
+        "node-gyp-build": "^4.8.4"
+      },
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.19",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
+      "integrity": "sha512-qCkNLi2sfBOn8XhZQ0FXsT1Ki/Yo5P90hrkRamVFRS7/KV9hpfA4HkoWNU152+8w0zPjnxo5psx5NL3PSGgv5g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/bcrypt": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-6.0.0.tgz",
+      "integrity": "sha512-cU8v/EGSrnH+HnxV2z0J7/blxH8gq7Xh2JFT6Aroax7UohdmiJJlxApMxtKfuI7z68NvvVcmR78k2LbT6efhRg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "node-addon-api": "^8.3.0",
+        "node-gyp-build": "^4.8.4"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
+    "node_modules/bson": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-7.2.0.tgz",
+      "integrity": "sha512-YCEo7KjMlbNlyHhz7zAZNDpIpQbd+wOEHJYezv0nMYTn4x31eIUM2yomNNubclAt63dObUzKHWsBLJ9QcZNSnQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001751",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001751.tgz",
-      "integrity": "sha512-A0QJhug0Ly64Ii3eIqHu5X51ebln3k4yTUkY1j8drqpWHVreg/VLijN48cZ1bYPiqOQuqpkIKnzr/Ul8V+p6Cw==",
+      "version": "1.0.30001788",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -992,10 +1136,41 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/cross-env": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-10.1.0.tgz",
+      "integrity": "sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "@epic-web/invariant": "^1.0.0",
+        "cross-spawn": "^7.0.6"
+      },
+      "bin": {
+        "cross-env": "dist/bin/cross-env.js",
+        "cross-env-shell": "dist/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -1010,14 +1185,14 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.18.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
+        "tapable": "^2.3.0"
       },
       "engines": {
         "node": ">=10.13.0"
@@ -1030,6 +1205,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
     "node_modules/jiti": {
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
@@ -1040,10 +1221,19 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
+    "node_modules/kareem": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-3.2.0.tgz",
+      "integrity": "sha512-VS8MWZz/cT+SqBCpVfNN4zoVz5VskR3N4+sTmUXme55e9avQHntpwpNq0yjnosISXqwJ3AQVjlbI4Dyzv//JtA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/lightningcss": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
-      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
       "dev": true,
       "license": "MPL-2.0",
       "dependencies": {
@@ -1057,23 +1247,23 @@
         "url": "https://opencollective.com/parcel"
       },
       "optionalDependencies": {
-        "lightningcss-android-arm64": "1.30.2",
-        "lightningcss-darwin-arm64": "1.30.2",
-        "lightningcss-darwin-x64": "1.30.2",
-        "lightningcss-freebsd-x64": "1.30.2",
-        "lightningcss-linux-arm-gnueabihf": "1.30.2",
-        "lightningcss-linux-arm64-gnu": "1.30.2",
-        "lightningcss-linux-arm64-musl": "1.30.2",
-        "lightningcss-linux-x64-gnu": "1.30.2",
-        "lightningcss-linux-x64-musl": "1.30.2",
-        "lightningcss-win32-arm64-msvc": "1.30.2",
-        "lightningcss-win32-x64-msvc": "1.30.2"
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
       }
     },
     "node_modules/lightningcss-android-arm64": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
-      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
       "cpu": [
         "arm64"
       ],
@@ -1092,9 +1282,9 @@
       }
     },
     "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
-      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
       "cpu": [
         "arm64"
       ],
@@ -1113,9 +1303,9 @@
       }
     },
     "node_modules/lightningcss-darwin-x64": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
-      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
       "cpu": [
         "x64"
       ],
@@ -1134,9 +1324,9 @@
       }
     },
     "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
-      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
       "cpu": [
         "x64"
       ],
@@ -1155,9 +1345,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
-      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
       "cpu": [
         "arm"
       ],
@@ -1176,9 +1366,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
-      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
       "cpu": [
         "arm64"
       ],
@@ -1197,9 +1387,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
-      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
       "cpu": [
         "arm64"
       ],
@@ -1218,9 +1408,9 @@
       }
     },
     "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
-      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
       "cpu": [
         "x64"
       ],
@@ -1239,9 +1429,9 @@
       }
     },
     "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
-      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
       "cpu": [
         "x64"
       ],
@@ -1260,9 +1450,9 @@
       }
     },
     "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
-      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
       "cpu": [
         "arm64"
       ],
@@ -1281,9 +1471,9 @@
       }
     },
     "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.30.2",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
-      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
       "cpu": [
         "x64"
       ],
@@ -1311,6 +1501,116 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "license": "MIT"
+    },
+    "node_modules/mongodb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-7.1.1.tgz",
+      "integrity": "sha512-067DXiMjcpYQl6bGjWQoTUEE9UoRViTtKFcoqX7z08I+iDZv/emH1g8XEFiO3qiDfXAheT5ozl1VffDTKhIW/w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.3.0",
+        "bson": "^7.1.1",
+        "mongodb-connection-string-url": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.806.0",
+        "@mongodb-js/zstd": "^7.0.0",
+        "gcp-metadata": "^7.0.1",
+        "kerberos": "^7.0.0",
+        "mongodb-client-encryption": ">=7.0.0 <7.1.0",
+        "snappy": "^7.3.2",
+        "socks": "^2.8.6"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-7.0.1.tgz",
+      "integrity": "sha512-h0AZ9A7IDVwwHyMxmdMXKy+9oNlF0zFoahHiX3vQ8e3KFcSP3VmsmfvtRSuLPxmyv2vjIDxqty8smTgie/SNRQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/whatwg-url": "^13.0.0",
+        "whatwg-url": "^14.1.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "9.4.1",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-9.4.1.tgz",
+      "integrity": "sha512-4rFBWa+/wdBQSfvnOPJBpiSG6UCEbhSQh865dEdaH9Y8WfHBUC+I2XT28dp0IBIGrEwmh+gzrgZgea5PbmrHWA==",
+      "license": "MIT",
+      "dependencies": {
+        "kareem": "3.2.0",
+        "mongodb": "~7.1",
+        "mpath": "0.9.0",
+        "mquery": "6.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-6.0.0.tgz",
+      "integrity": "sha512-b2KQNsmgtkscfeDgkYMcWGn9vZI9YoXh802VDEwE6qc50zxBFQ0Oo8ROkawbPAsXCY1/Z1yp0MagqsZStPWJjw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -1333,6 +1633,7 @@
       "version": "16.0.1",
       "resolved": "https://registry.npmjs.org/next/-/next-16.0.1.tgz",
       "integrity": "sha512-e9RLSssZwd35p7/vOa+hoDFggUZIUbZhIUSLZuETCwrCVvxOs87NamoUzT+vbcNAL8Ld9GobBnWOA6SbV/arOw==",
+      "deprecated": "This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/CVE-2025-66478 for more details.",
       "license": "MIT",
       "dependencies": {
         "@next/env": "16.0.1",
@@ -1409,6 +1710,35 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-addon-api": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-8.7.0.tgz",
+      "integrity": "sha512-9MdFxmkKaOYVTV+XVRG8ArDwwQ77XIgIPyKASB1k3JPq3M8fGQQQE3YpMOrKm6g//Ktx8ivZr8xo1Qmtqub+GA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18 || ^20 || >= 21"
+      }
+    },
+    "node_modules/node-gyp-build": {
+      "version": "4.8.4",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
+      "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
+      "license": "MIT",
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -1416,9 +1746,9 @@
       "license": "ISC"
     },
     "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
+      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
       "dev": true,
       "funding": [
         {
@@ -1444,11 +1774,21 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/react": {
       "version": "19.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
       "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1458,6 +1798,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
       "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -1472,9 +1813,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
       "optional": true,
       "bin": {
@@ -1485,16 +1826,16 @@
       }
     },
     "node_modules/sharp": {
-      "version": "0.34.4",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.4.tgz",
-      "integrity": "sha512-FUH39xp3SBPnxWvd5iib1X8XY7J0K0X7d93sie9CJg2PO8/7gmg89Nve6OjItK53/MlAushNNxteBYfM6DEuoA==",
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
         "@img/colour": "^1.0.0",
-        "detect-libc": "^2.1.0",
-        "semver": "^7.7.2"
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
       },
       "engines": {
         "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -1503,30 +1844,59 @@
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.34.4",
-        "@img/sharp-darwin-x64": "0.34.4",
-        "@img/sharp-libvips-darwin-arm64": "1.2.3",
-        "@img/sharp-libvips-darwin-x64": "1.2.3",
-        "@img/sharp-libvips-linux-arm": "1.2.3",
-        "@img/sharp-libvips-linux-arm64": "1.2.3",
-        "@img/sharp-libvips-linux-ppc64": "1.2.3",
-        "@img/sharp-libvips-linux-s390x": "1.2.3",
-        "@img/sharp-libvips-linux-x64": "1.2.3",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.2.3",
-        "@img/sharp-libvips-linuxmusl-x64": "1.2.3",
-        "@img/sharp-linux-arm": "0.34.4",
-        "@img/sharp-linux-arm64": "0.34.4",
-        "@img/sharp-linux-ppc64": "0.34.4",
-        "@img/sharp-linux-s390x": "0.34.4",
-        "@img/sharp-linux-x64": "0.34.4",
-        "@img/sharp-linuxmusl-arm64": "0.34.4",
-        "@img/sharp-linuxmusl-x64": "0.34.4",
-        "@img/sharp-wasm32": "0.34.4",
-        "@img/sharp-win32-arm64": "0.34.4",
-        "@img/sharp-win32-ia32": "0.34.4",
-        "@img/sharp-win32-x64": "0.34.4"
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==",
+      "license": "MIT"
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1536,6 +1906,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
     "node_modules/styled-jsx": {
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
@@ -1560,16 +1939,16 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.16.tgz",
-      "integrity": "sha512-pONL5awpaQX4LN5eiv7moSiSPd/DLDzKVRJz8Q9PgzmAdd1R4307GQS2ZpfiN7ZmekdQrfhZZiSE5jkLR4WNaA==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+      "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/tapable": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
-      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1580,6 +1959,18 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -1606,6 +1997,43 @@
       "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
       "dev": true,
       "license": "MIT"
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 693e5fc..30253af 100644
--- a/package.json
+++ b/package.json
@@ -8,16 +8,21 @@
     "start": "next start"
   },
   "dependencies": {
+    "argon2": "^0.44.0",
+    "bcrypt": "^6.0.0",
+    "bcryptjs": "^3.0.3",
+    "mongoose": "^9.3.3",
+    "next": "16.0.1",
     "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "next": "16.0.1"
+    "react-dom": "19.2.0"
   },
   "devDependencies": {
-    "typescript": "^5",
+    "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4"
+    "baseline-browser-mapping": "^2.10.13",
+    "tailwindcss": "^4",
+    "typescript": "^5"
   }
 }
diff --git a/public/images/_.jpeg b/public/images/_.jpeg
new file mode 100644
index 0000000..5c052eb
Binary files /dev/null and b/public/images/_.jpeg differ
diff --git a/server/mongodb/.gitkeep b/server/mongodb/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/server/mongodb/connectDb.ts b/server/mongodb/connectDb.ts
new file mode 100644
index 0000000..cefa91a
--- /dev/null
+++ b/server/mongodb/connectDb.ts
@@ -0,0 +1,10 @@
+import mongoose from "mongoose";
+
+export default async function connectDb() {
+    try {
+        await mongoose.connect(process.env.MONGODB_URL!);
+        console.log("Connected to MongoDB!");
+    } catch (e) {
+        console.log("Unable to connect", e);
+    }
+}
\ No newline at end of file
diff --git a/server/mongodb/instrumentation.ts b/server/mongodb/instrumentation.ts
new file mode 100644
index 0000000..392e52a
--- /dev/null
+++ b/server/mongodb/instrumentation.ts
@@ -0,0 +1,7 @@
+// this will prevent our MongoDB from running at every instance
+import connectDb from "./connectDb";
+
+// register executes the connectDb once immediately when we run the server
+export function register(){
+    connectDb();
+}
\ No newline at end of file
diff --git a/server/mongodb/models/Animal.ts b/server/mongodb/models/Animal.ts
new file mode 100644
index 0000000..06af6c8
--- /dev/null
+++ b/server/mongodb/models/Animal.ts
@@ -0,0 +1,13 @@
+import mongoose from "mongoose";
+
+const AnimalSchema = new mongoose.Schema({
+  name: { type: String, required: true },
+  breed: { type: String, required: true },
+  owner: { type: mongoose.Schema.Types.ObjectId, ref: "User", required: true },
+  hoursTrained: { type: Number, default: 0 },
+  profilePicture: { type: String }
+});
+
+// Prevent model overwrite error in Next.js
+const Animal = mongoose.models.Animal || mongoose.model("Animal", AnimalSchema);
+export default Animal;
\ No newline at end of file
diff --git a/server/mongodb/models/Training-Log.ts b/server/mongodb/models/Training-Log.ts
new file mode 100644
index 0000000..7e71aea
--- /dev/null
+++ b/server/mongodb/models/Training-Log.ts
@@ -0,0 +1,35 @@
+import mongoose from "mongoose";
+
+const TrainingLogSchema = new mongoose.Schema(
+    {
+        title : {
+            type: String,
+            required: true,
+        },
+        description: {
+            type: String,
+            required: true,
+        },
+        hours: {
+            type: Number,
+            required: true,
+        },
+        date: {
+            type: Date,
+            required: true,
+        },
+        animalId: {
+            type: mongoose.Schema.Types.ObjectId,
+            ref: "Animal",
+            required: true,
+        },
+        userId: {
+            type: mongoose.Schema.Types.ObjectId,
+            ref: "User",
+            required: true,
+        },
+    },
+    { timestamps: true }
+);
+
+export default mongoose.models.TrainingLog || mongoose.model("TrainingLog", TrainingLogSchema);
diff --git a/server/mongodb/models/User.ts b/server/mongodb/models/User.ts
new file mode 100644
index 0000000..c59c319
--- /dev/null
+++ b/server/mongodb/models/User.ts
@@ -0,0 +1,11 @@
+import mongoose from "mongoose";
+
+const UserSchema = new mongoose.Schema({
+  fullName : {type: String, required: true},
+  email: { type: String, required: true}, 
+  password: {type : String, required: true},
+  isAdmin: {type: Boolean, default: false}
+});
+
+// Prevent model overwrite error in Next.js
+export default mongoose.models.User || mongoose.model("User", UserSchema);
\ No newline at end of file
diff --git a/server/mongodb/models/actions/.gitkeep b/server/mongodb/models/actions/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/server/mongodb/models/index.js b/server/mongodb/models/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/server/utils/.gitkeep b/server/utils/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/AuthContext.tsx b/src/AuthContext.tsx
new file mode 100644
index 0000000..cbfdef7
--- /dev/null
+++ b/src/AuthContext.tsx
@@ -0,0 +1,63 @@
+import { createContext, useContext, useState, useEffect, ReactNode } from "react";
+
+type User = {
+  id: string;
+  isAdmin: boolean;
+  fullName: string, 
+} | null;
+
+
+type AuthContextType = {
+  user: User;
+  login: (data: { userid: string; isAdmin: boolean, fullName: string }) => void;
+  logout: () => void;
+};
+
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+
+type AuthProviderProps = {
+  children: ReactNode;
+};
+
+export function AuthProvider({ children }: AuthProviderProps) {
+  const [user, setUser] = useState<User>(null);
+
+  
+  useEffect(() => {
+    const stored = localStorage.getItem("user");
+    if (stored) setUser(JSON.parse(stored));
+  }, []);
+
+  const login = (data: { userid: string; isAdmin: boolean, fullName: string }) => {
+    const newUser = {
+      id: data.userid,
+      isAdmin: data.isAdmin,
+      fullName: data.fullName, 
+    };
+
+    setUser(newUser);
+    localStorage.setItem("user", JSON.stringify(newUser));
+  };
+
+  const logout = () => {
+    setUser(null);
+    localStorage.removeItem("user");
+  };
+
+  return (
+    <AuthContext.Provider value={{ user, login, logout }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+
+export function useAuth() {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
\ No newline at end of file
diff --git a/src/component/animal_card.tsx b/src/component/animal_card.tsx
new file mode 100644
index 0000000..b914022
--- /dev/null
+++ b/src/component/animal_card.tsx
@@ -0,0 +1,48 @@
+import Image from "next/image";
+import { Animal } from "../types/animal";
+
+interface AnimalCardProps {
+  animal: Animal;
+  compact?: boolean;
+}
+
+export const AnimalCard = ({ animal, compact = false }: AnimalCardProps) => {
+    return (
+        <div className="w-full overflow-hidden rounded-xl bg-white shadow-sm transition-all group hover:shadow-md">
+            {/* Image Container */}
+            <div className={`relative w-full overflow-hidden rounded-t-[20px] bg-gray-100 ${compact ? "h-40 lg:h-44" : "h-56 sm:h-60 lg:h-64"}`}>
+                <Image 
+                    src={animal.profilePicture} 
+                    alt={`${animal.name} - ${animal.breed}`} 
+                    fill className="object-cover group-hover:scale-105 transition-transform duration-300"
+            />
+            </div>
+
+            {/* Info Section */}
+            <div className={`flex items-start ${compact ? "gap-3 px-4 py-4" : "gap-4 px-5 py-5 lg:gap-6 lg:px-6 lg:py-6"}`}>
+                {/* Owner Avater */}
+                <div className={`flex flex-shrink-0 items-center justify-center rounded-full bg-[#d13a2f] font-bold text-white ${compact ? "h-10 w-10 text-lg" : "h-12 w-12 text-xl lg:h-[50px] lg:w-[50px] lg:text-[24px]"}`}>
+                    {/* Owner Name's first character */}
+                    {animal.owner.fullName.charAt(0)}
+                </div>
+
+                <div className="flex flex-col min-w-0">
+                    <h3
+                      className={`font-heebo leading-tight text-gray-900 ${compact ? "truncate text-xl" : "truncate text-2xl lg:text-[27px]"}`}
+                      title={`${animal.name} - ${animal.breed}`}
+                    >
+                        <span className="font-bold tracking-tight">
+                            {animal.name}
+                        </span>
+                        <span className="font-bold">
+                            {` - ${animal.breed}`}
+                        </span>
+                    </h3>
+                    <p className={`font-heebo font-medium leading-[1.2] text-gray-600 ${compact ? "mt-2 text-sm" : "mt-3 text-base lg:mt-[12px] lg:text-[18px]"} truncate`}>
+                        {animal.owner.fullName} • Trained: {animal.hoursTrained} hours
+                    </p>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/component/dashboard.tsx b/src/component/dashboard.tsx
new file mode 100644
index 0000000..c85f270
--- /dev/null
+++ b/src/component/dashboard.tsx
@@ -0,0 +1,11 @@
+"use client";
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import Sidebar from "./sidebar";
+
+export default function Dashboard() {
+    return (
+        <Sidebar/>
+    )
+}
\ No newline at end of file
diff --git a/src/component/progressbar.tsx b/src/component/progressbar.tsx
new file mode 100644
index 0000000..23cb37e
--- /dev/null
+++ b/src/component/progressbar.tsx
@@ -0,0 +1,45 @@
+type ProgressBarProps = {
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+  showSearch?: boolean;
+};
+
+export default function ProgressBar({
+  searchValue = "",
+  onSearchChange,
+  showSearch = true,
+}: ProgressBarProps) {
+  return (
+    <header className="flex items-center justify-between border-b border-gray-300 px-4 py-3 shadow-md sm:px-6 sm:py-4 lg:px-8 lg:py-4">
+      <div className="flex w-[240px] shrink-0 items-center gap-3">
+        <img src="/images/appLogo.png" alt="App logo" className="h-9 w-auto sm:h-10" />
+        <h1 className="text-2xl font-medium text-black font-oswald sm:text-3xl lg:text-4xl">
+          Progress
+        </h1>
+      </div>
+
+      {showSearch ? (
+        <div className="flex flex-1 justify-center px-4">
+          <div className="relative h-[48px] w-full max-w-[550px]">
+            <img
+              src="/images/searchLogo.png"
+              alt="Search logo"
+              className="pointer-events-none absolute left-5 top-1/2 h-5 w-5 -translate-y-1/2"
+            />
+            <input
+              type="text"
+              placeholder="Search"
+              value={searchValue}
+              onChange={(e) => onSearchChange?.(e.target.value)}
+              className="h-full w-full rounded-[15px] border-[1.5px] border-gray-300 bg-white pl-14 pr-4 font-heebo text-lg text-gray-700 outline-none placeholder:text-gray-400 focus:border-gray-400"
+            />
+          </div>
+        </div>
+      ) : (
+        <div className="flex-1" />
+      )}
+
+      <div className="flex w-[200px] shrink-0 justify-end" />
+    </header>
+  );
+}
diff --git a/src/component/sidebar.tsx b/src/component/sidebar.tsx
new file mode 100644
index 0000000..8108e89
--- /dev/null
+++ b/src/component/sidebar.tsx
@@ -0,0 +1,176 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useAuth } from "@/AuthContext";
+
+export default function Sidebar() {
+  const router = useRouter();
+
+  const isTrainingLogsActive = router.pathname === "/training-logs";
+  const isAnimalsActive = router.pathname === "/animal_dashboard";
+  const isAllTrainingActive = router.pathname === "/all-training";
+  const isAllAnimalsActive = router.pathname === "/all_animals";
+  const isAllUsersActive = router.pathname === "/all-users";
+  const isCreateTrainingLogsActive = router.pathname === "/create_training-log";
+  const { user } = useAuth();
+  const { logout } = useAuth();
+
+  const publicLinks = [
+    {
+      href: "/training-logs",
+      active: isTrainingLogsActive || isCreateTrainingLogsActive,
+      activeIcon: "/images/activeTrainingLogo.png",
+      inactiveIcon: "/images/inactiveTrainingLogs.png",
+      alt: "Training Logs icon",
+      label: "Training Logs",
+    },
+    {
+      href: "/animal_dashboard",
+      active: isAnimalsActive,
+      activeIcon: "/images/activeAnimalsLogo.png",
+      inactiveIcon: "/images/inactiveAnimalLogo.png",
+      alt: "Animals icon",
+      label: "Animals",
+    },
+  ];
+
+  const adminLinks = [
+    {
+      href: "/all-training",
+      active: isAllTrainingActive,
+      activeIcon: "/images/activeAllTrainingLogo.png",
+      inactiveIcon: "/images/inactiveAllTrainingLogo.png",
+      alt: "All Training Logs icon",
+      label: "All training",
+    },
+    {
+      href: "/all_animals",
+      active: isAllAnimalsActive,
+      activeIcon: "/images/activeAllAnimalsLogo.png",
+      inactiveIcon: "/images/inactiveAllAnimalsLogo.png",
+      alt: "All Animals icon",
+      label: "All Animals",
+    },
+    {
+      href: "/all-users",
+      active: isAllUsersActive,
+      activeIcon: "/images/activeAllUsersLogo.png",
+      inactiveIcon: "/images/inactiveAllUsersLogo.png",
+      alt: "All Users icon",
+      label: "All Users",
+    },
+  ];
+
+  const renderLink = (
+    href: string,
+    active: boolean,
+    activeIcon: string,
+    inactiveIcon: string,
+    alt: string,
+    label: string
+  ) => (
+    <Link
+      key={href}
+      href={href}
+      className={`flex items-center gap-3 rounded-xl px-4 py-3 text-sm transition-colors sm:text-base ${
+        active ? "bg-[#D21312] font-semibold text-white" : "text-gray-600 hover:bg-gray-100"
+      }`}
+    >
+      <img
+        src={active ? activeIcon : inactiveIcon}
+        alt={alt}
+        className="h-5 w-5 shrink-0 object-contain"
+      />
+      <span className="truncate">{label}</span>
+    </Link>
+  );
+
+  return (
+    <div className="border-b border-gray-200 bg-white md:flex md:h-full md:w-72 md:flex-col md:border-b-0 md:border-r md:border-gray-300">
+      <div className="flex items-center justify-between gap-3 px-4 py-4 md:hidden">
+        <div className="min-w-0">
+          <p className="text-lg font-semibold text-neutral-800">Zangaroo</p>
+          {user && (
+            <p className="truncate text-sm text-gray-500">
+              {user.fullName} · {user.isAdmin ? "Admin" : "User"}
+            </p>
+          )}
+        </div>
+
+        {user && (
+          <Link href="/" className="shrink-0">
+            <img
+              src="/images/logoutLogo.png"
+              alt="Logout icon"
+              className="h-6 w-6 cursor-pointer"
+              onClick={() => {
+                logout();
+              }}
+            />
+          </Link>
+        )}
+      </div>
+
+      <div className="overflow-x-auto px-4 pb-4 md:flex-1 md:px-4 md:py-4">
+        <div className="flex gap-3 md:flex-col md:gap-4">
+          {publicLinks.map((link) =>
+            renderLink(
+              link.href,
+              link.active,
+              link.activeIcon,
+              link.inactiveIcon,
+              link.alt,
+              link.label
+            )
+          )}
+        </div>
+
+        {user?.isAdmin && (
+          <div className="mt-4 border-t border-gray-200 pt-4 md:mt-8 md:pt-6">
+            <p className="px-1 text-xs font-semibold uppercase tracking-[0.2em] text-gray-500 md:px-4">
+              Admin Access
+            </p>
+            <div className="mt-3 flex gap-3 md:flex-col md:gap-4">
+              {adminLinks.map((link) =>
+                renderLink(
+                  link.href,
+                  link.active,
+                  link.activeIcon,
+                  link.inactiveIcon,
+                  link.alt,
+                  link.label
+                )
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+
+      {user && (
+        <div
+          id="profileSection"
+          className="hidden items-center gap-x-4 border-t border-gray-300 px-4 py-5 md:mt-4 md:flex"
+        >
+          <div className="flex h-12 w-12 items-center justify-center rounded-full bg-red-500">
+            <span className="text-lg font-bold text-white">
+              {user.fullName.charAt(0).toUpperCase()}
+            </span>
+          </div>
+          <div id="profileInfo" className="min-w-0">
+            <p className="truncate font-semibold">{user.fullName}</p>
+            <p className="text-sm text-gray-500">{user.isAdmin ? "Admin" : "User"}</p>
+          </div>
+          <Link href="/" className="ml-auto shrink-0">
+            <img
+              src="/images/logoutLogo.png"
+              alt="Logout icon"
+              className="h-6 w-6 cursor-pointer"
+              onClick={() => {
+                logout();
+              }}
+            />
+          </Link>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/component/user_card.tsx b/src/component/user_card.tsx
new file mode 100644
index 0000000..cdf9e35
--- /dev/null
+++ b/src/component/user_card.tsx
@@ -0,0 +1,23 @@
+type UserCardProps = {
+  fullName: string;
+  isAdmin: boolean;
+};
+
+export default function UserCard({ fullName, isAdmin }: UserCardProps) {
+  const initial = fullName?.charAt(0)?.toUpperCase() || "?";
+
+  return (
+    <div className="h-full w-full rounded-xl bg-white p-4 shadow-md transition hover:shadow-lg">
+      <div className="flex items-center gap-3">
+        <div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-500 font-bold text-white">
+          {initial}
+        </div>
+
+        <div className="min-w-0">
+          <div className="truncate font-bold text-gray-900">{fullName}</div>
+          <div className="text-xs text-gray-500">{isAdmin ? "Admin" : "User"}</div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 61f64e1..bf36ac4 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,6 +1,26 @@
 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
+import { Oswald , Heebo} from "next/font/google";
+import { AuthProvider } from "@/AuthContext";
+
+const oswald = Oswald({
+  subsets: ["latin"],
+  variable: "--font-oswald",
+  weight: ["400", "500", "700"],
+});
+
+const heebo = Heebo({
+  subsets: ["latin"],
+  variable: "--font-heebo",
+  weight: ["400", "500", "700", "800"],
+});
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
-}
\ No newline at end of file
+  return (
+    <AuthProvider>
+  <main className={`${oswald.variable} ${heebo.variable}`}>
+    <Component {...pageProps} />
+    </main>
+    </AuthProvider>
+  );
+}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 93812e7..cd1cbe4 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -13,4 +13,4 @@ export default function Document() {
       </body>
     </Html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/all-training.tsx b/src/pages/all-training.tsx
new file mode 100644
index 0000000..cb7ad0a
--- /dev/null
+++ b/src/pages/all-training.tsx
@@ -0,0 +1,96 @@
+"use client";
+import Sidebar from "@/component/sidebar";
+import ProgressBar from "@/component/progressbar";
+import TrainingLogsCard from "./training-logs_card";
+import { useEffect, useState } from "react";
+
+type TrainingLog = {
+    id: string;
+    title: string;
+    date: string;
+    userName: string;
+    animalName: string;
+    animalBreed: string;
+    hours: number;
+    description: string;
+};
+
+async function getAllTrainingLogs(): Promise<TrainingLog[]> {
+    try {
+      const res = await fetch("/api/training-log");
+
+      if (!res.ok) {
+        throw new Error("Failed to fetch training logs");
+      }
+
+      const data = await res.json();
+      return Array.isArray(data.data) ? data.data : [];
+    } catch (error) {
+      console.error("Failed to fetch all training logs:", error);
+      return [];
+    }
+}
+
+export default function Home() {
+    const [trainingLogs, setTrainingLogs] = useState<TrainingLog[]>([]);
+    // Search bar state for filtering training logs by title
+    const [search, setSearch] = useState("");
+
+    useEffect(() => {
+      getAllTrainingLogs().then(setTrainingLogs);
+    }, []);
+
+    // Search filtering is applied before rendering the training log cards
+    const query = search.trim().toLowerCase();
+    const filteredTrainingLogs = trainingLogs.filter((log) =>
+      log.title.toLowerCase().includes(query)
+    );
+    
+    return (
+        <div className="relative flex min-h-screen w-full flex-col">
+            <ProgressBar
+              showSearch={true}
+              searchValue={search}
+              onSearchChange={setSearch}
+            />
+
+            <div className="flex flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar/>
+                </aside>
+
+                <main className="flex-1 p-4 sm:p-6 lg:p-8">
+                    <div className="mb-6 flex items-center justify-between border-b border-gray-200 px-2 py-3 sm:mb-8 sm:py-4">
+                        <h2 className="px-2 py-1 font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-[30px]">
+                            All Trainings
+                        </h2>
+                    </div>
+
+                    <div className="mx-auto w-full max-w-6xl space-y-3 lg:space-y-4">
+                        {filteredTrainingLogs.map((log) => {
+                            const fullDate = new Date(log.date);
+                            const day = String(fullDate.getDate());
+                            const month = fullDate.toLocaleString("default", { month: "short" });
+                            const year = String(fullDate.getFullYear());
+
+                            return (
+                                <TrainingLogsCard
+                                    key={log.id}
+                                    title={log.title}
+                                    date={day}
+                                    month={month}
+                                    year={year}
+                                    userName={log.userName}
+                                    animalName={log.animalName}
+                                    animalBreed={log.animalBreed}
+                                    hours={log.hours}
+                                    description={log.description}
+                                />
+                            );
+                        })}
+                    </div>
+                </main>
+            </div>
+        </div>
+    );
+}
diff --git a/src/pages/all-users.tsx b/src/pages/all-users.tsx
new file mode 100644
index 0000000..9e2275f
--- /dev/null
+++ b/src/pages/all-users.tsx
@@ -0,0 +1,74 @@
+"use client";
+import { useState } from "react";
+import { useEffect } from "react";
+import Sidebar from "@/component/sidebar";
+import UserCard from "@/component/user_card";
+import ProgressBar from "@/component/progressbar";
+
+
+export default function AllUsersPage() {
+    type User = {
+    _id: string;
+    fullName: string;
+    isAdmin: boolean;
+};
+    const [users, setUsers] = useState<User[]>([]);
+    // Search bar state for filtering users by full name
+    const [search, setSearch] = useState("");
+    useEffect(() => {
+    const fetchUsers = async () => {
+      try {
+        const res = await fetch("/api/admin/users");
+        const data = await res.json();
+
+        if (data.success) {
+          setUsers(data.users); 
+        }
+      } catch (err) {
+        console.error(err);
+      }
+    };
+
+    fetchUsers();
+  }, []);
+
+    // Search filtering is applied before rendering the user cards
+    const query = search.trim().toLowerCase();
+    const filteredUsers = users.filter((user) =>
+      user.fullName.toLowerCase().includes(query)
+    );
+
+    return (
+        <div className="flex min-h-screen w-full flex-col">
+            <ProgressBar
+              showSearch={true}
+              searchValue={search}
+              onSearchChange={setSearch}
+            />
+            <div className="flex flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar />
+                </aside>
+
+                <main className="flex-1 p-4 sm:p-6 lg:p-8">
+                     <div className="mb-6 flex items-center justify-between border-b border-gray-200 px-2 py-3 sm:mb-8 sm:py-4">
+                        <h2 className="px-2 py-1 font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-[30px]">
+                            All users
+                        </h2>
+                    </div>
+                
+                    <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
+                        {filteredUsers.map((user) => (
+                            <UserCard
+                                key={user._id}
+                                fullName={user.fullName}
+                                isAdmin={user.isAdmin}
+                            />
+                        ))}
+                    </div>
+                </main>
+
+            </div>
+        </div>
+);
+}
diff --git a/src/pages/all_animals.tsx b/src/pages/all_animals.tsx
new file mode 100644
index 0000000..8218bce
--- /dev/null
+++ b/src/pages/all_animals.tsx
@@ -0,0 +1,69 @@
+"use client";
+import { useState } from "react";
+import { AnimalCard } from "../component/animal_card";
+import { Animal } from "../types/animal";
+import { useEffect } from "react";
+import Sidebar from "@/component/sidebar";
+import ProgressBar from "@/component/progressbar";
+
+async function getAnimals(): Promise<Animal[]> {
+    try {
+        const res = await fetch("/api/admin/animals", {
+            method: "GET"
+        });
+        if (!res.ok) {
+            throw new Error("Failed to fetch animals");
+        }
+        const data = await res.json();
+        return Array.isArray(data.data) ? data.data : [];
+    } catch (error) {
+        console.error("Failed to fetch animals:", error);
+        return [];
+    }
+}
+
+export default function Home() {
+    const [animals, setAnimals] = useState<Animal[]>([]);
+    // Search bar state for filtering animals by name
+    const [search, setSearch] = useState("");
+
+    useEffect(() => {
+        getAnimals().then(setAnimals);
+    }, []);
+
+    // Search filtering is applied before rendering the animal cards
+    const query = search.trim().toLowerCase();
+    const filteredAnimals = animals.filter((animal) =>
+        animal.name.toLowerCase().includes(query)
+    );
+
+    return (
+        <div className="relative flex min-h-screen w-full flex-col">
+            <ProgressBar
+                showSearch={true}
+                searchValue={search}
+                onSearchChange={setSearch}
+            />
+
+            <div className="flex flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar/>
+                </aside>
+
+                <main className="flex-1 p-4 sm:p-6 lg:p-8">
+                    <div className="mb-6 flex items-center justify-between border-b border-gray-200 px-2 py-3 sm:mb-8 sm:py-4">
+                        <h2 className="px-2 py-1 font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-[30px]">
+                            All Animals
+                        </h2>
+                    </div>
+                    
+                    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
+                        {filteredAnimals.map((animal) => (
+                            <AnimalCard key={animal._id.toString()} animal={animal} compact />
+                        ))}
+                    </div>
+                </main>
+            </div>
+        </div>
+    );
+}
diff --git a/src/pages/animal_dashboard.tsx b/src/pages/animal_dashboard.tsx
new file mode 100644
index 0000000..9a53c7a
--- /dev/null
+++ b/src/pages/animal_dashboard.tsx
@@ -0,0 +1,89 @@
+"use client";
+import { useState } from "react";
+import { AnimalCard } from "../component/animal_card";
+import { Animal } from "../types/animal";
+import { useEffect } from "react";
+import Sidebar from "@/component/sidebar";
+import Link from "next/link";
+import ProgressBar from "@/component/progressbar";
+import { useAuth } from "@/AuthContext";
+
+export default function Home() {
+  const [animals, setAnimals] = useState<Animal[]>([]);
+  // Search bar state for filtering animals by name
+  const [search, setSearch] = useState("");
+  const { user } = useAuth();
+
+  useEffect(() => {
+    if (!user?.id) {
+      setAnimals([]);
+      return;
+    }
+
+    const fetchAnimals = async () => {
+      try {
+        const res = await fetch(`/api/animal?ownerId=${user.id}`, {
+          method: "GET"
+        });
+        if (!res.ok) {
+          throw new Error("Failed to fetch animals");
+        }
+        const data = await res.json();
+        setAnimals(Array.isArray(data.data) ? data.data : []);
+      } catch (error) {
+        console.error("Failed to fetch animals:", error);
+        setAnimals([]);
+      }
+    };
+
+    fetchAnimals();
+  }, [user]);
+
+  // Search filtering is applied before rendering the animal cards
+  const query = search.trim().toLowerCase();
+  const filteredAnimals = animals.filter((animal) =>
+    animal.name.toLowerCase().includes(query)
+  );
+
+  return (
+    <div className="relative flex min-h-screen flex-col">
+      <ProgressBar
+        showSearch={true}
+        searchValue={search}
+        onSearchChange={setSearch}
+      />
+
+      <div className="flex min-h-0 flex-1 flex-col md:flex-row">
+        <aside className="shrink-0 md:w-72">
+          <Sidebar />
+        </aside>
+
+        <main className="flex-1 p-4 sm:p-6 lg:p-8">
+          <div className="mb-6 flex flex-col gap-4 border-b border-gray-200 px-2 py-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between sm:py-4">
+              <h2 className="px-2 py-1 font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-[30px]">
+                Animals
+              </h2>
+
+              <Link
+                href="/create_new_animal"
+                className="group inline-flex items-center gap-2 self-start rounded-full border border-gray-200 px-4 py-2 font-heebo text-sm font-medium leading-none tracking-[-0.025em] text-neutral-600 transition-all hover:border-neutral-900 hover:text-neutral-900 sm:text-base lg:text-lg"
+              >
+                <img
+                  src="/images/createNewLogo.png"
+                  alt="Create new animal"
+                  className="h-5 w-5"
+                />
+                <span>Create new</span>
+              </Link>
+          </div>
+
+          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
+            {filteredAnimals.map((animal) => (
+              <AnimalCard key={animal._id.toString()} animal={animal} compact />
+            ))}
+          </div>
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/src/pages/animals.tsx b/src/pages/animals.tsx
new file mode 100644
index 0000000..4f7fb59
--- /dev/null
+++ b/src/pages/animals.tsx
@@ -0,0 +1,11 @@
+"use client";
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import Dashboard from "@/component/dashboard";
+
+export default function animals() {
+    return (
+        <Dashboard/>
+    )
+}
\ No newline at end of file
diff --git a/src/pages/api/admin/animals.ts b/src/pages/api/admin/animals.ts
new file mode 100644
index 0000000..2c53e9e
--- /dev/null
+++ b/src/pages/api/admin/animals.ts
@@ -0,0 +1,22 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../../server/mongodb/connectDb";
+import Animal from "../../../../server/mongodb/models/Animal";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+    if (req.method !== "GET") {
+        return res.status(405).json({ success: false, error: "Method not allowed" });
+    }
+    try {
+        await connectDb();
+        const animals = await Animal.find({}).populate("owner", "fullName");
+        return res.status(200).json({ success: true, data: animals });
+    } catch (error) {
+        console.error("GET animals error:", error);
+        return res
+            .status(500)
+            .json({ success: false, error: "Failed to retrieve animals" });
+    }
+}
\ No newline at end of file
diff --git a/src/pages/api/admin/users.ts b/src/pages/api/admin/users.ts
new file mode 100644
index 0000000..b7b7d8b
--- /dev/null
+++ b/src/pages/api/admin/users.ts
@@ -0,0 +1,31 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../../server/mongodb/connectDb";
+import User from "../../../../server/mongodb/models/User";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method !== "GET") {
+    return res
+      .status(405)
+      .json({ success: false, error: "Method not allowed" });
+  }
+
+  try {
+    await connectDb();
+
+    const users = await User.find({}, "fullName isAdmin"); 
+
+    return res.status(200).json({
+      success: true,
+      users,
+    });
+  } catch (err) {
+    console.error(err);
+    return res.status(500).json({
+      success: false,
+      error: "Server error. Please try again.",
+    });
+  }
+}
\ No newline at end of file
diff --git a/src/pages/api/animal.ts b/src/pages/api/animal.ts
new file mode 100644
index 0000000..ed30273
--- /dev/null
+++ b/src/pages/api/animal.ts
@@ -0,0 +1,162 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../server/mongodb/connectDb";
+import Animal from "../../../server/mongodb/models/Animal";
+import mongoose from "mongoose";
+import User from "../../../server/mongodb/models/User";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+
+  if (req.method === "GET") {
+    const { ownerId } = req.query;
+
+    if (typeof ownerId !== "string" || ownerId.trim() === "") {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Owner ID is required and must be a non-empty string", 
+      });
+    }
+
+    if (!mongoose.Types.ObjectId.isValid(ownerId)) {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Invalid owner ID" 
+      });
+    }
+
+    try {
+      await connectDb();
+
+      const animals = await Animal.find({ owner: ownerId }).populate("owner", "fullName");
+      
+      return res.status(200).json({ 
+        success: true, 
+        data: animals,
+       });
+    } catch (error) {
+      return res.status(500).json({ 
+        success: false, 
+        error: "Failed to fetch animals", 
+      });
+    }
+  }
+
+  if (req.method === "POST") {
+    const { name, breed, ownerId, hoursTrained, profilePicture } = req.body;
+
+    if (typeof name !== "string" ||
+      name.trim() === "" ||
+      typeof breed !== "string" ||
+      breed.trim() === "" ||
+      typeof ownerId !== "string" ||
+      ownerId.trim() === "" ||
+      hoursTrained === undefined
+    ) {
+      return res
+        .status(400)
+        .json({ success: false, error: "Please fill in all  required fields" });
+    }
+
+  if (!mongoose.Types.ObjectId.isValid(ownerId)) {
+    return res
+      .status(400)
+      .json({ success: false, error: "Invalid owner ID" });
+  }
+
+  if (typeof hoursTrained !== "number" || hoursTrained < 0) {
+    return res.status(400).json({ 
+      success: false, 
+      error: "Hours trained must be a non-negative number", 
+    });
+  }
+
+  try {
+    await connectDb();
+
+    const owner = await User.findById(ownerId);
+    if (!owner) {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Owner not found", 
+      });
+    }
+
+    const newAnimal = await Animal.create({
+      name: name.trim(),
+      breed: breed.trim(),
+      owner: ownerId,
+      hoursTrained,
+      profilePicture
+    });
+    
+    return res.status(200).json({ 
+        success: true, 
+        data: newAnimal,
+    });
+  } catch (error) {
+    return res.status(500).json({ 
+      success: false, 
+      error: "Failed to create animal", 
+    });
+    }
+  }
+
+  if (req.method === "PATCH") {
+    const {animalId, hoursTrained} = req.body;
+
+    if (typeof animalId !== "string" || animalId.trim() === "" || hoursTrained === undefined
+    ) {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Please fill in all required fields" 
+      });
+    }
+
+    if (!mongoose.Types.ObjectId.isValid(animalId)) {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Invalid animal ID" 
+      });
+    }
+
+    if (typeof hoursTrained !== "number" || hoursTrained < 0) {
+      return res.status(400).json({ 
+        success: false, 
+        error: "Hours trained must be a non-negative number", 
+      });
+    }
+
+    try {
+      await connectDb();
+
+      const updatedAnimal = await Animal.findByIdAndUpdate(
+        animalId,
+        { hoursTrained },
+        { new: true }
+      );
+
+      if (!updatedAnimal) {
+        return res.status(404).json({ 
+          success: false, 
+          error: "Animal not found" 
+        });
+      }
+
+      return res.status(200).json({ 
+        success: true, 
+        data: updatedAnimal,
+       });
+    } catch (error) {
+      return res.status(500).json({ 
+        success: false, 
+        error: "Failed to update animal", 
+      });
+    }
+  }
+  return res.status(405).json({ 
+    success: false, 
+    error: "Method not allowed" 
+  });
+}
\ No newline at end of file
diff --git a/src/pages/api/training-log.ts b/src/pages/api/training-log.ts
new file mode 100644
index 0000000..6963f9d
--- /dev/null
+++ b/src/pages/api/training-log.ts
@@ -0,0 +1,74 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../server/mongodb/connectDb";
+import TrainingLog from "../../../server/mongodb/models/Training-Log";
+import "../../../server/mongodb/models/Animal";
+import "../../../server/mongodb/models/User";
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+    if (req.method === "GET") {
+        const { userId } = req.query;
+        
+        try {
+            await connectDb();
+
+            const filter =
+                typeof userId === "string" && userId.trim() !== ""
+                    ? { userId }
+                    : {};
+        
+            // Sort by newest created records first. `_id` works for older documents
+            // that were created before timestamps were enabled.
+            const trainingLogs = await TrainingLog.find(filter)
+                .sort({ _id: -1 })
+                .populate("userId")
+                .populate("animalId");
+            
+            const formattedTrainingLogs = trainingLogs.map((log) => ({
+                id: log._id.toString(),
+                title: log.title,
+                date: log.date,
+                userName: log.userId.fullName,
+                animalName: log.animalId.name,
+                animalBreed: log.animalId.breed,
+                hours: log.hours,
+                description: log.description,
+            }));
+
+            return res.status(200).json({data : formattedTrainingLogs});
+        } catch (e) {
+            console.log(e);
+            return res.status(500).json({message : "Server error"});
+        }
+    }
+
+    if (req.method === "POST") {
+        const {title, date, animalId, userId, hours, description} = req.body;
+
+        if (!title || !date || !animalId || !userId || hours === undefined || description === undefined || description.trim() === "") {
+            return res.status(400).json({message : "Missing required field"})
+        }
+        
+        try {
+            await connectDb();  
+
+            const newTrainingLog = await TrainingLog.create({
+                title,
+                date,
+                animalId,
+                userId,
+                hours,
+                description,
+            });
+
+            return res.status(200).json({
+                message: "Training log created successfully",
+                data: newTrainingLog
+            });
+        } catch (e) {
+            console.error(e);
+            return res.status(500).json({ message: "Server error" });
+        }
+    }
+
+    return res.status(405).json({message : "Method not allowed"});
+}
diff --git a/src/pages/api/user.ts b/src/pages/api/user.ts
new file mode 100644
index 0000000..f6e4337
--- /dev/null
+++ b/src/pages/api/user.ts
@@ -0,0 +1,58 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../server/mongodb/connectDb";
+import User from "../../../server/mongodb/models/User";
+import argon2 from "argon2";
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  if (req.method !== "POST") {
+    return res.status(500).json({ success: false, error: "Method not allowed" });
+  }
+
+  const { fullName, email, password, confirmPassword, isAdmin } = req.body;
+
+  if (!fullName || !email || !password || !confirmPassword) {
+    return res
+      .status(400)
+      .json({ success: false, error: "Please fill in all fields" });
+  }
+
+  if (password !== confirmPassword) {
+    return res
+      .status(400)
+      .json({ success: false, error: "Passwords do not match" });
+  }
+
+  try {
+    await connectDb();
+
+    const existingUser = await User.findOne({ email });
+    if (existingUser) {
+      return res
+        .status(400)
+        .json({ success: false, error: "User already exists" });
+    }
+
+
+    const hashedPassword = await argon2.hash(password);
+
+
+    const newUser = await User.create({
+      fullName,
+      email,
+      password: hashedPassword,
+      isAdmin: Boolean(isAdmin),
+    });
+
+ 
+   return res.status(200).json({success: true, userid: newUser._id, isAdmin: newUser.isAdmin, fullName: newUser.fullName,
+      });
+  } catch (err) {
+    console.error(err);
+    return res
+      .status(500)
+      .json({ success: false, error: "Server error. Please try again." });
+  }
+}
\ No newline at end of file
diff --git a/src/pages/api/verify.ts b/src/pages/api/verify.ts
new file mode 100644
index 0000000..31a3184
--- /dev/null
+++ b/src/pages/api/verify.ts
@@ -0,0 +1,48 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import connectDb from "../../../server/mongodb/connectDb";
+import User from "../../../server/mongodb/models/User";
+import argon2 from "argon2"; 
+
+
+export default async function handler (
+    req: NextApiRequest,
+    res: NextApiResponse
+) {
+  if (req.method !== "POST") {
+    return res.status(500).json({ success: false, error: "Method not allowed" });
+  }
+   const {email, password} = await req.body;
+  if (!email || !password) {
+    return res
+      .status(500)
+      .json({ success: false, error: "Please fill in all fields" });
+  }
+ 
+  try {
+      await connectDb();
+  
+      const user = await User.findOne({ email });
+      if (!user) {
+        return res
+          .status(500)
+          .json({ success: false, error: "User does not exist" });
+      }
+      const isMatch = await argon2.verify(user.password, password);
+      if (!isMatch) {
+        return res
+        .status(400)
+        .json({success: false, error: "password does not match"});
+      }
+      return res.status(200).json({success: true, userid: user._id, isAdmin: user.isAdmin, fullName: user.fullName,
+      });
+
+    } 
+    catch (err) {
+      console.error(err);
+      return res
+        .status(500)
+        .json({ success: false, error: "Server error. Please try again." });
+    }
+
+
+}
\ No newline at end of file
diff --git a/src/pages/create_new_animal.tsx b/src/pages/create_new_animal.tsx
new file mode 100644
index 0000000..1106a02
--- /dev/null
+++ b/src/pages/create_new_animal.tsx
@@ -0,0 +1,184 @@
+"Use client";
+import { useState } from "react";
+import Sidebar from "@/component/sidebar";
+import { useRouter } from "next/router";
+import ProgressBar from "@/component/progressbar";
+import { useAuth } from "@/AuthContext";
+
+export default function CreateNewAnimal() {
+    const router = useRouter();
+    const { user } = useAuth();
+
+    // input form
+    const [formData, setFormData] = useState({
+        name: "",
+        breed: "",
+        hoursTrained: "",
+        birthMonth: "",
+        birthDay: "",
+        birthYear: "",
+        Note: "",
+    });
+
+    const handleSubmit = async (e: React.FormEvent) => {
+        e.preventDefault();
+
+        if (!user?.id) {
+            alert("No logged in user found");
+            return;
+        }
+
+        const response = await fetch("/api/animal", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                name: formData.name,
+                breed: formData.breed,
+                ownerId: user.id,
+                hoursTrained: Number(formData.hoursTrained),
+                profilePicture: "/images/_.jpeg"
+            }),
+        });
+        
+        const data = await response.json();
+
+        if (!response.ok) {
+            alert(data.error || "Failed to create animal");
+            return;
+        }
+        // return to dashboard after saving
+        router.push("/animal_dashboard");
+    };
+    
+    const inputClass = "h-12 w-full rounded-[5px] border-2 border-gray-300 px-4 font-heebo text-lg font-medium leading-none text-gray-700 placeholder:font-heebo placeholder:text-lg placeholder:font-medium placeholder:leading-none placeholder:text-gray-400";
+    const labelClass = "mb-1 block font-heebo text-lg font-medium leading-none text-gray-800";
+
+    return (
+        <div className="relative flex min-h-screen flex-col">
+            <ProgressBar />
+
+            <div className="flex min-h-0 flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar/>
+                </aside>
+
+                <main className="min-w-0 flex-1 p-4 sm:p-6 lg:p-8">
+                    <div className="mx-auto w-full max-w-5xl">
+                        <div className="mb-6 flex items-center justify-between border-b border-gray-200 px-2 py-3 sm:mb-8 sm:py-4">
+                            <h2 className="font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-3xl">
+                                Animals
+                            </h2>
+                        </div>
+
+                        <form onSubmit={handleSubmit} className="mx-auto w-full max-w-4xl space-y-4 rounded-2xl bg-white p-4 shadow-sm sm:space-y-5 sm:p-6">
+                            <div>
+                                <label className={labelClass}>Animal Name</label>
+                                <input
+                                    type="text"
+                                    placeholder="Name"
+                                    className={inputClass}
+                                    value={formData.name}
+                                    onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+                                    required
+                                />
+                            </div>
+
+                            <div>
+                                <label className={labelClass}>Breed</label>
+                                <input
+                                    type="text"
+                                    placeholder="Breed"
+                                    className={inputClass}
+                                    value={formData.breed}
+                                    onChange={(e) => setFormData({ ...formData, breed: e.target.value })}
+                                    required
+                                />
+                            </div>
+                
+                            <div>
+                                <label className={labelClass}>Total Hours Trained</label>
+                                <input
+                                    type="number"
+                                    placeholder="Hours"
+                                    className={inputClass}
+                                    value={formData.hoursTrained}
+                                    onChange={(e) => setFormData({ ...formData, hoursTrained: e.target.value })}
+                                    required
+                                />
+                            </div>
+
+                            <div className="grid grid-cols-1 gap-4 sm:grid-cols-3">
+                                <div>
+                                    <label className={labelClass}>Birth Month</label>
+                                    <select className={inputClass} 
+                                        value={formData.birthMonth}
+                                        onChange={(e) => setFormData({ ...formData, birthMonth: e.target.value })}
+                                    >
+                                        <option>January</option>
+                                        <option>February</option>
+                                        <option>March</option>
+                                        <option>April</option>
+                                        <option>May</option>
+                                        <option>June</option>
+                                        <option>July</option>
+                                        <option>August</option>
+                                        <option>September</option>
+                                        <option>October</option>
+                                        <option>November</option>
+                                        <option>December</option>
+                                    </select>
+                                </div>
+
+                                <div>
+                                    <label className={labelClass}>Date</label>
+                                    <input type='text' 
+                                        className={inputClass} 
+                                        value={formData.birthDay}
+                                        onChange={(e) => setFormData({ ...formData, birthDay: e.target.value })}
+                                    />
+                                </div>
+
+                                <div>
+                                    <label className={labelClass}>Year</label>
+                                    <input 
+                                        type='text' 
+                                        className={inputClass} 
+                                        value={formData.birthYear}
+                                        onChange={(e) => setFormData({ ...formData, birthYear: e.target.value })}
+                                    />
+                                </div>
+                            </div>
+
+                            <div>
+                                <label className={labelClass}>Note</label>
+                                <textarea
+                                    placeholder="Note"
+                                    rows={4}
+                                    className="w-full rounded-[5px] border-2 border-gray-300 px-4 py-3 font-heebo text-lg font-medium leading-normal text-gray-700 placeholder:font-heebo placeholder:text-lg placeholder:font-medium placeholder:text-gray-400"
+                                    value={formData.Note}
+                                    onChange={(e) => setFormData({...formData, Note: e.target.value})}
+                                />
+                            </div>
+
+                            <div className="flex flex-col gap-3 pt-2 sm:flex-row sm:justify-start sm:gap-6">
+                                <button type="button" onClick={() => router.back()}
+                                    className="h-11 w-full rounded-[5px] border border-red-600 font-heebo text-lg font-medium leading-none text-red-600 transition-colors hover:bg-red-50 sm:w-36 sm:text-xl"
+                                >
+                                    Cancel
+                                </button>
+
+                                <button type="submit"
+                                    className="h-11 w-full rounded-[5px] bg-red-700 font-heebo text-lg font-medium leading-none text-white transition-colors hover:bg-red-800 sm:w-36 sm:text-xl"
+                                >
+                                    Save
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                </main>
+            </div>
+        </div>
+    );
+}
diff --git a/src/pages/create_training-log.tsx b/src/pages/create_training-log.tsx
new file mode 100644
index 0000000..e875f05
--- /dev/null
+++ b/src/pages/create_training-log.tsx
@@ -0,0 +1,191 @@
+import Sidebar from "@/component/sidebar";
+import ProgressBar from "@/component/progressbar";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/router";
+import { useAuth } from "@/AuthContext";
+
+type Animal = {
+    _id: string;
+    name: string;
+    breed: string;
+};
+
+export default function CreateTrainingLog() {
+    const [title, setTitle] = useState("");
+    const [animalId, setAnimalId] = useState("");
+    const [hours, setHours] = useState("");
+    const [description, setDescription] = useState("");
+    const [error, setError] = useState("");
+    const [loading, setLoading] = useState(false);
+
+    const [animals, setAnimals] = useState<Animal[]>([]);
+    
+    const router = useRouter();
+
+    const handleCreateTrainingLog = async (e: React.FormEvent) => {
+        e.preventDefault();
+        setLoading(true);
+        setError("");
+
+        try {
+            const newTrainingLog = {
+                title,
+                animalId,
+                userId: user?.id,
+                hours: Number(hours),
+                description,
+                date: new Date().toISOString()
+            };
+
+            const res = await fetch ("/api/training-log", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(newTrainingLog)
+            });
+
+            if (!res.ok) {
+                const data = await res.json();
+                throw new Error(data.message || "Failed to create training log");
+            }
+
+            router.push("/training-logs");
+
+        } catch (error) {
+            setError("Failed to create training log");
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const {user} = useAuth()
+
+    async function getAnimals(): Promise<Animal[]> {
+        try {
+            let res: Response;
+
+            if (user?.isAdmin) {
+                res = await fetch("/api/admin/animals");
+            } else {
+                if (!user?.id) {
+                    return [];
+                }
+                res = await fetch(`/api/animal?ownerId=${user.id}`);
+            }       
+            
+            if (!res.ok) {
+                throw new Error("Failed to fetch animals");
+            }
+            
+            const data = await res.json();
+            return Array.isArray(data.data) ? data.data : [];
+        } catch (error) {
+            console.error("Failed to fetch animals:", error);
+            return [];
+        }
+    }
+
+    useEffect(() => {
+        if (!user) {
+            return;
+        }
+
+        getAnimals().then((animalData) => {
+            setAnimals(animalData);
+        });
+    }, [user]);
+
+    return (
+        <div className="relative flex min-h-screen flex-col">
+            <ProgressBar/>
+        
+            <div className="flex flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar/>
+                </aside>
+
+                <main className="flex-1 p-4 sm:p-6 lg:p-8">
+                    <div className="mx-auto w-full max-w-4xl">
+                        <div className="mb-6 border-b border-gray-200 px-2 py-3 sm:mb-8 sm:py-4">
+                            <h2 className="text-2xl font-semibold text-neutral-700 sm:text-3xl">
+                                Training Logs
+                            </h2>
+                        </div>
+
+                        <form onSubmit={handleCreateTrainingLog} className="flex flex-col gap-5 rounded-2xl bg-white p-4 shadow-sm sm:gap-6 sm:p-6">
+                            <div className="flex flex-col gap-2">
+                                <label className="text-lg font-semibold text-[#222222] sm:text-[20px]">Title</label>
+                                <input 
+                                    value={title}
+                                    onChange={(e) => setTitle(e.target.value)}
+                                    placeholder="Title"
+                                    className="h-14 rounded-[10px] border border-[#BDBDBD] bg-white px-4 text-base text-[#555555] outline-none sm:h-16 sm:px-6 sm:text-[18px]"
+                                    required
+                                />
+                            </div>
+
+                            <div className="flex flex-col gap-2">
+                                <label className="text-lg font-semibold text-[#222222] sm:text-[20px]">Select Animal</label>
+                                <select
+                                    value={animalId}
+                                    onChange={(e) => setAnimalId(e.target.value)}
+                                    className="h-14 rounded-[10px] border border-[#BDBDBD] bg-white px-4 text-base text-[#555555] outline-none sm:h-16 sm:px-6 sm:text-[18px]"
+                                    required
+                                >
+                                    <option value="">Select animal</option>
+                                    {animals.map((animal) => (
+                                        <option value={animal._id} key={animal._id}>
+                                            {animal.name} - {animal.breed}
+                                        </option>
+                                    ))}
+                                </select>
+                            </div>
+
+                            <div className="flex flex-col gap-2">
+                                <label className="text-lg font-semibold text-[#222222] sm:text-[20px]">Total hours trained</label>
+                                <input
+                                    type="number"
+                                    value={hours}
+                                    onChange={(e) => setHours(e.target.value)}
+                                    placeholder="20"
+                                    className="h-14 rounded-[10px] border border-[#BDBDBD] bg-white px-4 text-base text-[#555555] outline-none sm:h-16 sm:px-6 sm:text-[18px]"
+                                />
+                            </div>
+
+                            <div className="flex flex-col gap-2">
+                                <label className="text-lg font-semibold text-[#222222] sm:text-[20px]">Note</label>
+                                <textarea
+                                    value={description}
+                                    onChange={(e) => setDescription(e.target.value)}
+                                    placeholder="Note"
+                                    className="min-h-[170px] resize-none rounded-[10px] border border-[#BDBDBD] bg-white px-4 py-4 text-base text-[#555555] outline-none sm:px-6 sm:py-5 sm:text-[18px]"
+                                    required
+                                />
+                            </div>
+
+                            <div className="mt-2 flex flex-col gap-3 sm:flex-row sm:gap-4">
+                                <button 
+                                    type="button"
+                                    className="h-12 w-full rounded-[8px] border border-[#D21312] bg-white px-6 text-lg font-medium text-[#D21312] sm:h-14 sm:w-auto sm:min-w-[160px] sm:text-[20px]"
+                                    onClick={() => router.push("/training-logs")}
+                               >
+                                    Cancel
+                                </button>
+
+                                <button
+                                    type="submit"
+                                    className="h-12 w-full rounded-[8px] bg-[#D21312] px-6 text-lg font-medium text-white sm:h-14 sm:w-auto sm:min-w-[160px] sm:text-[20px]"
+                                >
+                                    {loading ? "Saving..." : "Save"}
+                                </button>
+                            </div>
+
+                            {error && <p className="text-red-600">{error}</p>}
+                        </form>
+                    </div>
+                </main>
+            </div>
+        </div>   
+    );
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5fa37db..0ffbcec 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,76 +1,105 @@
-import Image from "next/image";
-import { Geist, Geist_Mono } from "next/font/google";
+"use client";
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import { useAuth } from "@/AuthContext";
+import ProgressBar from "@/component/progressbar";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
+export default function Home() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const router = useRouter();
+  const { login } = useAuth();
 
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+  const handleLogin = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const res = await fetch("/api/verify", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, password }),
+      });
+
+      const data = await res.json();
+
+      if (data.success) {
+        login(data);
+        localStorage.setItem("userId", data.userid);
+        localStorage.setItem("isAdmin", String(data.isAdmin));
+        router.push("/training-logs");
+      } else {
+        setError(data.error);
+      }
+    } catch (err) {
+      console.error(err);
+      setError("Something went wrong");
+    } finally {
+      setLoading(false);
+    }
+  };
 
-export default function Home() {
   return (
-    <div className={`${geistSans.variable} ${geistMono.variable} flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black`}>
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-          <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-            To get started, edit the page.tsx file.
-          </h1>
-          <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
-            Looking for a starting point or more instructions? Head over to{" "}
-            <a
-              href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Templates
-            </a>{" "}
-            or the{" "}
-            <a
-              href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-              className="font-medium text-zinc-950 dark:text-zinc-50"
-            >
-              Learning
-            </a>{" "}
-            center.
-          </p>
-        </div>
-        <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
-          <a
-            className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={16}
-              height={16}
-            />
-            Deploy Now
-          </a>
-          <a
-            className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Documentation
-          </a>
+    <div className="relative flex min-h-screen flex-col overflow-hidden bg-[linear-gradient(180deg,#fffaf7_0%,#ffffff_55%,#fff4f1_100%)]">
+      <ProgressBar showSearch={false} />
+      <main className="flex flex-1 items-center justify-center px-4 py-6 font-heebo sm:px-6 sm:py-8 lg:px-8">
+        <div className="w-full max-w-xl">
+          <div className="w-full rounded-[28px] border border-white/60 bg-white/90 p-6 shadow-[0_20px_60px_rgba(210,19,18,0.08)] backdrop-blur sm:p-8 lg:p-10">
+            <h2 className="flex flex-1 items-center justify-center mb-2 text-3xl font-bold text-black sm:text-4xl">
+              Login
+            </h2>
+            <form className="flex flex-col gap-6 sm:gap-8" onSubmit={handleLogin}>
+              <div>
+              <input
+                id="email"
+                type="email"
+                placeholder="Email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <div>
+              <input
+                id="password"
+                type="password"
+                placeholder="Password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <button
+              type="submit"
+              disabled={loading}
+              className="w-full rounded-[20px] bg-[#D21312] px-8 py-3 text-xl font-medium text-white sm:text-2xl"
+              >
+              {loading ? "Logging in ..." : "Log in"}
+              </button>
+              {error && <p className="text-red-600">{error}</p>}
+            </form>
+            <p className="mt-6 text-center text-base font-light text-gray-600 sm:text-lg">
+              Don&apos;t have an account?
+              <Link href="/signup" className="font-semibold text-black">
+                {" "}Sign up
+              </Link>
+            </p>
+          </div>
         </div>
       </main>
+      <div className="pointer-events-none absolute bottom-0 left-0 w-24 opacity-70 sm:w-32 lg:w-auto">
+        <img src="/images/quarterCircle.png" alt="" />
+      </div>
+      <footer className="px-4 pb-4 text-center font-light sm:px-6 sm:pb-6">
+        <p className="text-sm sm:text-base lg:text-lg">Made with ♡ by Long Lam</p>
+        <p className="text-sm sm:text-base lg:text-lg">
+          © 2023 BOG Developer Bootcamp. All rights reserved.
+        </p>
+      </footer>
     </div>
   );
 }
diff --git a/src/pages/signup.tsx b/src/pages/signup.tsx
new file mode 100644
index 0000000..d9ae465
--- /dev/null
+++ b/src/pages/signup.tsx
@@ -0,0 +1,142 @@
+"use client";
+import Link from "next/link";
+import { useState } from "react";
+import { useRouter } from "next/router";
+import { useAuth } from "@/AuthContext";
+import ProgressBar from "@/component/progressbar";
+
+export default function Home() {
+  const [fullName, setFullName] = useState("");
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [isAdmin, setIsAdmin] = useState(false);
+  const router = useRouter();
+  const { login } = useAuth();
+
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const handleSignup = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const res = await fetch("/api/user", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          fullName,
+          email,
+          password,
+          confirmPassword,
+          isAdmin,
+        }),
+      });
+
+      const data = await res.json();
+
+      if (data.success) {
+        login(data);
+        router.push("/training-logs");
+      } else {
+        setError(data.error);
+      }
+    } catch (err) {
+      console.error(err);
+      setError("Something went wrong");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="relative flex min-h-screen flex-col overflow-hidden bg-[linear-gradient(180deg,#fffaf7_0%,#ffffff_55%,#fff4f1_100%)]">
+      <ProgressBar showSearch={false} />
+      <main className="flex flex-1 items-center justify-center px-4 py-6 font-heebo sm:px-6 sm:py-8 lg:px-8">
+        <div className="w-full max-w-xl">
+          <div className="w-full rounded-[28px] border border-white/60 bg-white/90 p-6 shadow-[0_20px_60px_rgba(210,19,18,0.08)] backdrop-blur sm:p-8 lg:p-10">
+            <h2 className="flex flex-1 items center justify-center mb-2 text-3xl font-bold text-black sm:text-4xl">
+              Create Account
+            </h2>
+            <form className="flex flex-col gap-5 sm:gap-6" onSubmit={handleSignup}>
+              <div>
+              <input
+                id="name"
+                type="text"
+                placeholder="Full Name"
+                value={fullName}
+                onChange={(e) => setFullName(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <div>
+              <input
+                id="email"
+                type="email"
+                placeholder="Email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <div>
+              <input
+                id="password"
+                type="password"
+                placeholder="Password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <div>
+              <input
+                id="confirmPassword"
+                type="password"
+                placeholder="Confirm Password"
+                value={confirmPassword}
+                onChange={(e) => setConfirmPassword(e.target.value)}
+                className="w-full border-0 border-b-2 border-[#d13a2f] bg-transparent pb-3 text-lg outline-none sm:text-xl"
+              />
+              </div>
+              <label className="flex cursor-pointer items-center gap-2 text-base sm:text-lg">
+              <input
+                type="checkbox"
+                checked={isAdmin}
+                onChange={(e) => setIsAdmin(e.target.checked)}
+                className="h-5 w-5 cursor-pointer rounded-none"
+              />
+              Admin Access
+              </label>
+              <button
+              type="submit"
+              disabled={loading}
+              className="w-full rounded-[20px] bg-[#D21312] px-8 py-3 text-xl font-medium text-white sm:text-2xl"
+              >
+              {loading ? "Signing Up.." : "Sign Up"}
+              </button>
+              {error && <p className="text-red-600">{error}</p>}
+            </form>
+            <p className="mt-6 text-center text-base font-light text-gray-600 sm:text-lg">
+              Already have an account?
+              <Link href="/" className="font-semibold text-black">
+                {" "}Sign in
+              </Link>
+            </p>
+          </div>
+        </div>
+      </main>
+      <div className="pointer-events-none absolute bottom-0 left-0 w-24 opacity-70 sm:w-32 lg:w-auto">
+        <img src="/images/quarterCircle.png" alt="" />
+      </div>
+      <footer className="px-4 pb-4 text-center font-light sm:px-6 sm:pb-6">
+        <p className="text-sm sm:text-base lg:text-lg">Made with ♡ by Long Lam</p>
+        <p className="text-sm sm:text-base lg:text-lg">
+          © 2023 BOG Developer Bootcamp. All rights reserved.
+        </p>
+      </footer>
+    </div>
+  );
+}
diff --git a/src/pages/training-logs.tsx b/src/pages/training-logs.tsx
new file mode 100644
index 0000000..c70f9c7
--- /dev/null
+++ b/src/pages/training-logs.tsx
@@ -0,0 +1,115 @@
+"use client";
+import { useState, useEffect } from "react";
+import Sidebar from "@/component/sidebar";
+import ProgressBar from "@/component/progressbar";
+import TrainingLogsCard from "./training-logs_card";
+import Link from "next/link";
+import { useAuth } from "@/AuthContext";
+
+type TrainingLog = {
+    id: string;
+    title: string;
+    date: string;
+    userName: string;
+    animalName: string;
+    animalBreed: string;
+    hours: number;
+    description: string;
+};
+
+export default function TrainingLogs() {
+    const [trainingLogs, setTrainingLogs] = useState<TrainingLog[]>([]);
+    // Search bar state for filtering training logs by title
+    const [search, setSearch] = useState("");
+    const { user } = useAuth();
+
+    useEffect(() => {
+        if (!user?.id) {
+            setTrainingLogs([]);
+            return;
+        }
+
+        const fetchTrainingLogs = async () => {
+            try {
+                const res = await fetch(`/api/training-log?userId=${user.id}`);
+                if (!res.ok) {
+                    throw new Error("Failed to fetch training log data");
+                }
+
+                const data = await res.json();
+                setTrainingLogs(Array.isArray(data.data) ? data.data : []);
+            } catch (error) {
+                console.error("Failed to fetch training logs:", error);
+                setTrainingLogs([]);
+            }
+        };
+
+        fetchTrainingLogs();
+    }, [user]);
+
+    // Search filtering is applied before rendering the training log cards
+    const query = search.trim().toLowerCase();
+    const filteredTrainingLogs = trainingLogs.filter((log) =>
+        log.title.toLowerCase().includes(query)
+    );
+
+    return (
+        <div className="relative flex min-h-screen flex-col">
+            <ProgressBar
+                showSearch={true}
+                searchValue={search}
+                onSearchChange={setSearch}
+            />
+        
+            <div className="flex min-h-0 flex-1 flex-col md:flex-row">
+                <aside className="shrink-0 md:w-72">
+                    <Sidebar/>
+                </aside>
+
+                <main className="min-w-0 flex-1 p-4 sm:p-6 lg:p-8">
+                    <div className="mb-6 flex flex-col gap-4 border-b border-gray-200 px-2 py-3 sm:mb-8 sm:flex-row sm:items-center sm:justify-between sm:py-4">
+                        <h2 className="px-2 py-1 font-heebo text-2xl font-medium leading-none tracking-[-0.025em] text-neutral-700 sm:text-[30px]">
+                            Training Logs
+                        </h2>
+
+                        <Link
+                            className="group inline-flex items-center gap-2 self-start rounded-full border border-gray-200 px-4 py-2 font-heebo text-sm font-medium leading-none tracking-[-0.025em] text-neutral-600 transition-all hover:border-neutral-900 hover:text-neutral-900 sm:text-base lg:text-lg"
+                            href="/create_training-log"
+                        >
+                            <img
+                                src="/images/createNewLogo.png"
+                                alt="Create new training log"
+                                className="h-5 w-5"
+                            />
+                            <span>Create new</span>
+                        </Link>
+                    </div>
+
+                    <div className="mx-auto w-full max-w-6xl space-y-3 lg:space-y-4">
+                        {filteredTrainingLogs.map((log) => {
+                            const fullDate = new Date(log.date);
+                            const day = String(fullDate.getDate());
+                            const month = fullDate.toLocaleString("default", { month: "short" });
+                            const year = String(fullDate.getFullYear());
+
+                            return (
+                                <TrainingLogsCard
+                                    key={log.id}
+                                    title={log.title}
+                                    date={day}
+                                    month={month}
+                                    year={year}
+                                    userName={log.userName}
+                                    animalName={log.animalName}
+                                    animalBreed={log.animalBreed}
+                                    hours={log.hours}
+                                    description={log.description}
+                                />
+                            );
+                        })}
+                    </div>
+                </main>
+            </div>
+        </div>              
+    );
+}
diff --git a/src/pages/training-logs_card.tsx b/src/pages/training-logs_card.tsx
new file mode 100644
index 0000000..2b92cb4
--- /dev/null
+++ b/src/pages/training-logs_card.tsx
@@ -0,0 +1,66 @@
+type TrainingLogsCardProps = {
+  title: string;
+  date: string;
+  month: string;
+  year: string;
+  userName: string;
+  animalName: string;
+  animalBreed: string;
+  hours: number;
+  description: string;
+};
+
+export default function TrainingLogsCard( {title, date, month, year, userName, animalName, animalBreed, hours, description
+
+}: TrainingLogsCardProps ) {
+
+    return (
+      <div className="w-full overflow-hidden rounded-[20px] bg-white shadow-lg">
+        <div className="flex flex-col items-stretch sm:flex-row">
+          <div
+            id="date"
+            className="flex shrink-0 flex-row items-center justify-center gap-2 bg-[#070A52D9] px-4 py-3 font-oswald text-white sm:w-24 sm:flex-col sm:gap-0 lg:w-28"
+          >
+            <div className="text-3xl leading-none lg:text-4xl">{date}</div>
+            <div className="text-center text-xs sm:mt-1 lg:text-sm">
+              {month} - {year}
+            </div>
+          </div>
+
+          <div id="info" className="min-w-0 flex-1 p-4 font-heebo lg:p-5">
+            <div
+              id="header"
+              className="flex flex-col gap-1 xl:flex-row xl:items-center xl:gap-4"
+            >
+              <div className="break-words text-lg font-bold sm:text-xl lg:text-2xl">{title}</div>
+              <div className="text-sm font-medium text-[#999999] lg:text-base">
+                • {hours} hours
+              </div>
+            </div>
+
+            <div
+              id="identifier"
+              className="mt-1 break-words text-sm font-medium text-[#999999] lg:text-base"
+            >
+              {userName} - {animalBreed} - {animalName}
+            </div>
+
+            <div id="description" className="mt-2 break-words text-sm leading-6 lg:text-base">
+              {description}
+            </div>
+          </div>
+
+          <div
+            id="image"
+            className="flex shrink-0 items-center justify-end border-t border-gray-100 px-4 py-3 sm:border-t-0 sm:pl-0 sm:pr-4 sm:pt-4"
+          >
+            <img
+              src="/images/trainingLogCardEditButton.png"
+              alt="Edit training log"
+              className="h-7 w-7 lg:h-8 lg:w-8"
+            />
+          </div>
+        </div>
+      </div>
+  );
+}
diff --git a/src/styles/.gitkeep b/src/styles/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/src/styles/globals.css b/src/styles/globals.css
index a2dc41e..f56a5eb 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -10,12 +10,14 @@
   --color-foreground: var(--foreground);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
+  --font-oswald: var(--font-oswald);
+  --font-heebo: var(--font-heebo);
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+    --background: #ffffff;
+    --foreground: #171717;
   }
 }
 
diff --git a/src/types/animal.ts b/src/types/animal.ts
new file mode 100644
index 0000000..207b773
--- /dev/null
+++ b/src/types/animal.ts
@@ -0,0 +1,15 @@
+import { ObjectId } from "mongoose"
+
+export interface AnimalOwner {
+  _id: ObjectId // owner's ID
+  fullName: string // owner's full name
+}
+
+export interface Animal {
+  _id: ObjectId // animal's ID
+  name: string // animal's name
+  breed: string // animal's breed
+  owner: AnimalOwner // the animal's owner
+  hoursTrained: number // total number of hours the animal has been trained for
+  profilePicture: string // url to an image that can be displayed in an <img> tag
+}
\ No newline at end of file