From a0a938021d3f7dc94a8291169eb48a5dc7859d77 Mon Sep 17 00:00:00 2001
From: Andreas Schaafsma <andreas@subsonics.nl>
Date: Sun, 2 Jun 2024 00:58:11 +0200
Subject: [PATCH] implemented post management dashboard and started work on
 projects

---
 package-lock.json                             | 815 ++++++++++--------
 src/app/admin/[...slug]/page.tsx              |  75 ++
 src/app/admin/layout.tsx                      |   2 +-
 src/app/admin/page.tsx                        |  39 +-
 src/app/admin/page.tsx.bak                    |  14 +
 src/app/api/attachment/route.ts               |  92 ++
 src/app/api/post/[...slug]/route.ts           |   2 +-
 src/app/api/post/route.ts                     |   2 +-
 src/app/lib/actions.ts                        |  50 +-
 src/app/lib/postActions.ts                    |  15 +
 src/components/client/TableGen.tsx            |  24 +
 src/components/client/admin/PostTable.tsx     |  80 ++
 src/components/client/admin/adminPanel.tsx    |  76 --
 .../client/admin/views/ClientPostView.tsx     |  16 -
 src/components/client/admin/views/sidebar.tsx |  30 -
 .../server/admin/ServerAdminPanel.tsx         |  17 +
 src/components/server/admin/adminPanel.tsx    |  35 +
 src/components/server/admin/authHandler.tsx   |   4 +-
 src/components/server/admin/authWrapper.tsx   |  47 -
 .../server/admin/views/PostEditor.tsx         |  10 +
 .../server/admin/views/PostView.tsx           |  34 +-
 .../admin/views/sidebar.css                   |   0
 src/components/server/admin/views/sidebar.tsx |  33 +
 src/model/Post.ts                             |  19 +-
 src/model/Project.ts                          |  16 +-
 src/providers/providers.tsx                   |   8 +-
 src/util/Auth.ts                              |   2 +
 src/util/Utils.ts                             |   5 +-
 tsconfig.json                                 |   2 +-
 29 files changed, 969 insertions(+), 595 deletions(-)
 create mode 100644 src/app/admin/[...slug]/page.tsx
 create mode 100644 src/app/admin/page.tsx.bak
 create mode 100644 src/app/api/attachment/route.ts
 create mode 100644 src/app/lib/postActions.ts
 create mode 100644 src/components/client/TableGen.tsx
 create mode 100644 src/components/client/admin/PostTable.tsx
 delete mode 100644 src/components/client/admin/adminPanel.tsx
 delete mode 100644 src/components/client/admin/views/ClientPostView.tsx
 delete mode 100644 src/components/client/admin/views/sidebar.tsx
 create mode 100644 src/components/server/admin/ServerAdminPanel.tsx
 create mode 100644 src/components/server/admin/adminPanel.tsx
 delete mode 100644 src/components/server/admin/authWrapper.tsx
 create mode 100644 src/components/server/admin/views/PostEditor.tsx
 rename src/components/{client => server}/admin/views/sidebar.css (100%)
 create mode 100644 src/components/server/admin/views/sidebar.tsx

diff --git a/package-lock.json b/package-lock.json
index c84f0c5..5f6bdfd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,14 +43,6 @@
         "sqlite3": "^5.1.7"
       }
     },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -63,9 +55,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.0.tgz",
-      "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==",
+      "version": "7.24.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.6.tgz",
+      "integrity": "sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -154,22 +146,22 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.3.tgz",
-      "integrity": "sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.5.tgz",
+      "integrity": "sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==",
       "dependencies": {
         "@floating-ui/core": "^1.0.0",
         "@floating-ui/utils": "^0.2.0"
       }
     },
     "node_modules/@floating-ui/react": {
-      "version": "0.26.9",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.9.tgz",
-      "integrity": "sha512-p86wynZJVEkEq2BBjY/8p2g3biQ6TlgT4o/3KgFKyTWoJLU1GZ8wpctwRqtkEl2tseYA+kw7dBAIDFcednfI5w==",
+      "version": "0.26.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.10.tgz",
+      "integrity": "sha512-sh6f9gVvWQdEzLObrWbJ97c0clJObiALsFe0LiR/kb3tDRKwEhObASEH2QyfdoO/ZBPzwxa9j+nYFo+sqgbioA==",
       "dependencies": {
-        "@floating-ui/react-dom": "^2.0.8",
-        "@floating-ui/utils": "^0.2.1",
-        "tabbable": "^6.0.1"
+        "@floating-ui/react-dom": "^2.0.0",
+        "@floating-ui/utils": "^0.2.0",
+        "tabbable": "^6.0.0"
       },
       "peerDependencies": {
         "react": ">=16.8.0",
@@ -177,11 +169,11 @@
       }
     },
     "node_modules/@floating-ui/react-dom": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.0.8.tgz",
-      "integrity": "sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.0.tgz",
+      "integrity": "sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==",
       "dependencies": {
-        "@floating-ui/dom": "^1.6.1"
+        "@floating-ui/dom": "^1.0.0"
       },
       "peerDependencies": {
         "react": ">=16.8.0",
@@ -189,9 +181,9 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
-      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.2.tgz",
+      "integrity": "sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw=="
     },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
@@ -225,9 +217,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw=="
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA=="
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
@@ -571,9 +563,9 @@
       }
     },
     "node_modules/@react-aria/ssr": {
-      "version": "3.9.2",
-      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.2.tgz",
-      "integrity": "sha512-0gKkgDYdnq1w+ey8KzG9l+H5Z821qh9vVjztk55rUg71vTk/Eaebeir+WtzcLLwTjw3m/asIjx8Y59y1lJZhBw==",
+      "version": "3.9.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.4.tgz",
+      "integrity": "sha512-4jmAigVq409qcJvQyuorsmBR4+9r3+JEC60wC+Y0MZV0HCtTmm8D9guYXlJMdx0SSkgj0hHAyFm/HvPNFofCoQ==",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       },
@@ -596,9 +588,9 @@
       }
     },
     "node_modules/@restart/ui": {
-      "version": "1.6.6",
-      "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.6.tgz",
-      "integrity": "sha512-eC3puKuWE1SRYbojWHXnvCNHGgf3uzHCb6JOhnF4OXPibOIPEkR1sqDSkL643ydigxwh+ruCa1CmYHlzk7ikKA==",
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.9.tgz",
+      "integrity": "sha512-mUbygUsJcRurjZCt1f77gg4DpheD1D+Sc7J3JjAkysUj7t8m4EBJVOqWC9788Qtbc69cJ+HlJc6jBguKwS8Mcw==",
       "dependencies": {
         "@babel/runtime": "^7.21.0",
         "@popperjs/core": "^2.11.6",
@@ -624,14 +616,14 @@
       }
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.7.2.tgz",
-      "integrity": "sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA=="
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz",
+      "integrity": "sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg=="
     },
     "node_modules/@sequelize/core": {
-      "version": "7.0.0-alpha.40",
-      "resolved": "https://registry.npmjs.org/@sequelize/core/-/core-7.0.0-alpha.40.tgz",
-      "integrity": "sha512-wj91y6Vx9k4pLOQVFyZLlq01xnS08dOPO/7//vtI20FVbPnmJpHnaqcuWYhkC0XGTmtPGfx9ZDJJ1rMG8tTFoA==",
+      "version": "7.0.0-alpha.41",
+      "resolved": "https://registry.npmjs.org/@sequelize/core/-/core-7.0.0-alpha.41.tgz",
+      "integrity": "sha512-4SKtalcOv4NYQTwJdeL0YOQc3ezsEY2c4csUDLH0eoYgFX20CIOthPeX/EMafBmWr/c81+p48x/EyvrntoD6yQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -639,7 +631,7 @@
         }
       ],
       "dependencies": {
-        "@sequelize/utils": "7.0.0-alpha.40",
+        "@sequelize/utils": "7.0.0-alpha.41",
         "@types/debug": "^4.1.12",
         "@types/validator": "^13.11.9",
         "bnf-parser": "^3.1.6",
@@ -662,32 +654,21 @@
         "node": ">=18.0.0"
       }
     },
-    "node_modules/@sequelize/core/node_modules/type-fest": {
-      "version": "4.15.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.15.0.tgz",
-      "integrity": "sha512-tB9lu0pQpX5KJq54g+oHOLumOx+pMep4RaM6liXh2PKmVRFF+/vAtUP0ZaJ0kOySfVNjF6doBWPHhBhISKdlIA==",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@sequelize/sqlite3": {
-      "version": "7.0.0-alpha.40",
-      "resolved": "https://registry.npmjs.org/@sequelize/sqlite3/-/sqlite3-7.0.0-alpha.40.tgz",
-      "integrity": "sha512-sBVtpYfGst6X2/3wcfLhPJQi3N+lGQwEQz9g3TBd0Ai6Q2GTbUg+SgNoJwABzUy/kDvzSWaTf0WdQr5mpftUgg==",
+      "version": "7.0.0-alpha.41",
+      "resolved": "https://registry.npmjs.org/@sequelize/sqlite3/-/sqlite3-7.0.0-alpha.41.tgz",
+      "integrity": "sha512-vYDF9IuSDexz4U/NcIzbVfw+pWbBbg0rjsPZI2QqqYU6Ld1+jDB8RO9cKzyqUwABkOVhhizUrZlIK8+7pd1MCQ==",
       "dependencies": {
-        "@sequelize/core": "7.0.0-alpha.40",
-        "@sequelize/utils": "7.0.0-alpha.40",
+        "@sequelize/core": "7.0.0-alpha.41",
+        "@sequelize/utils": "7.0.0-alpha.41",
         "lodash": "^4.17.21",
         "sqlite3": "^5.1.7"
       }
     },
     "node_modules/@sequelize/utils": {
-      "version": "7.0.0-alpha.40",
-      "resolved": "https://registry.npmjs.org/@sequelize/utils/-/utils-7.0.0-alpha.40.tgz",
-      "integrity": "sha512-npN1C6m3QPvrDlZSveB9DHSyx2I4EGEshIv7R7jCXt7iKFVG2o/LLYlFK4rwzND5YtNRI6ES69UxLg/65KSa5g==",
+      "version": "7.0.0-alpha.41",
+      "resolved": "https://registry.npmjs.org/@sequelize/utils/-/utils-7.0.0-alpha.41.tgz",
+      "integrity": "sha512-5D2TaI9zPVPS2FmsvElQ8PbXptoCEcS1vBBvbH8yUb7Mn5h+C7vRVEOJPj9cKNWkjj9FXczxTQMLxEy09bjZLw==",
       "dependencies": {
         "@types/lodash": "^4.17.0",
         "lodash": "^4.17.21"
@@ -760,9 +741,9 @@
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
     },
     "node_modules/@types/lodash": {
-      "version": "4.17.0",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.0.tgz",
-      "integrity": "sha512-t7dhREVv6dbNj0q17X12j7yDG4bD/DHYX7o5/DbDxobP0HnGPgpRz2Ej77aL7TZT3DSw13fqUTj8J4mMnqa7WA=="
+      "version": "4.17.4",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.4.tgz",
+      "integrity": "sha512-wYCP26ZLxaT3R39kiN2+HcJ4kTd3U1waI/cY7ivWYqFP6pW3ZNpvi6Wd6PHZx7T/t8z0vlkXMg3QYLa7DZ/IJQ=="
     },
     "node_modules/@types/ms": {
       "version": "0.7.34",
@@ -775,9 +756,9 @@
       "integrity": "sha512-WCuw/o4GSwDGMoonES8rcvwsig77dGCMbZDrZr2x4ZZiNW4P/gcoZXe/0twgtobcTkmg9TuKflxYL/DuwDyJzg=="
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.11",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
-      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng=="
+      "version": "15.7.12",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
+      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q=="
     },
     "node_modules/@types/react": {
       "version": "18.2.30",
@@ -814,14 +795,14 @@
       }
     },
     "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A=="
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.23.0.tgz",
+      "integrity": "sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw=="
     },
     "node_modules/@types/validator": {
-      "version": "13.11.9",
-      "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.11.9.tgz",
-      "integrity": "sha512-FCTsikRozryfayPuiI46QzH3fnrOoctTjvOYZkho9BTFLCOZ2rgZJHMOVgCOfttjPJcgOx52EpkY0CMfy87MIw=="
+      "version": "13.11.10",
+      "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.11.10.tgz",
+      "integrity": "sha512-e2PNXoXLr6Z+dbfx5zSh9TRlXJrELycxiaXznp4S5+D2M3b9bqJEitNHA5923jhnB2zzFiZHa2f0SI1HoIahpg=="
     },
     "node_modules/@types/warning": {
       "version": "3.0.3",
@@ -1055,6 +1036,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
       "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
       "dependencies": {
         "delegates": "^1.0.0",
         "readable-stream": "^3.6.0"
@@ -1110,14 +1092,15 @@
       }
     },
     "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
         "is-string": "^1.0.7"
       },
       "engines": {
@@ -1135,33 +1118,16 @@
         "node": ">=8"
       }
     },
-    "node_modules/array.prototype.filter": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.filter/-/array.prototype.filter-1.0.3.tgz",
-      "integrity": "sha512-VizNcj/RGJiUyQBgzwxzE5oHdeuXY5hSbbmKMlphj1cy1Vl7Pn2asCGbSrru6hSQjmCzqTBPVWAF/whmEOVHbw==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-array-method-boxes-properly": "^1.0.0",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/array.prototype.findlast": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.4.tgz",
-      "integrity": "sha512-BMtLxpV+8BD+6ZPFIWmnUBpQoy+A+ujcg4rhp2iwCRJYA7PEh2MS4NL3lz8EiDlLrJPp2hg9qWihr5pd//jcGw==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
+        "es-abstract": "^1.23.2",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
@@ -1172,14 +1138,15 @@
       }
     },
     "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.4.tgz",
-      "integrity": "sha512-hzvSHUshSpCflDR1QMUBLHGHP1VIEBegT4pix9H/Z92Xw3ySoy6c2qh7lJWTJnRJ8JCZ9bJNCgTyYaJGcJu6xQ==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
+        "es-abstract": "^1.23.2",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
@@ -1272,14 +1239,6 @@
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
       "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="
     },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
-    },
     "node_modules/autoprefixer": {
       "version": "10.4.14",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
@@ -1388,11 +1347,14 @@
       }
     },
     "node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
       "engines": {
         "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/bindings": {
@@ -1459,11 +1421,11 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -1610,9 +1572,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001597",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
-      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
+      "version": "1.0.30001625",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
+      "integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
       "funding": [
         {
           "type": "opencollective",
@@ -1798,10 +1760,58 @@
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.11",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
+      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg=="
     },
     "node_modules/debounce": {
       "version": "2.0.0",
@@ -1815,9 +1825,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -1911,9 +1921,9 @@
       }
     },
     "node_modules/detect-libc": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
-      "integrity": "sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
       "engines": {
         "node": ">=8"
       }
@@ -1978,9 +1988,9 @@
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.702",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.702.tgz",
-      "integrity": "sha512-LYLXyEUsZ3nNSwiOWjI88N1PJUAMU2QphQSgGLVkFnb3FxZxNui2Vzi2PaKPgPWbsWbZstZnh6BMf/VQJamjiQ=="
+      "version": "1.4.788",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.788.tgz",
+      "integrity": "sha512-ubp5+Ev/VV8KuRoWnfP2QF2Bg+O2ZFdb49DiiNbz2VmgkIqrnyYaqIOqj8A6K/3p1xV0QcU5hBQ1+BmB6ot1OA=="
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -2005,9 +2015,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.16.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz",
-      "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==",
+      "version": "5.16.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.1.tgz",
+      "integrity": "sha512-4U5pNsuDl0EhuZpq46M5xPslstkviJuhrdobaRDBk2Jy2KO37FDAJl4lb2KlNabxT0m4MTK2UHNrsAcphE8nyw==",
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -2032,16 +2042,20 @@
       "optional": true
     },
     "node_modules/es-abstract": {
-      "version": "1.22.5",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.5.tgz",
-      "integrity": "sha512-oW69R+4q2wG+Hc3KZePPZxOiisRIqfKBVo/HLx94QcJeWGU/8sZhCvc829rd1kS366vlJbzBfXf9yWwf0+Ko7w==",
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
         "arraybuffer.prototype.slice": "^1.0.3",
         "available-typed-arrays": "^1.0.7",
         "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "es-set-tostringtag": "^2.0.3",
         "es-to-primitive": "^1.2.1",
         "function.prototype.name": "^1.1.6",
@@ -2052,10 +2066,11 @@
         "has-property-descriptors": "^1.0.2",
         "has-proto": "^1.0.3",
         "has-symbols": "^1.0.3",
-        "hasown": "^2.0.1",
+        "hasown": "^2.0.2",
         "internal-slot": "^1.0.7",
         "is-array-buffer": "^3.0.4",
         "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.1",
         "is-negative-zero": "^2.0.3",
         "is-regex": "^1.1.4",
         "is-shared-array-buffer": "^1.0.3",
@@ -2066,17 +2081,17 @@
         "object-keys": "^1.1.1",
         "object.assign": "^4.1.5",
         "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.0",
+        "safe-array-concat": "^1.1.2",
         "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
         "typed-array-buffer": "^1.0.2",
         "typed-array-byte-length": "^1.0.1",
         "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.5",
+        "typed-array-length": "^1.0.6",
         "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.15"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2085,11 +2100,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es-array-method-boxes-properly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
-      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
-    },
     "node_modules/es-define-property": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
@@ -2110,25 +2120,35 @@
       }
     },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.17",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.17.tgz",
-      "integrity": "sha512-lh7BsUqelv4KUbR5a/ZTaGGIMLCjPGPqJ6q+Oq24YP0RdyptX1uzm4vvaqzk7Zx3bpl/76YLTTDj9L7uYQ92oQ==",
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
+      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
       "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
         "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.4",
+        "es-abstract": "^1.23.3",
         "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.0.2",
+        "es-set-tostringtag": "^2.0.3",
         "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
         "globalthis": "^1.0.3",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.1",
+        "has-proto": "^1.0.3",
         "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.7",
         "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.1.0"
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2424,28 +2444,28 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.34.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.0.tgz",
-      "integrity": "sha512-MeVXdReleBTdkz/bvcQMSnCXGi+c9kvy51IpinjnJgutl3YTHWsDdke7Z1ufZpGfDG8xduBDKyjtB9JH1eBKIQ==",
+      "version": "7.34.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.2.tgz",
+      "integrity": "sha512-2HCmrU+/JNigDN6tg55cRDKCQWicYAPB38JGSFDQt95jDm8rrvSUo7YPkOIm5l6ts1j1zCvysNcasvfTMQzUOw==",
       "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlast": "^1.2.4",
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
         "array.prototype.flatmap": "^1.3.2",
         "array.prototype.toreversed": "^1.1.2",
         "array.prototype.tosorted": "^1.1.3",
         "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.17",
+        "es-iterator-helpers": "^1.0.19",
         "estraverse": "^5.3.0",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
         "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7",
-        "object.hasown": "^1.1.3",
-        "object.values": "^1.1.7",
+        "object.entries": "^1.1.8",
+        "object.fromentries": "^2.0.8",
+        "object.hasown": "^1.1.4",
+        "object.values": "^1.2.0",
         "prop-types": "^15.8.1",
         "resolve": "^2.0.0-next.5",
         "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.10"
+        "string.prototype.matchall": "^4.0.11"
       },
       "engines": {
         "node": ">=4"
@@ -2455,9 +2475,9 @@
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
       "engines": {
         "node": ">=10"
       },
@@ -2663,9 +2683,9 @@
       "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -2716,20 +2736,21 @@
       }
     },
     "node_modules/flowbite-react": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/flowbite-react/-/flowbite-react-0.7.5.tgz",
-      "integrity": "sha512-Zt2joKS29xLfsmOpMjpSVkHo3qwYrneGui78prJ97LbelFmK4WvAEIhjp5DWLgCkw94hvv5qFxQpZmksh6re5g==",
+      "version": "0.7.8",
+      "resolved": "https://registry.npmjs.org/flowbite-react/-/flowbite-react-0.7.8.tgz",
+      "integrity": "sha512-hYYPvIixokNgAlPbmxNAYFLlLi61z492v8hj1jQHykhuesPGTifDFeQcDxKgQvENqc4bRdBdjrKOvnq7D+pm7g==",
       "dependencies": {
-        "@floating-ui/react": "^0.26.2",
-        "classnames": "^2.5.1",
-        "debounce": "^2.0.0",
-        "flowbite": "^2.0.0",
-        "react-icons": "^4.11.0",
-        "tailwind-merge": "^2.0.0"
+        "@floating-ui/core": "1.6.0",
+        "@floating-ui/react": "0.26.10",
+        "classnames": "2.5.1",
+        "debounce": "2.0.0",
+        "flowbite": "2.3.0",
+        "react-icons": "5.0.1",
+        "tailwind-merge": "2.2.2"
       },
       "peerDependencies": {
-        "react": "^18",
-        "react-dom": "^18",
+        "react": ">=18",
+        "react-dom": ">=18",
         "tailwindcss": "^3"
       }
     },
@@ -2850,6 +2871,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
       "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
       "dependencies": {
         "aproba": "^1.0.3 || ^2.0.0",
         "color-support": "^1.1.2",
@@ -2908,9 +2930,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.3",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.3.tgz",
-      "integrity": "sha512-ZvkrzoUA0PQZM6fy6+/Hce561s+faD1rsNwhnO5FelNjyy7EMGJ3Rz1AQ8GYDWjhRs/7dBLOEJvhK8MiEJOAFg==",
+      "version": "4.7.5",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.5.tgz",
+      "integrity": "sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==",
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
       },
@@ -2927,6 +2949,7 @@
       "version": "7.1.7",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
       "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -2967,12 +2990,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/globals/node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
       "dependencies": {
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3229,6 +3264,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -3366,6 +3402,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-date-object": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
@@ -3637,9 +3687,9 @@
       }
     },
     "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.1.2.tgz",
+      "integrity": "sha512-kWmLKn2tRtfYMF/BakihVVRzBKOxz4gJMiL2Rj91WnAB5TPZumSH99R/Yf1qE1u4uRimvCSJfm6hnxohXeEXjQ==",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -3741,9 +3791,9 @@
       }
     },
     "node_modules/language-subtag-registry": {
-      "version": "0.3.22",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w=="
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ=="
     },
     "node_modules/language-tags": {
       "version": "1.0.9",
@@ -3904,11 +3954,11 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
+      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -4085,9 +4135,9 @@
       }
     },
     "node_modules/mysql2": {
-      "version": "3.9.6",
-      "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.9.6.tgz",
-      "integrity": "sha512-9NYUMLQv6yXnu+5hUh8PZ5CdKoG6VWDzXbojIdTyob8upNZXU3rBNQK9viaEqfgw+LMifhd+53VEZPxZk3bTWA==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.10.0.tgz",
+      "integrity": "sha512-qx0mfWYt1DpTPkw8mAcHW/OwqqyNqBLBHvY5IjN8+icIYTjt6znrgYJ+gxqNNRpVknb5Wc/gcCM4XjbCR0j5tw==",
       "dependencies": {
         "denque": "^2.1.0",
         "generate-function": "^2.3.1",
@@ -4248,9 +4298,9 @@
       }
     },
     "node_modules/node-abi": {
-      "version": "3.56.0",
-      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.56.0.tgz",
-      "integrity": "sha512-fZjdhDOeRcaS+rcpve7XuwHBmktS1nS1gzgghwKUQQ8nTy2FdSDr6ZT8k6YhvlJeHmmQMYiT/IH9hfco5zeW2Q==",
+      "version": "3.63.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.63.0.tgz",
+      "integrity": "sha512-vAszCsOUrUxjGAmdnM/pq7gUgie0IRteCQMX6d4A534fQCR93EJU5qgzBvU6EkFfK27s0T3HEV3BOyJIr7OMYw==",
       "dependencies": {
         "semver": "^7.3.5"
       },
@@ -4310,6 +4360,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz",
       "integrity": "sha512-QZW4EDmGwlYur0Yyf/b2uGucHQMa8aFUP7eu9ddR73vvhFyt4V0Vl3QHPcTNJ8l6qYOBdxgXdnBXQrHilfRQBg==",
+      "deprecated": "This package is no longer supported.",
       "optional": true,
       "dependencies": {
         "delegates": "^1.0.0",
@@ -4323,6 +4374,7 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-4.0.4.tgz",
       "integrity": "sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==",
+      "deprecated": "This package is no longer supported.",
       "optional": true,
       "dependencies": {
         "aproba": "^1.0.3 || ^2.0.0",
@@ -4342,6 +4394,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
       "integrity": "sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==",
+      "deprecated": "This package is no longer supported.",
       "optional": true,
       "dependencies": {
         "are-we-there-yet": "^3.0.0",
@@ -4406,6 +4459,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
       "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
       "dependencies": {
         "are-we-there-yet": "^2.0.0",
         "console-control-strings": "^1.1.0",
@@ -4463,26 +4517,27 @@
       }
     },
     "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4492,37 +4547,42 @@
       }
     },
     "node_modules/object.groupby": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.2.tgz",
-      "integrity": "sha512-bzBq58S+x+uo0VjurFT0UktpKHOZmv4/xePiOA1nbB9pMqpGK7rUPNgf+1YC+7mE+0HzhTMqNUuCqvKhj6FnBw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
       "dependencies": {
-        "array.prototype.filter": "^1.0.3",
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.0.0"
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
+      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
       "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4540,16 +4600,16 @@
       }
     },
     "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
         "levn": "^0.4.1",
         "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -4639,32 +4699,32 @@
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
       "dependencies": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
+        "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">=16 || 14 >=14.18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
-      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
+      "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
       "engines": {
         "node": "14 || >=16.14"
       }
     },
     "node_modules/path-scurry/node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -4689,9 +4749,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -4853,9 +4913,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.15",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
-      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
+      "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -5028,13 +5088,13 @@
       }
     },
     "node_modules/react-bootstrap": {
-      "version": "2.10.1",
-      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.1.tgz",
-      "integrity": "sha512-J3OpRZIvCTQK+Tg/jOkRUvpYLHMdGeU9KqFUBQrV0d/Qr/3nsINpiOJyZMWnM5SJ3ctZdhPA6eCIKpEJR3Ellg==",
+      "version": "2.10.2",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.2.tgz",
+      "integrity": "sha512-UvB7mRqQjivdZNxJNEA2yOQRB7L9N43nBnKc33K47+cH90/ujmnMwatTCwQLu83gLhrzAl8fsa6Lqig/KLghaA==",
       "dependencies": {
         "@babel/runtime": "^7.22.5",
         "@restart/hooks": "^0.4.9",
-        "@restart/ui": "^1.6.6",
+        "@restart/ui": "^1.6.8",
         "@types/react-transition-group": "^4.4.6",
         "classnames": "^2.3.2",
         "dom-helpers": "^5.2.1",
@@ -5069,9 +5129,9 @@
       }
     },
     "node_modules/react-icons": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
-      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
+      "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==",
       "peerDependencies": {
         "react": "*"
       }
@@ -5135,15 +5195,15 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.5.tgz",
-      "integrity": "sha512-62wgfC8dJWrmxv44CA36pLDnP6KKl3Vhxb7PL+8+qrrFMMoJij4vgiMP8zV4O8+CBMXY1mHxI5fITGHXFHVmQQ==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
+      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.0.0",
-        "get-intrinsic": "^1.2.3",
+        "es-abstract": "^1.23.1",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
         "globalthis": "^1.0.3",
         "which-builtin-type": "^1.1.3"
       },
@@ -5240,6 +5300,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -5321,20 +5382,17 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
     },
     "node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -5342,17 +5400,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/seq-queue": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz",
@@ -5509,9 +5556,9 @@
       }
     },
     "node_modules/socks": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.1.tgz",
-      "integrity": "sha512-B6w7tkwNid7ToxjZ08rQMT8M9BJAf8DKx8Ft4NivzH0zBUfd6jldGcisJn/RLgxcX3FPNDdNQCUEMMT79b+oCQ==",
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz",
+      "integrity": "sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==",
       "optional": true,
       "dependencies": {
         "ip-address": "^9.0.5",
@@ -5537,9 +5584,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5660,32 +5707,39 @@
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
+      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
         "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "internal-slot": "^1.0.7",
+        "regexp.prototype.flags": "^1.5.2",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5695,26 +5749,29 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5814,30 +5871,30 @@
       }
     },
     "node_modules/sucrase/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.1.tgz",
+      "integrity": "sha512-2jelhlq3E4ho74ZyVLN03oKdAZVUa6UDZzFLVH1H7dnoax+y9qyaq8zBkfDIggjniU19z0wU18y16jMB2eyVIw==",
       "dependencies": {
         "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "path-scurry": "^1.11.1"
       },
       "bin": {
         "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">=16 || 14 >=14.18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+      "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -5849,9 +5906,9 @@
       }
     },
     "node_modules/sucrase/node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -5941,9 +5998,9 @@
       }
     },
     "node_modules/tar": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.0.tgz",
-      "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
       "dependencies": {
         "chownr": "^2.0.0",
         "fs-minipass": "^2.0.0",
@@ -6049,9 +6106,9 @@
       "integrity": "sha512-OsLcGGbYF3rMjPUf8oKktyvCiUxSbqMMS39m33MAjLTC1DVIH6x3WSt63/M77ihI09+Sdfk1AXvfhCEeUmC7mg=="
     },
     "node_modules/tough-cookie": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
-      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
       "dependencies": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -6177,11 +6234,11 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "version": "4.18.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.18.3.tgz",
+      "integrity": "sha512-Q08/0IrpvM+NMY9PA2rti9Jb+JejTddwmwmVQGskAlhtcrw1wsRzoR6ode6mR+OAabNa75w/dxedSUY2mlphaQ==",
       "engines": {
-        "node": ">=10"
+        "node": ">=16"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -6238,9 +6295,9 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.5.tgz",
-      "integrity": "sha512-yMi0PlwuznKHxKmcpoOdeLwxBoVPkqZxd7q2FgMkmD3bNwvF5VW0+UlUQ1k1vmktTu4Yu13Q0RIxEP8+B+wloA==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
@@ -6328,9 +6385,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
+      "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -6346,8 +6403,8 @@
         }
       ],
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -6396,9 +6453,9 @@
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg=="
     },
     "node_modules/validator": {
-      "version": "13.11.0",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz",
-      "integrity": "sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==",
+      "version": "13.12.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz",
+      "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==",
       "engines": {
         "node": ">= 0.10"
       }
@@ -6527,6 +6584,14 @@
         "string-width": "^1.0.2 || 2 || 3 || 4"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
@@ -6623,9 +6688,9 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.1.tgz",
-      "integrity": "sha512-pIXzoImaqmfOrL7teGUBt/T7ZDnyeGBWyXQBvOVhLkWLN37GXv8NMLK406UY6dS51JfcQHsmcW5cJ441bHg6Lg==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.2.tgz",
+      "integrity": "sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==",
       "bin": {
         "yaml": "bin.mjs"
       },
diff --git a/src/app/admin/[...slug]/page.tsx b/src/app/admin/[...slug]/page.tsx
new file mode 100644
index 0000000..fb0d9d7
--- /dev/null
+++ b/src/app/admin/[...slug]/page.tsx
@@ -0,0 +1,75 @@
+'use server'
+import { getCookieAuth } from "@/app/lib/actions";
+import AdminPanel from "@/components/server/admin/adminPanel";
+import ServerAdminPanel from "@/components/server/admin/ServerAdminPanel";
+import AuthHandler from "@/components/server/admin/authHandler";
+import Sidebar from "@/components/server/admin/views/sidebar";
+import { cookies } from "next/headers";
+import PostView from "@/components/server/admin/views/PostView";
+import { ReactNode } from "react";
+
+type Props = {
+  params: {
+    slug: string[]
+  };
+}
+
+export type SidebarEntry = {
+  label:string;
+  view:string;
+}
+
+
+function Home(){
+  return <div>home</div>
+}
+function PostManager(){
+  return <div>posts</div>
+}
+
+
+async function getViewMap():Promise<Map<string, JSX.Element>>{
+  return new Map([
+  ['home', <Home></Home>],
+  ['man-post', <PostView></PostView>]
+]);
+}
+
+
+
+
+async function getSidebarEntries():Promise<Array<SidebarEntry>>{
+  return [
+    { label: 'Home', view: 'home'},
+    { label: 'Post Management', view: 'man-post'},
+    { label: 'Project Management', view: 'man-proj'},
+    { label: 'Tag Management', view: 'man-tags'},
+    { label: 'User Management', view: 'man-user'},
+  ]
+}
+
+async function getCurrentView(view:string):Promise<JSX.Element>{
+  const viewMap = await getViewMap();
+  const viewJSX = viewMap.get(view);
+  return viewJSX ? viewJSX : <Home></Home>;
+}
+
+export default async function Page(props:Props){
+  const sidebarEntries:Array<SidebarEntry> = await getSidebarEntries();
+
+  const slug:string|string[] = props.params.slug ? props.params.slug : 'home';
+
+  
+
+  return (
+          <main className="h-screen w-screen flex flex-col p-0 bg-gray-300 box-border m-0">
+              <AuthHandler params={null}>
+                <Sidebar sidebarEntries={sidebarEntries} slug={slug.toString()}></Sidebar>
+                <AdminPanel slug={slug.toString()} auth={await getCookieAuth()}>
+                  {await getCurrentView(slug.toString())}
+                </AdminPanel>
+              </AuthHandler>
+              {/* <section>{JSON.stringify(cookies().getAll())}</section> */}
+          </main>
+  );
+}
\ No newline at end of file
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 5b4d00b..2e48615 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,4 +1,4 @@
-import '../globals.css'
+// import '../globals.css'
 import { Inter } from 'next/font/google'
 import StyledJsxRegistry from '../registry';
 import Providers from '@/providers/providers';
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index c125274..4673777 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -1,12 +1,45 @@
-import AdminPanel from "@/components/client/admin/adminPanel";
+'use server'
+import { getCookieAuth } from "@/app/lib/actions";
+import AdminPanel from "@/components/server/admin/adminPanel";
+import ServerAdminPanel from "@/components/server/admin/ServerAdminPanel";
 import AuthHandler from "@/components/server/admin/authHandler";
+import Sidebar from "@/components/server/admin/views/sidebar";
 import { cookies } from "next/headers";
 
+type Props = {
+  params: {
+    slug: string[]
+  };
+}
 
-export default async function Page(){
+export type SidebarEntry = {
+  label:string;
+  view:string;
+}
+
+
+
+async function getSidebarEntries():Promise<Array<SidebarEntry>>{
+  return [
+    { label: 'Home', view: 'home'},
+    { label: 'Post Management', view: 'man-post'},
+    { label: 'Project Management', view: 'man-proj'},
+    { label: 'Tag Management', view: 'man-tags'},
+    { label: 'User Management', view: 'man-user'},
+  ]
+}
+
+export default async function Page(props:Props){
+  const sidebarEntries:Array<SidebarEntry> = await getSidebarEntries();
+
+  const slug:string|string[] = props.params.slug ? props.params.slug : 'home';
+  
     return (
             <main className="h-screen w-screen flex flex-col p-0 bg-background-500 box-border m-0">
-                <AuthHandler params={null}><AdminPanel></AdminPanel></AuthHandler>
+                <AuthHandler params={null}>
+                  <Sidebar sidebarEntries={sidebarEntries} slug={""}></Sidebar>
+                  <ServerAdminPanel slug={slug.toString()} auth={await getCookieAuth()}></ServerAdminPanel>
+                </AuthHandler>
                 {/* <section>{JSON.stringify(cookies().getAll())}</section> */}
             </main>
     );
diff --git a/src/app/admin/page.tsx.bak b/src/app/admin/page.tsx.bak
new file mode 100644
index 0000000..5e3e98f
--- /dev/null
+++ b/src/app/admin/page.tsx.bak
@@ -0,0 +1,14 @@
+import AdminPanel from "@/components/client/admin/adminPanel";
+import AuthHandler from "@/components/server/admin/authHandler";
+import { cookies } from "next/headers";
+import { Router } from "next/router";
+
+
+export default async function Page(){
+    return (
+            <main className="h-screen w-screen flex flex-col p-0 bg-background-500 box-border m-0">
+                <AuthHandler params={null}><AdminPanel></AdminPanel></AuthHandler>
+                {/* <section>{JSON.stringify(cookies().getAll())}</section> */}
+            </main>
+    );
+}
\ No newline at end of file
diff --git a/src/app/api/attachment/route.ts b/src/app/api/attachment/route.ts
new file mode 100644
index 0000000..8041f9e
--- /dev/null
+++ b/src/app/api/attachment/route.ts
@@ -0,0 +1,92 @@
+'use server'
+
+import { APIError, attemptAPIAction } from "@/util/api/error";
+import { Auth, Post, PostTag, Tag, User } from "@/model/Models";
+import { cookies } from "next/headers";
+
+
+
+async function tryCreateAttachment(request: Request) {
+
+    // Make sure the DB is ready
+    await PostTag.sync();
+    await Tag.sync();
+    await Post.sync();
+    
+    // Prepare data
+    const requestBody = await request.json();
+    const authCkie = await cookies().get("auth");
+    
+    // Sanity check auth cookie
+    if ( !authCkie || !authCkie.value)  throw new APIError({ status: 500, responseText: "missing auth cookie" });
+    
+    // Get JSON from the Cookie
+    const cookieJSON = authCkie.value;
+    const authObject = JSON.parse(cookieJSON);
+    
+    // Fetch User Auth from the database
+    const auth = await Auth.findOne({ 
+        include: [
+            { 
+                model: User.withScope(['withPerms']),
+                attributes: {
+                    exclude: ['username', 'password', 'updatedAt', 'createdAt']
+                }
+            }
+        ],
+        where: { token: authObject.token } 
+    });
+    
+    // Sanity check the auth and associated user
+    if (!auth || !auth.user)                            throw new APIError({ status: 401, responseText: "Authentication Error" });
+
+    // Handle incomplete data or other problems
+    if (!requestBody)                                   throw new APIError({ status: 500, responseText: "Empty request body" });
+    if (!requestBody.title)                             throw new APIError({ status: 500, responseText: "Missing post title" });
+    if (!requestBody.content)                           throw new APIError({ status: 500, responseText: "Missing post content" });
+    if (!auth.user.id)                                  throw new APIError({ status: 500, responseText: "Missing user id" });
+    if (!auth.user.perms || !auth.user.perms.isAdmin)   throw new APIError({ status: 401, responseText: `Unauthorized ${JSON.stringify(auth.user)}` });
+
+    // Create a new Post in the database
+    const post = await Post.create(
+    {
+        content: requestBody.content,
+        user_id: auth.user.id,
+        title: requestBody.title,
+    },{
+        include: {
+            association: Post.associations.user
+        }
+    }).then(post=>post.reload())
+
+    // Return the response
+    return new Response(JSON.stringify(post), { status: 200 });
+
+}
+
+
+
+export async function tryFetchAttachments(request: Request) {
+
+    await Post.sync();
+
+    const foundPosts = await Post.findAll({
+        include: [
+        {
+            association: Post.associations.user,
+            attributes: { exclude: ['password', 'createdAt', 'updatedAt'] }
+        },{
+            association: Post.associations.postTags
+        }]
+    });
+
+    return new Response(JSON.stringify(foundPosts), { status: 200 });
+
+}
+
+export async function GET(request: Request) {
+    return await attemptAPIAction(tryFetchAttachments,request);
+}
+export async function POST(request: Request) {
+    return await attemptAPIAction(tryCreateAttachment,request);
+}
diff --git a/src/app/api/post/[...slug]/route.ts b/src/app/api/post/[...slug]/route.ts
index d493f59..cc46ab5 100644
--- a/src/app/api/post/[...slug]/route.ts
+++ b/src/app/api/post/[...slug]/route.ts
@@ -1,6 +1,6 @@
 'use server'
 
-import { APIError } from "@/app/lib/api/error";
+import { APIError } from "@/util/api/error";
 import { Post } from "@/model/Models";
 
 
diff --git a/src/app/api/post/route.ts b/src/app/api/post/route.ts
index fcee590..118322a 100644
--- a/src/app/api/post/route.ts
+++ b/src/app/api/post/route.ts
@@ -66,7 +66,7 @@ async function tryCreatePost(request: Request) {
 
 
 
-async function tryFetchPosts(request: Request) {
+export async function tryFetchPosts(request: Request) {
 
     await Post.sync();
 
diff --git a/src/app/lib/actions.ts b/src/app/lib/actions.ts
index 6045d87..8ffb080 100644
--- a/src/app/lib/actions.ts
+++ b/src/app/lib/actions.ts
@@ -5,8 +5,10 @@ import { cookies }        from "next/headers"
 import { parseSetCookie } from "@/util/parseSetCookie";
 import makeFetchCookie    from 'fetch-cookie';
 import fetchCookie        from "fetch-cookie";
-import { Attributes }     from "@sequelize/core";
+import { Attribute, Attributes }     from "@sequelize/core";
 import { User }           from "@/model/User";
+import { AuthProps } from "@/providers/providers";
+import { Auth } from "@/model/Auth";
 
 type LoginReturn = {
   cookie?:unknown,
@@ -80,6 +82,48 @@ export async function serverValidateSessionCookie(koek:string):Promise<boolean>
 
 export async function userIsAdmin(user:Partial<Attributes<User>>):Promise<boolean>
 {
+  const cookieAuthValue = await cookies().get('auth')?.value;
+  const cookieAuthSanitized = decodeURIComponent(cookieAuthValue ? cookieAuthValue: "");
+
+  if(!cookieAuthSanitized) return false;
+  const parsedAuth = JSON.parse(cookieAuthSanitized);
+  
+  if(!parsedAuth.id || !parsedAuth.token || !parsedAuth.user_id) return false
+  
+  const p:AuthProps = {
+    auth: {
+        id:parsedAuth.id,
+        token:parsedAuth.token,
+        user_id:parsedAuth.user_id
+    }
+  };
+  
+  const foundAuth = await Auth.findOne({where: { id: p.auth?.id}});
+  if(!foundAuth || foundAuth.token != p.auth?.token ) return false;
+
+  return true;
+}
+
+export async function getCookieAuth():Promise<AuthProps>
+{
+  const cookieAuthValue = await cookies().get('auth')?.value;
+  const cookieAuthSanitized = decodeURIComponent(cookieAuthValue ? cookieAuthValue: "");
+  
+  if(!cookieAuthSanitized) return {}
+  
+  const kd = JSON.parse(cookieAuthSanitized);
+  if(!kd.id || !kd.token || !kd.user_id) return {};
+
+  const foundAuth = await Auth.findOne({where: { id: kd.id},include:{model:User}});
+  if(!foundAuth) return {};
+  const authObject:AuthProps = {
+    auth: {
+        id:kd.id,
+        token:kd.token,
+        user_id:kd.user_id
+    },
+    user: await foundAuth.user
+  }
+  return authObject;
+}
 
-  return false;
-}
\ No newline at end of file
diff --git a/src/app/lib/postActions.ts b/src/app/lib/postActions.ts
new file mode 100644
index 0000000..279bb55
--- /dev/null
+++ b/src/app/lib/postActions.ts
@@ -0,0 +1,15 @@
+'use server';
+import { Post } from "@/model/Post";
+import { Attributes } from "@sequelize/core";
+
+
+export async function deletePost(postID: number): Promise<boolean> {
+  const destroy = await Post.destroy({ where: { id: postID } });
+  return true;
+}
+
+
+export async function getPosts(): Promise<string> {
+  const posts = await Post.findAll();
+  return JSON.stringify(posts);
+}
diff --git a/src/components/client/TableGen.tsx b/src/components/client/TableGen.tsx
new file mode 100644
index 0000000..39acd25
--- /dev/null
+++ b/src/components/client/TableGen.tsx
@@ -0,0 +1,24 @@
+'use client'
+import { ReactNode } from "react";
+
+type Props = {
+    headings:Array<string>;
+    children:ReactNode;
+}
+
+export default function TableGen(props:Props){
+    return <>
+    <table className="table overflow-scroll">
+        <thead>
+            <tr>
+                {props.headings.map((h)=>
+                <th key={h} scope="col">{h}</th>
+                )}
+            </tr>
+        </thead>
+        <tbody>
+            {props.children}
+        </tbody>
+    </table>
+    </>
+}
\ No newline at end of file
diff --git a/src/components/client/admin/PostTable.tsx b/src/components/client/admin/PostTable.tsx
new file mode 100644
index 0000000..aa50e26
--- /dev/null
+++ b/src/components/client/admin/PostTable.tsx
@@ -0,0 +1,80 @@
+'use client'
+import { ReactNode } from "react"
+import TableGen from "../TableGen"
+import { Attributes } from "@sequelize/core";
+import { Post } from "@/model/Post";
+import { useState } from "react";
+
+type Actions = {
+    deletePost:any
+    getPosts:()=>Promise<string>
+}
+
+type Props = {
+    children?:ReactNode;
+    headings:Array<string>;
+    data:any[];
+    actions?:Actions;
+}
+
+type EditorProps = {
+    open:boolean;
+    post?:Attributes<Post>;
+}
+
+function RenderEditor(props:EditorProps){
+    let [content,setContent] = useState(props.post?.content)
+    let [title,setTitle] = useState(props.post?.title)
+    
+    return <form className="bg-light w-[100%] h-content p-1">
+        <h1 className="m-2">Edit Post</h1>
+        <h2 className="m-2">Title</h2>
+        <input value={title} onChange={e => setTitle(e.target.value)} type='text' className="m-2"></input>
+        <h2 className="m-2">Content</h2>
+        <textarea value={content} onChange={e => setContent(e.target.value)} className="w-[100%] h-content align-top text-start text-base line-clamp-6 m-2"></textarea>
+        <button type="button" className="m-2 btn btn-primary">Preview</button>
+        <button type="button" className="m-2 btn btn-success">Save</button>
+        <button type="button" className="m-2 btn btn-danger">Cancel</button>
+    </form>
+}
+
+
+export default function PostTable(props:Props){
+    
+    function showEditor(entry:Attributes<Post>){
+        setEditor({
+            open: true,
+            post: entry
+        })
+    }
+    const initEditorState:EditorProps = {
+        open: false
+    }
+    const [posts, setPosts] = useState(props.data);
+    const [editor, setEditor] = useState(initEditorState)
+    
+    function deletePost(entry:Attributes<Post>){
+        props.actions?.deletePost(entry.id);
+        props.actions?.getPosts().then((p)=>setPosts(JSON.parse(p)));
+    }
+    
+
+    return <>
+        <TableGen headings={props.headings}>
+            {posts.map((d)=>{
+                return <><tr key={d.id}>
+                    <th scope="row">{d.id}</th>
+                    <td key='titlefield'>{d.title}</td>
+                    <td key='contentfield'>{d.content.length<255 ? d.content :`${d.content.substring(0,255)}...`}</td>
+                    <td key='createdatfield'>{d.createdAt}</td>
+                    <td key='updatedatfield'>{d.updatedAt}</td>
+                    <td key='btnedit'><button type="button" className="btn btn-primary" onClick={()=>showEditor(d)}>Edit</button></td>
+                    <td key='btndelete'><button type="button" className="btn btn-danger" onClick={()=>deletePost(d)}> Delete</button></td>
+                </tr>
+                {(editor.open && editor.post && editor.post.id == d.id)? 
+                <tr key={'activeEditor'}><th scope="row" colSpan={props.headings.length}><RenderEditor open={editor.open} post={editor.post}></RenderEditor></th></tr>:""}
+                </>
+            })}
+        </TableGen>
+    </>
+}
\ No newline at end of file
diff --git a/src/components/client/admin/adminPanel.tsx b/src/components/client/admin/adminPanel.tsx
deleted file mode 100644
index d10afb7..0000000
--- a/src/components/client/admin/adminPanel.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-'use client'
-import { ReactNode, useContext, useState } from "react";
-import { AuthContext, AuthProps } from "@/providers/providers";
-import SomeServerSubComponent from "@/components/server/admin/serverContextUserTest";
-import PostView from "@/components/server/admin/views/PostView";
-import Sidebar from "./views/sidebar";
-import ClientPostView from "./views/ClientPostView";
-import ServerComponentTest from "@/components/server/ServerComponentTest";
-
-
-interface Props {
-    children?: ReactNode;
-    auth?: AuthProps;
-}
-
-
-export type SidebarEntry = {
-    label:string;
-    view:string;
-}
-
-
-export const sidebarEntries:Array<SidebarEntry> = [
-    { label: 'Home', view: 'home'},
-    { label: 'Post Management', view: 'man-post'},
-    { label: 'Project Management', view: 'man-proj'},
-    { label: 'Tag Management', view: 'man-tags'},
-    { label: 'User Management', view: 'man-user'},
-]
-
-function Home(){
-    return <div>home</div>
-}
-function PostManager(){
-    return <div>posts</div>
-}
-
-
-const viewMap = new Map<string, ReactNode>([
-    ['home', <Home></Home>],
-    ['man-post', <ClientPostView></ClientPostView>]
-])
-
-
-
-export default function AdminPanel(props:Props){
-    const [view, setView] = useState((<Home></Home>) as ReactNode);
-
-    const switchView = function (value:string){
-        setView(viewMap.get(value));
-    }    
-
-    return (
-        <div className="AdminPanelWrapper w-[100%] h-[100%] flex flex-row">
-            {/* <h1>Super Secret Admin Panel!</h1> */}
-            {/* <h2>this is where we use the context test:<SomeSubComponent></SomeSubComponent></h2> */}
-            {/* <SomeServerSubComponent></SomeServerSubComponent> */}
-            {/* <section> */}
-                {/* {props.children} */}
-                {/* <PostView></PostView> */}
-            {/* </section> */}
-            <Sidebar sidebarEntries={sidebarEntries} switchView={switchView}></Sidebar>
-            <div>{view}</div>
-            <ServerComponentTest></ServerComponentTest>
-        </div>
-    )
-}
-
-function SomeSubComponent(props:Props){
-    let { test, auth } = useContext(AuthContext);
-    return (
-        <span>{test}{JSON.stringify(auth)}</span>
-    );
-}
-
-
diff --git a/src/components/client/admin/views/ClientPostView.tsx b/src/components/client/admin/views/ClientPostView.tsx
deleted file mode 100644
index 4e82fd5..0000000
--- a/src/components/client/admin/views/ClientPostView.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client'
-
-import ServerComponentTest from "@/components/server/ServerComponentTest";
-import { ReactNode } from "react";
-
-type Props = {
-    children?:ReactNode
-}
-
-export default function ClientPostView(props:Props){
-    return (
-        <div>
-            test
-        </div>
-    );
-}
\ No newline at end of file
diff --git a/src/components/client/admin/views/sidebar.tsx b/src/components/client/admin/views/sidebar.tsx
deleted file mode 100644
index 03d86d3..0000000
--- a/src/components/client/admin/views/sidebar.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import './sidebar.css'
-import { Button, NavLink } from 'react-bootstrap';
-import { SidebarEntry } from '../adminPanel';
-import React, { ReactNode, useState } from 'react';
-
-
-
-
-type Props = {
-    children?:ReactNode;
-    sidebarEntries:Array<SidebarEntry>;
-    switchView:any;
-}
-
-
-
-export default function Sidebar(props:Props){
-    
-    return (
-        <div className='w[100%] h[100%] bg-secondary-800'>
-            <ul className='nav nav-pills flex-column mb-auto container-fluid'>
-                {props.sidebarEntries.map((sidebarEntry)=>{
-                    return <li className='nav-item'><NavLink className='nav-link bg-purple-400 m-2' onClick={(e)=>{props.switchView(sidebarEntry.view)}}>
-                        {sidebarEntry.label}
-                    </NavLink></li>
-                })}
-            </ul>
-        </div>
-    );
-}
\ No newline at end of file
diff --git a/src/components/server/admin/ServerAdminPanel.tsx b/src/components/server/admin/ServerAdminPanel.tsx
new file mode 100644
index 0000000..61ba1cc
--- /dev/null
+++ b/src/components/server/admin/ServerAdminPanel.tsx
@@ -0,0 +1,17 @@
+'use server'
+
+import AdminPanel from "@/components/server/admin/adminPanel";
+import { AuthProps } from "@/providers/providers";
+import { ReactNode } from "react";
+
+
+
+interface Props {
+    children?: ReactNode;
+    auth?: AuthProps;
+    slug?: string;
+}
+
+export default async function ServerAdminPanel(props:Props){
+    return <AdminPanel slug={props.slug?props.slug:'home'} auth={props.auth}>{props.children}</AdminPanel>
+}
\ No newline at end of file
diff --git a/src/components/server/admin/adminPanel.tsx b/src/components/server/admin/adminPanel.tsx
new file mode 100644
index 0000000..e7bf7d0
--- /dev/null
+++ b/src/components/server/admin/adminPanel.tsx
@@ -0,0 +1,35 @@
+'use server'
+
+import { ReactNode, useContext, useState } from "react";
+import { AuthProps } from "@/providers/providers";
+import SomeServerSubComponent from "@/components/server/admin/serverContextUserTest";
+import Sidebar from "./views/sidebar";
+import PostView from "./views/PostView";
+
+
+interface Props {
+    children?: ReactNode;
+    auth?: AuthProps;
+    slug?: string;
+}
+
+
+
+export default async function AdminPanel(props:Props){
+    const slug = props.slug ? props.slug : 'home'
+    return (
+        <div className="AdminPanelWrapper w-[100%] h-[100%] flex flex-row m-auto">
+            {/* <h1>Super Secret Admin Panel!</h1> */}
+            {/* <h2>this is where we use the context test:<SomeSubComponent></SomeSubComponent></h2> */}
+            {/* <SomeServerSubComponent></SomeServerSubComponent> */}
+            {/* <section> */}
+                {/* {props.children} */}
+                {/* <PostView></PostView> */}
+            {/* </section> */}
+            {props.children}
+            {/* <div>{JSON.stringify(props.auth)}</div> */}
+        </div>
+    )
+}
+
+
diff --git a/src/components/server/admin/authHandler.tsx b/src/components/server/admin/authHandler.tsx
index 940ab83..d971930 100644
--- a/src/components/server/admin/authHandler.tsx
+++ b/src/components/server/admin/authHandler.tsx
@@ -2,7 +2,7 @@
 import { cookies } from "next/headers";
 
 import LoginForm            from "@/components/client/admin/loginForm";
-import AdminPanel           from "@/components/client/admin/adminPanel";
+import AdminPanel           from "@/components/server/admin/adminPanel";
 import ClientAuthHandler    from "@/components/client/admin/clientAuthHandler";
 
 import { serverValidateSessionCookie } from "@/app/lib/actions";
@@ -23,13 +23,11 @@ export default async function AuthHandler(props: Props) {
     const koek = decodeURIComponent(protoKoek ? protoKoek: "");
     console.log("koekje:" + koek)
     let p:AuthProps = {
-        test:"not pog"
     };
     if(koek){
         const kd = JSON.parse(koek);
         if(kd.id && kd.token && kd.user_id){
             p = {
-                test:"success!",
                 auth: {
                     id:kd.id,
                     token:kd.token,
diff --git a/src/components/server/admin/authWrapper.tsx b/src/components/server/admin/authWrapper.tsx
deleted file mode 100644
index f8ed201..0000000
--- a/src/components/server/admin/authWrapper.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use server'
-import { cookies } from "next/headers";
-
-import LoginForm            from "@/components/client/admin/loginForm";
-import AdminPanel           from "@/components/client/admin/adminPanel";
-import ClientAuthHandler    from "@/components/client/admin/clientAuthHandler";
-
-import { serverValidateSessionCookie } from "@/app/lib/actions";
-import { constructAPIUrl } from "@/util/Utils";
-import { ReactNode } from "react";
-import { AuthContext, AuthProps } from "@/providers/providers";
-
-
-interface Props {
-    children?: ReactNode;
-    params?: any;
-    requiredRole?: number;
-} // We interfacing lads
-
-
-export default async function AuthHandler(props: Props) {
-    const protoKoek = await cookies().get('auth')?.value;
-    const koek = decodeURIComponent(protoKoek ? protoKoek: "");
-    console.log("koekje:" + koek)
-    let p:AuthProps = {
-        test:"not pog"
-    };
-    if(koek){
-        const kd = JSON.parse(koek);
-        if(kd.id && kd.token && kd.user_id){
-            p = {
-                test:"success!",
-                auth: {
-                    id:kd.id,
-                    token:kd.token,
-                    user_id:kd.user_id
-                }
-            }
-        }
-    }
-
-    return (
-        <div className="flex flex-row">
-            {!(koek && await serverValidateSessionCookie(koek)) ? <LoginForm>{ }</LoginForm> : <ClientAuthHandler authProps={p}><section>{props.children}</section></ClientAuthHandler>}
-        </div>
-    );
-}
diff --git a/src/components/server/admin/views/PostEditor.tsx b/src/components/server/admin/views/PostEditor.tsx
new file mode 100644
index 0000000..28505b7
--- /dev/null
+++ b/src/components/server/admin/views/PostEditor.tsx
@@ -0,0 +1,10 @@
+
+
+export default async function(){
+    
+    <form className="bg-light w-[100%] h-[100%]">
+        <h1>Edit Post</h1>
+        <h2>Title</h2>
+        <input type='text'></input>
+    </form>    
+}
\ No newline at end of file
diff --git a/src/components/server/admin/views/PostView.tsx b/src/components/server/admin/views/PostView.tsx
index 4d3a246..8576898 100644
--- a/src/components/server/admin/views/PostView.tsx
+++ b/src/components/server/admin/views/PostView.tsx
@@ -1,21 +1,35 @@
-'use server'
 
-import { ReactNode } from "react"
-import AuthHandler from "../authHandler"
-import { Post } from "@/model/Post"
-import { constructAPIUrl } from "@/util/Utils"
+import { tryFetchPosts } from "@/app/api/post/route";
+import { Post } from "@/model/Post";
+import { constructAPIUrl } from "@/util/Utils";
+import { ReactNode, useEffect } from "react";
+import TableGen from "../../../client/TableGen";
+import PostTable from "@/components/client/admin/PostTable";
+import { deletePost, getPosts } from "@/app/lib/postActions";
 
 type Props = {
     children?:ReactNode
 }
 
-export default async function PostView(props:Props){
-    // const posts = await Post.findAll();
 
-    
+export default async function PostView(props:Props){
+    const headings = [
+        '#', 
+        'Title',
+        'Content',
+        'Date Created',
+        'Date Modified',
+        'Edit',
+        'Delete',
+    ]
+    const data = await Post.findAll();
+    const passData:any[] = data.map((e)=>JSON.parse(JSON.stringify(e)));
     return (
-        <div>
-            test
+        <div className="w-[100%] min-h-fit bg-gray-100 overflow-scroll">
+            <span className="flex flex-row flex-grow w-[100%] pl-2 pr-2"><h1 className="p-2 inline-block">Post Management</h1><section className="flex-grow"></section><button className='btn btn-success h-12 mt-auto mb-auto self-end'>New</button></span>
+            <div className="w-[100%] m-auto">
+                <PostTable data={passData} headings={headings} actions={{deletePost: deletePost, getPosts:getPosts}}></PostTable>
+            </div>
         </div>
     );
 }
\ No newline at end of file
diff --git a/src/components/client/admin/views/sidebar.css b/src/components/server/admin/views/sidebar.css
similarity index 100%
rename from src/components/client/admin/views/sidebar.css
rename to src/components/server/admin/views/sidebar.css
diff --git a/src/components/server/admin/views/sidebar.tsx b/src/components/server/admin/views/sidebar.tsx
new file mode 100644
index 0000000..1c6a1b9
--- /dev/null
+++ b/src/components/server/admin/views/sidebar.tsx
@@ -0,0 +1,33 @@
+
+import './sidebar.css'
+import { Button, NavLink } from 'react-bootstrap';
+import { SidebarEntry } from '@/app/admin/page';
+import React, { ReactNode, useState } from 'react';
+import Link from 'next/link';
+import { headers } from 'next/headers';
+
+
+
+
+type Props = {
+    children?:ReactNode;
+    sidebarEntries:Array<SidebarEntry>;
+    slug:string
+}
+
+
+
+export default async function Sidebar(props:Props){
+    
+    return (
+        <div className='w-fit h[100%]'>
+            <ul className={`navbar-light bg-light nav nav-pills flex-column mb-auto container-fluid h-[100%] items-start justify-start p-0 w-fit`}>
+                {props.sidebarEntries.map((sidebarEntry)=>{
+                    return <li key={sidebarEntry.view} className='nav-item w-[100%]'><Link className={`nav-link m-2 whitespace-nowrap outline outline-1 ${(props.slug == sidebarEntry.view) ? 'active' : ''}`} href={`/admin/${sidebarEntry.view}`}>
+                        {sidebarEntry.label}
+                    </Link></li>
+                })}
+            </ul>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/model/Post.ts b/src/model/Post.ts
index 858246d..e9452cb 100644
--- a/src/model/Post.ts
+++ b/src/model/Post.ts
@@ -1,9 +1,10 @@
 import { Association, BelongsToGetAssociationMixin, CreationOptional, DataTypes, ForeignKey, InferAttributes, InferCreationAttributes, Model, NonAttribute, Sequelize } from "@sequelize/core";import { User } from "./User";
 
 import { SqliteDialect } from '@sequelize/sqlite3';
-import { Attribute, AutoIncrement, BelongsTo, BelongsToMany, CreatedAt, HasMany, NotNull, PrimaryKey, Unique, UpdatedAt } from "@sequelize/core/decorators-legacy";
+import { Attribute, AutoIncrement, BelongsTo, BelongsToMany, CreatedAt, Default, HasMany, NotNull, PrimaryKey, Unique, UpdatedAt } from "@sequelize/core/decorators-legacy";
 import { Tag } from "./Tag";
 import { PostTag } from "./PostTag";
+import { Project } from "./Project";
 
 export class Post extends Model<InferAttributes<Post>, InferCreationAttributes<Post>> {
     
@@ -14,9 +15,7 @@ export class Post extends Model<InferAttributes<Post>, InferCreationAttributes<P
     @AutoIncrement
     @Unique
     declare id: CreationOptional<number>;
-    @Attribute(DataTypes.INTEGER)
-    @NotNull
-    declare user_id:ForeignKey<User['id']>;
+    
     @Attribute(DataTypes.STRING)
     declare title:string
     @Attribute(DataTypes.STRING)
@@ -31,10 +30,19 @@ export class Post extends Model<InferAttributes<Post>, InferCreationAttributes<P
     
 
     // Associatoins
-    
+    @Attribute(DataTypes.INTEGER)
+    @NotNull
+    declare user_id:ForeignKey<User['id']>;
+
+    @Attribute(DataTypes.INTEGER)
+    declare project_id?:CreationOptional<ForeignKey<User['id']>>;
+
     @BelongsTo(()=>User, { foreignKey: 'user_id', inverse: { type: 'hasMany', as: 'posts' } })
     declare user:NonAttribute<User>;
 
+    @BelongsTo(()=>Project, { inverse: { type: 'hasMany', as: 'posts' } })
+    declare project:NonAttribute<User>;
+
     @BelongsToMany(()=>Tag, { through: { model: ()=>PostTag, unique: false}, inverse: {as: 'taggedPosts'} })
     declare postTags?:NonAttribute<Tag[]>;
     
@@ -42,6 +50,7 @@ export class Post extends Model<InferAttributes<Post>, InferCreationAttributes<P
 
     declare static associations: {
         user: Association<User, Post>;
+        project: Association<Project, Post>;
         postTags: Association<Tag, Post>;
     };
 }
diff --git a/src/model/Project.ts b/src/model/Project.ts
index cfe60b2..1c40357 100644
--- a/src/model/Project.ts
+++ b/src/model/Project.ts
@@ -4,20 +4,7 @@ import { SqliteDialect } from '@sequelize/sqlite3';
 import { Attribute, AutoIncrement, PrimaryKey, Unique } from "@sequelize/core/decorators-legacy";
 import { Post } from "./Post";
 
-export type ProjectAttributes = {
-    id: number;
-    title: string;
-    description: string;
-    date: number;
-    user_id:ForeignKey<User['id']>;
-}
-export type ProjectCreationAttributes = {
-    title: string;
-    description: string;
-    date: number;
-    user_id:number;
-}
-export class Project extends Model<ProjectAttributes, ProjectCreationAttributes> {
+export class Project extends Model<InferAttributes<Project>, InferCreationAttributes<Project>> {
     @Attribute(DataTypes.INTEGER) @PrimaryKey @Unique @AutoIncrement 
     declare id: number;
     @Attribute(DataTypes.STRING) @Unique 
@@ -27,7 +14,6 @@ export class Project extends Model<ProjectAttributes, ProjectCreationAttributes>
 
     declare static associations: {
         posts: Association<Post, Project>;
-
     };
     
 }
diff --git a/src/providers/providers.tsx b/src/providers/providers.tsx
index 57dfb17..673f8ff 100644
--- a/src/providers/providers.tsx
+++ b/src/providers/providers.tsx
@@ -7,13 +7,10 @@ import { Attributes, InferAttributes } from "@sequelize/core";
 
 
 export type AuthProps = {
-    test: string;
     auth?: Attributes<Auth>
     user?: Attributes<User>
 }
-let p: AuthProps = {
-    test: "lorem",
-}
+let p: AuthProps = {}
 
 export type AdminViewProps = {
     view: string;
@@ -27,7 +24,6 @@ export const AdminViewContext = createContext(avp);
 export const AuthContext = createContext(p);
 
 
-
 interface Props {
     children?: ReactNode;
     params?: any;
@@ -35,6 +31,6 @@ interface Props {
 
 export default function Providers(props:Props){
     return (
-        <AuthContext.Provider value={{test:"freek"}}><AdminViewContext.Provider value={avp}>{props.children}</AdminViewContext.Provider></AuthContext.Provider>
+        <AuthContext.Provider value={{}}><AdminViewContext.Provider value={avp}>{props.children}</AdminViewContext.Provider></AuthContext.Provider>
     )
 }
\ No newline at end of file
diff --git a/src/util/Auth.ts b/src/util/Auth.ts
index 9b1d00b..a16dc72 100644
--- a/src/util/Auth.ts
+++ b/src/util/Auth.ts
@@ -1,3 +1,5 @@
+'server only'
+
 import { hash, compare } from "bcrypt";
 
 
diff --git a/src/util/Utils.ts b/src/util/Utils.ts
index c3b1faf..4088702 100644
--- a/src/util/Utils.ts
+++ b/src/util/Utils.ts
@@ -1,5 +1,6 @@
+'server only'
 import Gens from "./gens";
-import Auth from "./Auth";
+// import Auth from "./Auth";
 
 
 function getAPIEnv(){
@@ -27,4 +28,4 @@ function truncateString(str:string = '', num:number = 255) {
 }
 
 
-export { Gens, Auth, constructAPIUrl, constructUrl, truncateString }
\ No newline at end of file
+export { Gens, constructAPIUrl, constructUrl, truncateString }
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 1718db6..7c45942 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,6 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/admin/page.tsx.bak", "src/app/admin/[...slug]/page.tsx.bak"],
   "exclude": ["node_modules"]
 }