From ba959747122964743d6a7b1a190ec381e2c31ea2 Mon Sep 17 00:00:00 2001
From: Amir <amirhussain@outlook.com>
Date: Wed, 19 Oct 2022 15:58:53 +0400
Subject: [PATCH] Flowbite implementation and dashboard layout

---
 config/jetstream.php                          |   4 +-
 package-lock.json                             | 311 ++++++++----------
 package.json                                  |   6 +
 resources/views/dashboard.blade.php           |   5 +-
 resources/views/layouts/app.blade.php         |  98 +++---
 resources/views/layouts/guest.blade.php       |   1 +
 resources/views/navigation-menu.blade.php     | 115 +++++--
 .../components/dropdown-link.blade.php        |   3 +-
 .../jetstream/components/dropdown.blade.php   |   2 +-
 .../jetstream/components/nav-link.blade.php   |   4 +-
 storage/app/public/logo-dark.svg              |  84 +++++
 storage/app/public/logo-light.svg             |   1 +
 tailwind.config.js                            |  53 ++-
 13 files changed, 433 insertions(+), 254 deletions(-)
 create mode 100644 storage/app/public/logo-dark.svg
 create mode 100644 storage/app/public/logo-light.svg

diff --git a/config/jetstream.php b/config/jetstream.php
index cfe14d9..24698d5 100644
--- a/config/jetstream.php
+++ b/config/jetstream.php
@@ -59,9 +59,9 @@
 
     'features' => [
         // Features::termsAndPrivacyPolicy(),
-        // Features::profilePhotos(),
+         Features::profilePhotos(),
         // Features::api(),
-        Features::teams(['invitations' => true]),
+//        Features::teams(['invitations' => true]),
         Features::accountDeletion(),
     ],
 
diff --git a/package-lock.json b/package-lock.json
index 9e21a70..b95511d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,13 @@
 {
-    "name": "OMJ-Manager",
+    "name": "OMJ-Task-Manager",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "flowbite": "^1.5.3",
+                "tailwind-scrollbar": "^2.1.0-preview.0"
+            },
             "devDependencies": {
                 "@tailwindcss/forms": "^0.5.2",
                 "@tailwindcss/typography": "^0.5.0",
@@ -13,6 +17,8 @@
                 "laravel-vite-plugin": "^0.6.0",
                 "lodash": "^4.17.19",
                 "postcss": "^8.4.14",
+                "prettier": "^2.7.1",
+                "prettier-plugin-tailwindcss": "^0.1.13",
                 "tailwindcss": "^3.1.0",
                 "vite": "^3.0.0"
             }
@@ -53,7 +59,6 @@
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
             "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.stat": "2.0.5",
                 "run-parallel": "^1.1.9"
@@ -66,7 +71,6 @@
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
             "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -75,7 +79,6 @@
             "version": "1.2.8",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
             "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.scandir": "2.1.5",
                 "fastq": "^1.6.0"
@@ -84,6 +87,15 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@popperjs/core": {
+            "version": "2.11.6",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+            "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
         "node_modules/@tailwindcss/forms": {
             "version": "0.5.3",
             "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
@@ -130,7 +142,6 @@
             "version": "7.4.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
             "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-            "dev": true,
             "bin": {
                 "acorn": "bin/acorn"
             },
@@ -142,7 +153,6 @@
             "version": "1.8.2",
             "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
             "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-            "dev": true,
             "dependencies": {
                 "acorn": "^7.0.0",
                 "acorn-walk": "^7.0.0",
@@ -153,7 +163,6 @@
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
             "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-            "dev": true,
             "engines": {
                 "node": ">=0.4.0"
             }
@@ -171,7 +180,6 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
             "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-            "dev": true,
             "dependencies": {
                 "normalize-path": "^3.0.0",
                 "picomatch": "^2.0.4"
@@ -183,8 +191,7 @@
         "node_modules/arg": {
             "version": "5.0.2",
             "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
         },
         "node_modules/asynckit": {
             "version": "0.4.0",
@@ -239,7 +246,6 @@
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
             "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -248,7 +254,6 @@
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
             "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-            "dev": true,
             "dependencies": {
                 "fill-range": "^7.0.1"
             },
@@ -288,7 +293,6 @@
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
             "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
@@ -313,7 +317,6 @@
             "version": "3.5.3",
             "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
             "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-            "dev": true,
             "funding": [
                 {
                     "type": "individual",
@@ -340,7 +343,6 @@
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
             "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
             "dependencies": {
                 "is-glob": "^4.0.1"
             },
@@ -351,8 +353,7 @@
         "node_modules/color-name": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "node_modules/combined-stream": {
             "version": "1.0.8",
@@ -370,7 +371,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
             "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "dev": true,
             "bin": {
                 "cssesc": "bin/cssesc"
             },
@@ -382,7 +382,6 @@
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
             "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
-            "dev": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -400,7 +399,6 @@
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
             "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-            "dev": true,
             "dependencies": {
                 "acorn-node": "^1.8.2",
                 "defined": "^1.0.0",
@@ -416,14 +414,12 @@
         "node_modules/didyoumean": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-            "dev": true
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
         },
         "node_modules/dlv": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-            "dev": true
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
         },
         "node_modules/electron-to-chromium": {
             "version": "1.4.284",
@@ -801,7 +797,6 @@
             "version": "3.2.12",
             "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
             "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.stat": "^2.0.2",
                 "@nodelib/fs.walk": "^1.2.3",
@@ -817,7 +812,6 @@
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
             "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "dev": true,
             "dependencies": {
                 "is-glob": "^4.0.1"
             },
@@ -829,7 +823,6 @@
             "version": "1.13.0",
             "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
             "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-            "dev": true,
             "dependencies": {
                 "reusify": "^1.0.4"
             }
@@ -838,7 +831,6 @@
             "version": "7.0.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
             "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-            "dev": true,
             "dependencies": {
                 "to-regex-range": "^5.0.1"
             },
@@ -846,6 +838,15 @@
                 "node": ">=8"
             }
         },
+        "node_modules/flowbite": {
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.5.3.tgz",
+            "integrity": "sha512-e2OHfndxTHtGMqcPqvqwg3gGLg57hmIDVgE/BazMDccgirQ0JEtirKnbZZ4WSOIEhNDgO9pJZuyC8rRlcMm6pQ==",
+            "dependencies": {
+                "@popperjs/core": "^2.9.3",
+                "mini-svg-data-uri": "^1.4.3"
+            }
+        },
         "node_modules/follow-redirects": {
             "version": "1.15.2",
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -897,7 +898,6 @@
             "version": "2.3.2",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
             "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-            "dev": true,
             "hasInstallScript": true,
             "optional": true,
             "os": [
@@ -910,14 +910,12 @@
         "node_modules/function-bind": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-            "dev": true
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
         "node_modules/glob-parent": {
             "version": "6.0.2",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
             "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
             "dependencies": {
                 "is-glob": "^4.0.3"
             },
@@ -929,7 +927,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
             "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dev": true,
             "dependencies": {
                 "function-bind": "^1.1.1"
             },
@@ -941,7 +938,6 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
             "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dev": true,
             "dependencies": {
                 "binary-extensions": "^2.0.0"
             },
@@ -953,7 +949,6 @@
             "version": "2.10.0",
             "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
             "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
-            "dev": true,
             "dependencies": {
                 "has": "^1.0.3"
             },
@@ -965,7 +960,6 @@
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
             "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -974,7 +968,6 @@
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
             "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
             "dependencies": {
                 "is-extglob": "^2.1.1"
             },
@@ -986,7 +979,6 @@
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
             "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true,
             "engines": {
                 "node": ">=0.12.0"
             }
@@ -1010,7 +1002,6 @@
             "version": "2.0.6",
             "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
             "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
-            "dev": true,
             "engines": {
                 "node": ">=10"
             }
@@ -1043,7 +1034,6 @@
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
             "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -1052,7 +1042,6 @@
             "version": "4.0.5",
             "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
             "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-            "dev": true,
             "dependencies": {
                 "braces": "^3.0.2",
                 "picomatch": "^2.3.1"
@@ -1086,7 +1075,6 @@
             "version": "1.4.4",
             "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
             "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-            "dev": true,
             "bin": {
                 "mini-svg-data-uri": "cli.js"
             }
@@ -1095,7 +1083,6 @@
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
             "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
-            "dev": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -1104,7 +1091,6 @@
             "version": "3.3.4",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
             "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-            "dev": true,
             "bin": {
                 "nanoid": "bin/nanoid.cjs"
             },
@@ -1122,7 +1108,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
             "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1140,7 +1125,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
             "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
@@ -1148,20 +1132,17 @@
         "node_modules/path-parse": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
         },
         "node_modules/picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
         "node_modules/picomatch": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true,
             "engines": {
                 "node": ">=8.6"
             },
@@ -1173,7 +1154,6 @@
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
             "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1182,7 +1162,6 @@
             "version": "8.4.18",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
             "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
-            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -1206,7 +1185,6 @@
             "version": "14.1.0",
             "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
             "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-            "dev": true,
             "dependencies": {
                 "postcss-value-parser": "^4.0.0",
                 "read-cache": "^1.0.0",
@@ -1223,7 +1201,6 @@
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
             "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
-            "dev": true,
             "dependencies": {
                 "camelcase-css": "^2.0.1"
             },
@@ -1242,7 +1219,6 @@
             "version": "3.1.4",
             "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
             "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-            "dev": true,
             "dependencies": {
                 "lilconfig": "^2.0.5",
                 "yaml": "^1.10.2"
@@ -1271,7 +1247,6 @@
             "version": "5.0.6",
             "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
             "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-            "dev": true,
             "dependencies": {
                 "postcss-selector-parser": "^6.0.6"
             },
@@ -1290,7 +1265,6 @@
             "version": "6.0.10",
             "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
             "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-            "dev": true,
             "dependencies": {
                 "cssesc": "^3.0.0",
                 "util-deprecate": "^1.0.2"
@@ -1302,14 +1276,39 @@
         "node_modules/postcss-value-parser": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-            "dev": true
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+        },
+        "node_modules/prettier": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+            "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
+            "dev": true,
+            "bin": {
+                "prettier": "bin-prettier.js"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prettier-plugin-tailwindcss": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz",
+            "integrity": "sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.17.0"
+            },
+            "peerDependencies": {
+                "prettier": ">=2.2.0"
+            }
         },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
             "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -1329,7 +1328,6 @@
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
             "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-            "dev": true,
             "engines": {
                 "node": ">=10"
             },
@@ -1341,7 +1339,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
             "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dev": true,
             "dependencies": {
                 "pify": "^2.3.0"
             }
@@ -1350,7 +1347,6 @@
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
             "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
             "dependencies": {
                 "picomatch": "^2.2.1"
             },
@@ -1362,7 +1358,6 @@
             "version": "1.22.1",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
             "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-            "dev": true,
             "dependencies": {
                 "is-core-module": "^2.9.0",
                 "path-parse": "^1.0.7",
@@ -1379,7 +1374,6 @@
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
             "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "dev": true,
             "engines": {
                 "iojs": ">=1.0.0",
                 "node": ">=0.10.0"
@@ -1404,7 +1398,6 @@
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
             "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -1427,7 +1420,6 @@
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
             "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1436,7 +1428,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
             "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -1444,11 +1435,21 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/tailwind-scrollbar": {
+            "version": "2.1.0-preview.0",
+            "resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-2.1.0-preview.0.tgz",
+            "integrity": "sha512-FEyIS5G92onTdp+HbDyP2+hT6bSLFOWqzkWY03PujxmBDeQeqOL9xnmTYDzqFFpOAZWJCHx1QYUo8M18bMNpnA==",
+            "engines": {
+                "node": ">=12.13.0"
+            },
+            "peerDependencies": {
+                "tailwindcss": "3.x"
+            }
+        },
         "node_modules/tailwindcss": {
             "version": "3.1.8",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
             "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
-            "dev": true,
             "dependencies": {
                 "arg": "^5.0.2",
                 "chokidar": "^3.5.3",
@@ -1488,7 +1489,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
             "dependencies": {
                 "is-number": "^7.0.0"
             },
@@ -1525,8 +1525,7 @@
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
         },
         "node_modules/vite": {
             "version": "3.1.8",
@@ -1586,7 +1585,6 @@
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
             "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-            "dev": true,
             "engines": {
                 "node": ">=0.4"
             }
@@ -1595,7 +1593,6 @@
             "version": "1.10.2",
             "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
             "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
@@ -1620,7 +1617,6 @@
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
             "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
             "requires": {
                 "@nodelib/fs.stat": "2.0.5",
                 "run-parallel": "^1.1.9"
@@ -1629,19 +1625,22 @@
         "@nodelib/fs.stat": {
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
         },
         "@nodelib/fs.walk": {
             "version": "1.2.8",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
             "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
             "requires": {
                 "@nodelib/fs.scandir": "2.1.5",
                 "fastq": "^1.6.0"
             }
         },
+        "@popperjs/core": {
+            "version": "2.11.6",
+            "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+            "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
+        },
         "@tailwindcss/forms": {
             "version": "0.5.3",
             "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
@@ -1681,14 +1680,12 @@
         "acorn": {
             "version": "7.4.1",
             "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-            "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-            "dev": true
+            "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
         },
         "acorn-node": {
             "version": "1.8.2",
             "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
             "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-            "dev": true,
             "requires": {
                 "acorn": "^7.0.0",
                 "acorn-walk": "^7.0.0",
@@ -1698,8 +1695,7 @@
         "acorn-walk": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-            "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-            "dev": true
+            "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA=="
         },
         "alpinejs": {
             "version": "3.10.4",
@@ -1714,7 +1710,6 @@
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
             "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-            "dev": true,
             "requires": {
                 "normalize-path": "^3.0.0",
                 "picomatch": "^2.0.4"
@@ -1723,8 +1718,7 @@
         "arg": {
             "version": "5.0.2",
             "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
         },
         "asynckit": {
             "version": "0.4.0",
@@ -1759,14 +1753,12 @@
         "binary-extensions": {
             "version": "2.2.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-            "dev": true
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
         },
         "braces": {
             "version": "3.0.2",
             "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
             "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-            "dev": true,
             "requires": {
                 "fill-range": "^7.0.1"
             }
@@ -1786,8 +1778,7 @@
         "camelcase-css": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "dev": true
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
         },
         "caniuse-lite": {
             "version": "1.0.30001421",
@@ -1799,7 +1790,6 @@
             "version": "3.5.3",
             "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
             "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-            "dev": true,
             "requires": {
                 "anymatch": "~3.1.2",
                 "braces": "~3.0.2",
@@ -1815,7 +1805,6 @@
                     "version": "5.1.2",
                     "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
                     "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-                    "dev": true,
                     "requires": {
                         "is-glob": "^4.0.1"
                     }
@@ -1825,8 +1814,7 @@
         "color-name": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-            "dev": true
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "combined-stream": {
             "version": "1.0.8",
@@ -1840,14 +1828,12 @@
         "cssesc": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "dev": true
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
         },
         "defined": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
-            "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
-            "dev": true
+            "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q=="
         },
         "delayed-stream": {
             "version": "1.0.0",
@@ -1859,7 +1845,6 @@
             "version": "5.2.1",
             "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
             "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-            "dev": true,
             "requires": {
                 "acorn-node": "^1.8.2",
                 "defined": "^1.0.0",
@@ -1869,14 +1854,12 @@
         "didyoumean": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-            "dev": true
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
         },
         "dlv": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-            "dev": true
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
         },
         "electron-to-chromium": {
             "version": "1.4.284",
@@ -2064,7 +2047,6 @@
             "version": "3.2.12",
             "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.12.tgz",
             "integrity": "sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==",
-            "dev": true,
             "requires": {
                 "@nodelib/fs.stat": "^2.0.2",
                 "@nodelib/fs.walk": "^1.2.3",
@@ -2077,7 +2059,6 @@
                     "version": "5.1.2",
                     "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
                     "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-                    "dev": true,
                     "requires": {
                         "is-glob": "^4.0.1"
                     }
@@ -2088,7 +2069,6 @@
             "version": "1.13.0",
             "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
             "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-            "dev": true,
             "requires": {
                 "reusify": "^1.0.4"
             }
@@ -2097,11 +2077,19 @@
             "version": "7.0.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
             "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-            "dev": true,
             "requires": {
                 "to-regex-range": "^5.0.1"
             }
         },
+        "flowbite": {
+            "version": "1.5.3",
+            "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-1.5.3.tgz",
+            "integrity": "sha512-e2OHfndxTHtGMqcPqvqwg3gGLg57hmIDVgE/BazMDccgirQ0JEtirKnbZZ4WSOIEhNDgO9pJZuyC8rRlcMm6pQ==",
+            "requires": {
+                "@popperjs/core": "^2.9.3",
+                "mini-svg-data-uri": "^1.4.3"
+            }
+        },
         "follow-redirects": {
             "version": "1.15.2",
             "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -2129,20 +2117,17 @@
             "version": "2.3.2",
             "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
             "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-            "dev": true,
             "optional": true
         },
         "function-bind": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-            "dev": true
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
         },
         "glob-parent": {
             "version": "6.0.2",
             "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
             "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
             "requires": {
                 "is-glob": "^4.0.3"
             }
@@ -2151,7 +2136,6 @@
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
             "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-            "dev": true,
             "requires": {
                 "function-bind": "^1.1.1"
             }
@@ -2160,7 +2144,6 @@
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
             "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "dev": true,
             "requires": {
                 "binary-extensions": "^2.0.0"
             }
@@ -2169,7 +2152,6 @@
             "version": "2.10.0",
             "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
             "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
-            "dev": true,
             "requires": {
                 "has": "^1.0.3"
             }
@@ -2177,14 +2159,12 @@
         "is-extglob": {
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "dev": true
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
         },
         "is-glob": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
             "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "dev": true,
             "requires": {
                 "is-extglob": "^2.1.1"
             }
@@ -2192,8 +2172,7 @@
         "is-number": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "dev": true
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
         },
         "laravel-vite-plugin": {
             "version": "0.6.1",
@@ -2207,8 +2186,7 @@
         "lilconfig": {
             "version": "2.0.6",
             "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
-            "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
-            "dev": true
+            "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg=="
         },
         "lodash": {
             "version": "4.17.21",
@@ -2237,14 +2215,12 @@
         "merge2": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
         },
         "micromatch": {
             "version": "4.0.5",
             "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
             "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-            "dev": true,
             "requires": {
                 "braces": "^3.0.2",
                 "picomatch": "^2.3.1"
@@ -2268,20 +2244,17 @@
         "mini-svg-data-uri": {
             "version": "1.4.4",
             "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-            "dev": true
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg=="
         },
         "minimist": {
             "version": "1.2.7",
             "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-            "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
-            "dev": true
+            "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g=="
         },
         "nanoid": {
             "version": "3.3.4",
             "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-            "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-            "dev": true
+            "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
         },
         "node-releases": {
             "version": "2.0.6",
@@ -2292,8 +2265,7 @@
         "normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "dev": true
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
         },
         "normalize-range": {
             "version": "0.1.2",
@@ -2304,38 +2276,32 @@
         "object-hash": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "dev": true
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
         },
         "path-parse": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
         },
         "picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-            "dev": true
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
         },
         "picomatch": {
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "dev": true
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
         },
         "pify": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "dev": true
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
         },
         "postcss": {
             "version": "8.4.18",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
             "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
-            "dev": true,
             "requires": {
                 "nanoid": "^3.3.4",
                 "picocolors": "^1.0.0",
@@ -2346,7 +2312,6 @@
             "version": "14.1.0",
             "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
             "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-            "dev": true,
             "requires": {
                 "postcss-value-parser": "^4.0.0",
                 "read-cache": "^1.0.0",
@@ -2357,7 +2322,6 @@
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
             "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
-            "dev": true,
             "requires": {
                 "camelcase-css": "^2.0.1"
             }
@@ -2366,7 +2330,6 @@
             "version": "3.1.4",
             "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
             "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-            "dev": true,
             "requires": {
                 "lilconfig": "^2.0.5",
                 "yaml": "^1.10.2"
@@ -2376,7 +2339,6 @@
             "version": "5.0.6",
             "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
             "integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-            "dev": true,
             "requires": {
                 "postcss-selector-parser": "^6.0.6"
             }
@@ -2385,7 +2347,6 @@
             "version": "6.0.10",
             "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
             "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-            "dev": true,
             "requires": {
                 "cssesc": "^3.0.0",
                 "util-deprecate": "^1.0.2"
@@ -2394,26 +2355,35 @@
         "postcss-value-parser": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+        },
+        "prettier": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+            "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==",
             "dev": true
         },
+        "prettier-plugin-tailwindcss": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz",
+            "integrity": "sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==",
+            "dev": true,
+            "requires": {}
+        },
         "queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
         },
         "quick-lru": {
             "version": "5.1.1",
             "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-            "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-            "dev": true
+            "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA=="
         },
         "read-cache": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
             "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dev": true,
             "requires": {
                 "pify": "^2.3.0"
             }
@@ -2422,7 +2392,6 @@
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
             "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-            "dev": true,
             "requires": {
                 "picomatch": "^2.2.1"
             }
@@ -2431,7 +2400,6 @@
             "version": "1.22.1",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
             "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-            "dev": true,
             "requires": {
                 "is-core-module": "^2.9.0",
                 "path-parse": "^1.0.7",
@@ -2441,8 +2409,7 @@
         "reusify": {
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "dev": true
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
         },
         "rollup": {
             "version": "2.78.1",
@@ -2457,7 +2424,6 @@
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
             "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
             "requires": {
                 "queue-microtask": "^1.2.2"
             }
@@ -2465,20 +2431,23 @@
         "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==",
-            "dev": true
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
         },
         "supports-preserve-symlinks-flag": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+        },
+        "tailwind-scrollbar": {
+            "version": "2.1.0-preview.0",
+            "resolved": "https://registry.npmjs.org/tailwind-scrollbar/-/tailwind-scrollbar-2.1.0-preview.0.tgz",
+            "integrity": "sha512-FEyIS5G92onTdp+HbDyP2+hT6bSLFOWqzkWY03PujxmBDeQeqOL9xnmTYDzqFFpOAZWJCHx1QYUo8M18bMNpnA==",
+            "requires": {}
         },
         "tailwindcss": {
             "version": "3.1.8",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
             "integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
-            "dev": true,
             "requires": {
                 "arg": "^5.0.2",
                 "chokidar": "^3.5.3",
@@ -2508,7 +2477,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "dev": true,
             "requires": {
                 "is-number": "^7.0.0"
             }
@@ -2526,8 +2494,7 @@
         "util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
         },
         "vite": {
             "version": "3.1.8",
@@ -2555,14 +2522,12 @@
         "xtend": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-            "dev": true
+            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
         },
         "yaml": {
             "version": "1.10.2",
             "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-            "dev": true
+            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
         }
     }
 }
diff --git a/package.json b/package.json
index b0c71ec..cab0940 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,13 @@
         "laravel-vite-plugin": "^0.6.0",
         "lodash": "^4.17.19",
         "postcss": "^8.4.14",
+        "prettier": "^2.7.1",
+        "prettier-plugin-tailwindcss": "^0.1.13",
         "tailwindcss": "^3.1.0",
         "vite": "^3.0.0"
+    },
+    "dependencies": {
+        "flowbite": "^1.5.3",
+        "tailwind-scrollbar": "^2.1.0-preview.0"
     }
 }
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 0d0c9c9..ab9993d 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,6 +1,6 @@
 <x-app-layout>
     <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-300 leading-tight">
             {{ __('Dashboard') }}
         </h2>
     </x-slot>
@@ -8,8 +8,9 @@
     <div class="py-12">
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
-                <x-jet-welcome />
+{{--                <x-jet-welcome />--}}
             </div>
+
         </div>
     </div>
 </x-app-layout>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 5b4e7b1..8f9b47f 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -1,44 +1,62 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
-
-        <title>{{ config('app.name', 'Laravel') }}</title>
-
-        <!-- Fonts -->
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
+      x-data="{
+            darkMode: localStorage.getItem('dark') === 'true'
+      }"
+      x-init="$watch('darkMode', function(val){
+        localStorage.setItem('dark', val);
+        console.log(darkMode);
+      })"
+      x-bind:class="{ 'dark': darkMode }"
+
+>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>{{ config('app.name', 'OMJ task Manager') }}</title>
+
+    <!-- Fonts -->
 {{--        <link rel="stylesheet" href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap">--}}
 
-        <!-- Scripts -->
-        @vite(['resources/css/app.css', 'resources/js/app.js'])
-
-        <!-- Styles -->
-        @livewireStyles
-    </head>
-    <body class="font-sans antialiased">
-        <x-jet-banner />
-
-        <div class="min-h-screen bg-gray-100">
-            @livewire('navigation-menu')
-
-            <!-- Page Heading -->
-            @if (isset($header))
-                <header class="bg-white shadow">
-                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-                        {{ $header }}
-                    </div>
-                </header>
-            @endif
-
-            <!-- Page Content -->
-            <main>
-                {{ $slot }}
-            </main>
-        </div>
-
-        @stack('modals')
-
-        @livewireScripts
-    </body>
+<!-- Scripts -->
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+
+    <!-- Styles -->
+    @livewireStyles
+</head>
+<body class="font-sans antialiased">
+<x-jet-banner/>
+
+<div class="flex flex-col min-h-screen bg-gray-100 dark:bg-oblue-600">
+    @livewire('navigation-menu')
+
+    <!-- Page Heading -->
+    @if (isset($header))
+        <header class="bg-white shadow dark:bg-oblue-400 ">
+            <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+                {{ $header }}
+            </div>
+        </header>
+@endif
+
+<!-- Page Content -->
+    <main class="h-full">
+        {{ $slot }}
+    </main>
+
+    <footer class="p-4 mt-auto justify-between bg-white shadow md:px-6 md:py-8 dark:bg-oblue-700">
+        <span class="block xs:text-xs md:text-sm text-gray-500 text-center dark:text-olblue-600 sm:text-center dark:text-gray-400">© 2022 <a
+                href="https://www.omjournal.org"
+                class="hover:underline">Oman Medical Journal™</a>. All Rights Reserved.
+    </span>
+    </footer>
+</div>
+
+@stack('modals')
+<script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js" defer></script>
+@livewireScripts
+
+</body>
 </html>
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index e796feb..1ea28c1 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -18,4 +18,5 @@
             {{ $slot }}
         </div>
     </body>
+    <script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js" defer></script>
 </html>
diff --git a/resources/views/navigation-menu.blade.php b/resources/views/navigation-menu.blade.php
index 9ce13ca..f6d9e4b 100644
--- a/resources/views/navigation-menu.blade.php
+++ b/resources/views/navigation-menu.blade.php
@@ -1,4 +1,4 @@
-<nav x-data="{ open: false }" class="bg-white border-b border-gray-100">
+<nav x-data="{ open: false }" class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 rounded dark:bg-oblue-400">
     <!-- Primary Navigation Menu -->
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-between h-16">
@@ -6,7 +6,9 @@
                 <!-- Logo -->
                 <div class="shrink-0 flex items-center">
                     <a href="{{ route('dashboard') }}">
-                        <x-jet-application-mark class="block h-9 w-auto" />
+                        <img x-show="darkMode" class="w-14 h-14" src="{{ asset('storage/logo-dark.svg') }}" alt="">
+                        <img x-show="!darkMode" class="w-14 h-14" src="{{ asset('storage/logo-light.svg') }}" alt="">
+{{--                        <x-jet-application-mark class="block h-9 w-auto"/>--}}
                     </a>
                 </div>
 
@@ -18,18 +20,22 @@
                 </div>
             </div>
 
-            <div class="hidden sm:flex sm:items-center sm:ml-6">
+            <div class="xs:flex sm:items-center sm:ml-6">
                 <!-- Teams Dropdown -->
                 @if (Laravel\Jetstream\Jetstream::hasTeamFeatures())
                     <div class="ml-3 relative">
                         <x-jet-dropdown align="right" width="60">
                             <x-slot name="trigger">
                                 <span class="inline-flex rounded-md">
-                                    <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:bg-gray-50 hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition">
+                                    <button type="button"
+                                            class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:bg-gray-50 hover:text-gray-700 focus:outline-none focus:bg-gray-50 active:bg-gray-50 transition">
                                         {{ Auth::user()->currentTeam->name }}
 
-                                        <svg class="ml-2 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                        <svg class="ml-2 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg"
+                                             viewBox="0 0 20 20" fill="currentColor">
+                                            <path fill-rule="evenodd"
+                                                  d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z"
+                                                  clip-rule="evenodd"/>
                                         </svg>
                                     </button>
                                 </span>
@@ -43,7 +49,8 @@
                                     </div>
 
                                     <!-- Team Settings -->
-                                    <x-jet-dropdown-link href="{{ route('teams.show', Auth::user()->currentTeam->id) }}">
+                                    <x-jet-dropdown-link
+                                        href="{{ route('teams.show', Auth::user()->currentTeam->id) }}">
                                         {{ __('Team Settings') }}
                                     </x-jet-dropdown-link>
 
@@ -61,7 +68,7 @@
                                     </div>
 
                                     @foreach (Auth::user()->allTeams() as $team)
-                                        <x-jet-switchable-team :team="$team" />
+                                        <x-jet-switchable-team :team="$team"/>
                                     @endforeach
                                 </div>
                             </x-slot>
@@ -69,21 +76,53 @@
                     </div>
                 @endif
 
+
+
+            <!-- Darkmode toggle -->
+                <div class="ml-3  h-[32px] w-[32px] relative">
+                    <button
+                        @click.prevent=" darkMode = !darkMode"
+                        x-init="$watch('darkMode',function(val){
+                                    })"
+                        class="h-[32px] w-[32px]  bg-gray-100 rounded-full hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-100/[0.2] dark:group-hover:text-gray-300 focus:outline-none focus:ring"
+                        :class="{'bg-white':darkMode===false }"
+                    >
+                        <svg wire:ignore x-cloak x-show="darkMode" class="h-[32px] w-[32px] text-gray-400 p-2"
+                             xmlns="http://www.w3.org/2000/svg" class="h-[32px] w-[32px]" viewBox="0 0 20 20"
+                             fill="currentColor">
+                            <path fill-rule="evenodd"
+                                  d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
+                                  clip-rule="evenodd"/>
+                        </svg>
+                        <svg wire:ignore x-cloak x-show="!darkMode" class="h-[32px] w-[32px] text-gray-500 p-2"
+                             xmlns="http://www.w3.org/2000/svg" class="h-[32px] w-[32px]" viewBox="0 0 20 20"
+                             fill="currentColor">
+                            <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/>
+                        </svg>
+                    </button>
+                </div>
                 <!-- Settings Dropdown -->
+
                 <div class="ml-3 relative">
                     <x-jet-dropdown align="right" width="48">
                         <x-slot name="trigger">
                             @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-                                <button class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition">
-                                    <img class="h-8 w-8 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
+                                <button
+                                    class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 focus:dark:border-gray-200 dark:bg-gray-700 dark:hover:bg-gray-100/[0.2] transition">
+                                    <img class="h-8 w-8 rounded-full object-cover"
+                                         src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}"/>
                                 </button>
                             @else
                                 <span class="inline-flex rounded-md">
-                                    <button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 focus:outline-none transition">
+                                    <button type="button"
+                                            class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 bg-white hover:text-gray-700 dark:bg-gray-700 dark:hover:bg-gray-100/[0.2] focus:outline-none transition">
                                         {{ Auth::user()->name }}
 
-                                        <svg class="ml-2 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-                                            <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
+                                        <svg class="ml-2 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg"
+                                             viewBox="0 0 20 20" fill="currentColor">
+                                            <path fill-rule="evenodd"
+                                                  d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                                                  clip-rule="evenodd"/>
                                         </svg>
                                     </button>
                                 </span>
@@ -92,7 +131,7 @@
 
                         <x-slot name="content">
                             <!-- Account Management -->
-                            <div class="block px-4 py-2 text-xs text-gray-400">
+                            <div class="block px-4 py-2 text-xs text-gray-400 text-olblue-600">
                                 {{ __('Manage Account') }}
                             </div>
 
@@ -106,14 +145,14 @@
                                 </x-jet-dropdown-link>
                             @endif
 
-                            <div class="border-t border-gray-100"></div>
+                            <div class="border-t border-gray-100 dark:border-olblue-800 " ></div>
 
                             <!-- Authentication -->
                             <form method="POST" action="{{ route('logout') }}" x-data>
                                 @csrf
 
                                 <x-jet-dropdown-link href="{{ route('logout') }}"
-                                         @click.prevent="$root.submit();">
+                                                     @click.prevent="$root.submit();">
                                     {{ __('Log Out') }}
                                 </x-jet-dropdown-link>
                             </form>
@@ -123,11 +162,15 @@
             </div>
 
             <!-- Hamburger -->
-            <div class="-mr-2 flex items-center sm:hidden">
-                <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition">
+            <div class="-mr-2 flex items-center xs:hidden">
+                <button @click="open = ! open"
+                        class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition">
                     <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
-                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
-                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
+                              stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                              d="M4 6h16M4 12h16M4 18h16"/>
+                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round"
+                              stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
                     </svg>
                 </button>
             </div>
@@ -143,38 +186,46 @@
         </div>
 
         <!-- Responsive Settings Options -->
-        <div class="pt-4 pb-1 border-t border-gray-200">
+        <div class="hidden pt-4 pb-1 border-t border-gray-200">
             <div class="flex items-center px-4">
                 @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
                     <div class="shrink-0 mr-3">
-                        <img class="h-10 w-10 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}" alt="{{ Auth::user()->name }}" />
+                        <img class="h-10 w-10 rounded-full object-cover" src="{{ Auth::user()->profile_photo_url }}"
+                             alt="{{ Auth::user()->name }}"/>
                     </div>
                 @endif
 
                 <div>
-                    <div class="font-medium text-base text-gray-800">{{ Auth::user()->name }}</div>
-                    <div class="font-medium text-sm text-gray-500">{{ Auth::user()->email }}</div>
+                    <div class="font-medium text-base text-gray-800 dark:text-olblue-500">{{ Auth::user()->name }}</div>
+                    <div class="font-medium text-sm text-gray-500 dark:text-olblue-300">{{ Auth::user()->email }}</div>
                 </div>
             </div>
 
             <div class="mt-3 space-y-1">
                 <!-- Account Management -->
-                <x-jet-responsive-nav-link href="{{ route('profile.show') }}" :active="request()->routeIs('profile.show')">
+                <x-jet-responsive-nav-link href="{{ route('profile.show') }}"
+                                           :active="request()->routeIs('profile.show')">
                     {{ __('Profile') }}
                 </x-jet-responsive-nav-link>
 
+                <!-- Toggle Dark/Light Modes -->
+                <x-jet-responsive-nav-link class="xs:block md:hidden" @click.prevent="darkMode = !darkMode">
+                  <span x-show="darkMode">Light Mode</span> <span x-show="!darkMode">Dark Mode</span>
+                </x-jet-responsive-nav-link>
+
                 @if (Laravel\Jetstream\Jetstream::hasApiFeatures())
-                    <x-jet-responsive-nav-link href="{{ route('api-tokens.index') }}" :active="request()->routeIs('api-tokens.index')">
+                    <x-jet-responsive-nav-link href="{{ route('api-tokens.index') }}"
+                                               :active="request()->routeIs('api-tokens.index')">
                         {{ __('API Tokens') }}
                     </x-jet-responsive-nav-link>
                 @endif
 
-                <!-- Authentication -->
+            <!-- Authentication -->
                 <form method="POST" action="{{ route('logout') }}" x-data>
                     @csrf
 
                     <x-jet-responsive-nav-link href="{{ route('logout') }}"
-                                   @click.prevent="$root.submit();">
+                                               @click.prevent="$root.submit();">
                         {{ __('Log Out') }}
                     </x-jet-responsive-nav-link>
                 </form>
@@ -188,12 +239,14 @@
                     </div>
 
                     <!-- Team Settings -->
-                    <x-jet-responsive-nav-link href="{{ route('teams.show', Auth::user()->currentTeam->id) }}" :active="request()->routeIs('teams.show')">
+                    <x-jet-responsive-nav-link href="{{ route('teams.show', Auth::user()->currentTeam->id) }}"
+                                               :active="request()->routeIs('teams.show')">
                         {{ __('Team Settings') }}
                     </x-jet-responsive-nav-link>
 
                     @can('create', Laravel\Jetstream\Jetstream::newTeamModel())
-                        <x-jet-responsive-nav-link href="{{ route('teams.create') }}" :active="request()->routeIs('teams.create')">
+                        <x-jet-responsive-nav-link href="{{ route('teams.create') }}"
+                                                   :active="request()->routeIs('teams.create')">
                             {{ __('Create New Team') }}
                         </x-jet-responsive-nav-link>
                     @endcan
@@ -206,7 +259,7 @@
                     </div>
 
                     @foreach (Auth::user()->allTeams() as $team)
-                        <x-jet-switchable-team :team="$team" component="jet-responsive-nav-link" />
+                        <x-jet-switchable-team :team="$team" component="jet-responsive-nav-link"/>
                     @endforeach
                 @endif
             </div>
diff --git a/resources/views/vendor/jetstream/components/dropdown-link.blade.php b/resources/views/vendor/jetstream/components/dropdown-link.blade.php
index 6b608ff..dfefd5b 100644
--- a/resources/views/vendor/jetstream/components/dropdown-link.blade.php
+++ b/resources/views/vendor/jetstream/components/dropdown-link.blade.php
@@ -1 +1,2 @@
-<a {{ $attributes->merge(['class' => 'block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition']) }}>{{ $slot }}</a>
+<a {{ $attributes->merge(['class' => 'block px-4 py-2 text-sm leading-5 text-gray-700 dark:text-olblue-400
+hover:bg-gray-100 dark:hover:bg-oblue-300 focus:outline-none focus:bg-gray-100 dark:focus:bg-olblue-500 transition']) }}>{{ $slot }}</a>
diff --git a/resources/views/vendor/jetstream/components/dropdown.blade.php b/resources/views/vendor/jetstream/components/dropdown.blade.php
index 5fd9f91..18a7902 100644
--- a/resources/views/vendor/jetstream/components/dropdown.blade.php
+++ b/resources/views/vendor/jetstream/components/dropdown.blade.php
@@ -1,4 +1,4 @@
-@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white', 'dropdownClasses' => ''])
+@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white dark:bg-olblue-900', 'dropdownClasses' => ''])
 
 @php
 switch ($align) {
diff --git a/resources/views/vendor/jetstream/components/nav-link.blade.php b/resources/views/vendor/jetstream/components/nav-link.blade.php
index 7092642..85dba97 100644
--- a/resources/views/vendor/jetstream/components/nav-link.blade.php
+++ b/resources/views/vendor/jetstream/components/nav-link.blade.php
@@ -2,8 +2,8 @@
 
 @php
 $classes = ($active ?? false)
-            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition'
-            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition';
+            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-oblue-400 dark:border-oyellow-900 text-sm font-medium leading-5 text-oblue-600 dark:text-gray-200 focus:outline-none focus:border-oblue-700 transition'
+            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-oblue-600 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>
diff --git a/storage/app/public/logo-dark.svg b/storage/app/public/logo-dark.svg
new file mode 100644
index 0000000..25d12a3
--- /dev/null
+++ b/storage/app/public/logo-dark.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252.9 252.9" style="enable-background:new 0 0 252.9 252.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFCC01;}
+	.st1{fill:#05234B;}
+	.st2{fill:none;stroke:#13244A;stroke-width:2;stroke-miterlimit:10;}
+	.st3{fill:none;stroke:#FFFFFF;stroke-width:1.42;stroke-miterlimit:10;stroke-opacity:0;}
+	.st4{enable-background:new    ;}
+	.st5{font-family:'MyriadPro-Bold';}
+	.st6{font-size:25.51px;}
+</style>
+<path class="st0" d="M252.9,126.4c0,69.8-56.6,126.5-126.4,126.5C56.7,252.9,0,196.3,0,126.5S56.6,0,126.4,0l0,0
+	C196.3,0,252.9,56.6,252.9,126.4C252.9,126.4,252.9,126.4,252.9,126.4"/>
+<path class="st1" d="M89.3,117.4c0,14.8-6.6,23.2-13.4,28.7c-5.5,4.5-13,6.9-17.8,6.9c-18.5,0-33.7-14.8-33.7-35.7
+	c0-14.5,7.3-23.6,12.9-27.9c5.5-4.2,12.1-6.4,19-6.4C74.9,83,89.3,98.1,89.3,117.4z M40.9,91.9c-2.7,3-6.8,9.7-6.8,22.9
+	c0,9.6,3.4,19.8,9.1,26.7c4.3,5.1,9.7,8.6,16.1,8.6c5,0,9.7-2.9,12.9-6.4c5-5.4,7.4-15.4,7.4-24.1c0-14.4-8.6-34-26-34
+	C48.5,85.6,43.6,88.9,40.9,91.9z"/>
+<path class="st1" d="M109.1,84.7c2.4,0,9.1,0.3,13.5,0.3c0.5,0,0.9,0.8,1,1.1c0.3,2.2,1.9,6.1,5.5,14.4c3.2,7.6,11.3,27.1,15.4,35.1
+	c0.1,0.3,0.8,0,0.9-0.4c3.9-7.9,13.3-30.8,17.7-40.2c1.1-2.6,2.1-5.9,3.2-8.9c0.2-0.4,0.6-1.3,1-1.3c5.1-0.1,11.7-0.2,13.2-0.2
+	c1,0,1.9,0.2,1.9,0.8s-0.9,1.2-2,1.4c-6.1,1.2-6.6,2.9-6.6,6.4c-0.3,20.5,0.6,33.9,0.9,40.8c0.4,12.4,1,13.2,6.7,14.6
+	c1.5,0.4,2.1,0.9,2.1,1.6s-0.5,1-2.6,1c-2.4,0-8.1-0.5-11.9-0.5c-2.8,0-5.8,0.3-7.9,0.3c-1.7,0-2.2-0.4-2.2-1.1s0.8-1.1,2.1-1.4
+	c3.1-0.7,4.6-2.5,4.7-7.1c0.7-14.6,0.1-29.7-0.1-44c0-0.4-0.5-0.6-0.6-0.4c-4,8.3-15.3,35.4-17.4,40.8s-3.5,8.9-4.4,11.5
+	c-0.7,2-1.3,2.8-1.9,2.8s-1.4-1.8-1.9-3.2s-1.7-4.6-4.4-11.4c-4.5-11.2-10-25.2-15.3-37.8c-0.8-1.7-1.2,0.4-1.3,1.3
+	c-0.6,6.6-1.2,30.7-1.2,38.4c0,6.9,2.1,7.2,6.2,8.9c1,0.3,2.3,0.9,2.3,1.6c0,0.9-1.7,1.2-2.5,1.2c-1.3,0-4.4-0.4-8.5-0.4
+	c-4.4,0-6.5,0.5-7.8,0.5c-1.6,0-2.5-0.3-2.5-1.1s1-1,2.3-1.6c4.4-1.6,5.6-3.1,6.3-10.1c1.1-10.6,2.8-33.3,2.8-44
+	c0-1.4-1.3-5.2-2.8-6.1c-1.6-0.7-3.2-1.3-4.8-1.8c-0.8-0.2-1.5-0.7-1.5-1.4C107,84.9,107.7,84.7,109.1,84.7z"/>
+<path class="st1" d="M206.6,84.5c1.4,0,3.1,0.1,4.9,0.2s3.7,0.2,5.5,0.2s3.6-0.1,5.1-0.2s2.9-0.2,4.1-0.2c0.6,0,1.2,0,1.8,0.3
+	c0.3,0.1,0.4,0.4,0.4,0.8c0,0.3-0.2,0.5-0.4,0.7c-0.5,0.3-1.1,0.5-1.6,0.7c-2,0.5-3.2,1.1-3.8,2.5s-0.7,3.6-0.8,7.2
+	c-0.1,4.3-0.1,9.8-0.1,15.5s-0.1,11.5-0.1,16.6c-0.1,6.6-0.2,11.2-0.3,14.8s-0.3,6.1-0.6,8.3c-0.8,6.2-3.8,11.8-9.3,15
+	c-5.1,3.2-11.2,4.3-17.1,3.1c0-1.2,0-5.3,0-7.3c0-2.8,0-3.1,0-3.9c0.2,0,4.7,2.1,5.7,2.5c2.1,0.6,4.3,0.8,6.4,0.8
+	c0.8,0,1.6-0.3,2.2-0.7c0.7-0.5,1.3-1.1,1.8-1.9c1-2.1,1.7-4,2.1-8.2s0.5-10.7,0.5-22c0-6.3-0.1-11.8-0.1-17s-0.2-9.8-0.3-14.5
+	c-0.1-4.1-0.3-6.6-1.2-8.1s-2.4-2.2-5-2.8c-0.6-0.1-1.1-0.3-1.6-0.6c-0.3-0.1-0.5-0.4-0.5-0.7c0-0.3,0.3-0.6,0.6-0.8
+	C205.4,84.5,206,84.4,206.6,84.5z"/>
+<line class="st2" x1="96.3" y1="83.5" x2="96.3" y2="153.5"/>
+<line class="st3" x1="96.3" y1="83.5" x2="96.3" y2="153.5"/>
+<line class="st2" x1="192.2" y1="83.5" x2="192.2" y2="153.5"/>
+<line class="st3" x1="192.2" y1="83.5" x2="192.2" y2="153.5"/>
+<g class="st4">
+	<path d="M47.4,164.4c0,3.9-2.4,6.3-6,6.3c-3.6,0-5.7-2.7-5.7-6.1c0-3.6,2.3-6.3,5.9-6.3C45.3,158.3,47.4,161.1,47.4,164.4z
+		 M38.5,164.6c0,2.4,1.1,4,3,4c1.9,0,2.9-1.7,2.9-4.1c0-2.2-1-4-3-4C39.6,160.5,38.5,162.3,38.5,164.6z"/>
+	<path d="M59.5,166c-0.1-1.4-0.1-3.2-0.1-4.9h-0.1c-0.4,1.5-0.9,3.2-1.4,4.7l-1.5,4.7h-2.2l-1.3-4.7c-0.4-1.4-0.8-3.1-1.1-4.7h0
+		c-0.1,1.6-0.1,3.5-0.2,5l-0.2,4.6h-2.6l0.8-12h3.7l1.2,4c0.4,1.4,0.8,2.9,1,4.3h0.1c0.3-1.4,0.8-3,1.2-4.3l1.3-4h3.6l0.7,12h-2.7
+		L59.5,166z"/>
+	<path d="M67.3,167.5l-0.9,3.1h-2.9l3.7-12H71l3.8,12h-3l-0.9-3.1H67.3z M70.4,165.4l-0.8-2.6c-0.2-0.7-0.4-1.6-0.6-2.3h0
+		c-0.2,0.7-0.4,1.6-0.6,2.3l-0.7,2.6H70.4z"/>
+	<path d="M76.4,170.6v-12h3.2l2.5,4.4c0.7,1.3,1.4,2.8,2,4.1h0.1c-0.2-1.6-0.2-3.2-0.2-5v-3.5h2.5v12h-2.9l-2.6-4.6
+		c-0.7-1.3-1.5-2.8-2.1-4.2l-0.1,0c0.1,1.6,0.1,3.3,0.1,5.2v3.6H76.4z"/>
+</g>
+<text transform="matrix(1.02 0 0 1 71.2596 170.5703)" class="st5 st6">  </text>
+<g class="st4">
+	<path d="M89.7,166c-0.1-1.4-0.1-3.2-0.1-4.9h-0.1c-0.4,1.5-0.9,3.2-1.4,4.7l-1.5,4.7h-2.2l-1.3-4.7c-0.4-1.4-0.8-3.1-1.1-4.7h0
+		c-0.1,1.6-0.1,3.5-0.2,5l-0.2,4.6h-2.6l0.8-12h3.7l1.2,4c0.4,1.4,0.8,2.9,1,4.3h0.1c0.3-1.4,0.8-3,1.2-4.3l1.3-4H92l0.7,12h-2.7
+		L89.7,166z"/>
+	<path d="M102,165.5h-4.5v2.9h5v2.2h-7.8v-12h7.5v2.2h-4.8v2.5h4.5V165.5z"/>
+	<path d="M104.4,158.7c1-0.2,2.3-0.2,3.7-0.2c2.3,0,3.8,0.4,5,1.3c1.3,0.9,2.1,2.4,2.1,4.5c0,2.3-0.9,3.9-2,4.9
+		c-1.3,1.1-3.2,1.6-5.6,1.6c-1.4,0-2.4-0.1-3.1-0.2V158.7z M107.2,168.5c0.2,0.1,0.6,0.1,1,0.1c2.5,0,4.1-1.3,4.1-4.2
+		c0-2.5-1.5-3.8-3.8-3.8c-0.6,0-1,0.1-1.2,0.1V168.5z"/>
+	<path d="M119.8,158.5v12H117v-12H119.8z"/>
+	<path d="M131.2,170.2c-0.5,0.2-1.6,0.5-3.1,0.5c-4.2,0-6.4-2.6-6.4-6c0-4.1,3-6.4,6.7-6.4c1.4,0,2.5,0.3,3,0.5l-0.6,2.2
+		c-0.6-0.2-1.3-0.4-2.3-0.4c-2.2,0-3.9,1.3-3.9,4c0,2.4,1.4,3.9,3.9,3.9c0.8,0,1.8-0.2,2.3-0.4L131.2,170.2z"/>
+	<path d="M135.8,167.5l-0.9,3.1h-2.9l3.7-12h3.6l3.8,12h-3l-0.9-3.1H135.8z M138.9,165.4l-0.8-2.6c-0.2-0.7-0.4-1.6-0.6-2.3h0
+		c-0.2,0.7-0.4,1.6-0.6,2.3l-0.7,2.6H138.9z"/>
+	<path d="M144.8,158.5h2.8v9.7h4.9v2.3h-7.6V158.5z"/>
+</g>
+<text transform="matrix(1.02 0 0 1 130.0096 170.5703)" class="st5 st6">  </text>
+<g class="st4">
+	<path d="M140.6,158.5h2.8v7.6c0,3.4-1.7,4.6-4.3,4.6c-0.6,0-1.5-0.1-2-0.3l0.3-2.2c0.4,0.1,0.9,0.2,1.4,0.2c1.2,0,1.9-0.5,1.9-2.4
+		V158.5z"/>
+	<path d="M156.8,164.4c0,3.9-2.4,6.3-6,6.3c-3.6,0-5.7-2.7-5.7-6.1c0-3.6,2.3-6.3,5.9-6.3C154.7,158.3,156.8,161.1,156.8,164.4z
+		 M148,164.6c0,2.4,1.1,4,3,4c1.9,0,2.9-1.7,2.9-4.1c0-2.2-1.1-4-3-4C149.1,160.5,148,162.3,148,164.6z"/>
+	<path d="M161.4,158.5v6.9c0,2.1,0.8,3.1,2.2,3.1c1.4,0,2.2-1,2.2-3.1v-6.9h2.8v6.7c0,3.7-1.9,5.5-5.1,5.5c-3.1,0-4.9-1.7-4.9-5.5
+		v-6.7H161.4z"/>
+	<path d="M171,158.7c0.9-0.1,2.2-0.2,3.7-0.2c1.8,0,3.1,0.3,3.9,0.9c0.7,0.6,1.1,1.4,1.1,2.5c0,1.5-1.1,2.6-2.2,3v0.1
+		c0.9,0.3,1.3,1.1,1.6,2.2c0.4,1.4,0.8,2.9,1,3.4h-2.8c-0.2-0.3-0.5-1.3-0.9-2.8c-0.3-1.5-0.9-1.9-2-1.9h-0.8v4.7H171V158.7z
+		 M173.7,163.9h1.1c1.4,0,2.2-0.7,2.2-1.7c0-1.1-0.8-1.7-2-1.7c-0.7,0-1.1,0.1-1.2,0.1V163.9z"/>
+	<path d="M181.7,170.6v-12h3.2l2.5,4.4c0.7,1.3,1.4,2.8,2,4.1h0.1c-0.2-1.6-0.2-3.2-0.2-5v-3.5h2.5v12h-2.9l-2.6-4.6
+		c-0.7-1.3-1.5-2.8-2.1-4.2l-0.1,0c0.1,1.6,0.1,3.3,0.1,5.2v3.6H181.7z"/>
+	<path d="M197,167.5l-0.9,3.1h-2.9l3.7-12h3.6l3.8,12h-3l-0.9-3.1H197z M200.1,165.4l-0.8-2.6c-0.2-0.7-0.4-1.6-0.6-2.3h0
+		c-0.2,0.7-0.4,1.6-0.6,2.3l-0.7,2.6H200.1z"/>
+	<path d="M206.1,158.5h2.8v9.7h4.9v2.3h-7.6V158.5z"/>
+</g>
+</svg>
diff --git a/storage/app/public/logo-light.svg b/storage/app/public/logo-light.svg
new file mode 100644
index 0000000..c0b5ca0
--- /dev/null
+++ b/storage/app/public/logo-light.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.92 252.92"><defs><style>.cls-1{fill:#05234b;}.cls-2{fill:#ffcc01;}.cls-3,.cls-4{fill:none;stroke-miterlimit:10;}.cls-3{stroke:#ffcc01;stroke-width:2px;}.cls-4{stroke:#fff;stroke-width:1.42px;opacity:0;}.cls-5{font-size:25.51px;fill:#fff;font-family:MyriadPro-BoldCond, Myriad Pro;font-weight:700;}</style></defs><path class="cls-1" d="M252.91,126.42A126.46,126.46,0,1,1,126.41,0h0A126.45,126.45,0,0,1,252.91,126.42" transform="translate(0.01 0)"/><path class="cls-2" d="M89.34,117.36c0,14.83-6.64,23.18-13.37,28.74-5.5,4.54-13,6.91-17.82,6.91-18.49,0-33.66-14.84-33.66-35.65,0-14.53,7.3-23.6,12.89-27.93a31.1,31.1,0,0,1,19-6.39C74.93,83,89.34,98.09,89.34,117.36ZM40.89,91.91c-2.65,3-6.83,9.68-6.83,22.87,0,9.58,3.42,19.78,9.11,26.69,4.26,5.15,9.67,8.65,16.11,8.65,5,0,9.68-2.88,12.9-6.39,5-5.35,7.4-15.35,7.4-24.11,0-14.42-8.63-34-26-34C48.47,85.62,43.64,88.92,40.89,91.91Z" transform="translate(0.01 0)"/><path class="cls-2" d="M109.07,84.69c2.37,0,9.11.31,13.47.31.47,0,.94.83,1,1.13.28,2.17,1.9,6.08,5.5,14.43,3.22,7.62,11.28,27.1,15.45,35.14.1.31.76,0,.95-.42,3.89-7.93,13.28-30.8,17.73-40.18,1.14-2.58,2.09-5.87,3.23-8.86.19-.41.57-1.34,1-1.34,5.12-.11,11.66-.21,13.18-.21,1,0,1.9.21,1.9.83s-.95,1.23-2,1.44c-6.07,1.23-6.55,2.88-6.55,6.39-.28,20.5.57,33.9.86,40.8.38,12.37,1,13.19,6.73,14.63,1.52.41,2.08.93,2.08,1.65s-.47,1-2.65,1c-2.37,0-8.15-.51-11.85-.51-2.75,0-5.79.31-7.87.31-1.71,0-2.18-.42-2.18-1.14s.76-1.13,2.08-1.44c3.13-.72,4.55-2.47,4.74-7.11.67-14.63.1-29.68-.09-44,0-.41-.48-.62-.57-.41-4,8.35-15.27,35.44-17.45,40.8s-3.5,8.86-4.36,11.54c-.66,2-1.32,2.79-1.89,2.79s-1.43-1.76-1.9-3.2-1.71-4.64-4.36-11.44c-4.46-11.23-10-25.24-15.27-37.81-.76-1.65-1.23.41-1.33,1.34-.56,6.59-1.23,30.7-1.23,38.43,0,6.91,2.09,7.21,6.16,8.86,1,.31,2.28.93,2.28,1.65,0,.93-1.71,1.24-2.47,1.24-1.32,0-4.45-.41-8.53-.41-4.36,0-6.54.51-7.77.51-1.62,0-2.47-.31-2.47-1.13s1-1,2.28-1.55c4.45-1.65,5.59-3.09,6.35-10.1,1.14-10.61,2.75-33.28,2.84-44,0-1.45-1.32-5.16-2.84-6.08a33,33,0,0,0-4.84-1.75c-.75-.21-1.51-.73-1.51-1.45C107,84.9,107.65,84.69,109.07,84.69Z" transform="translate(0.01 0)"/><path class="cls-2" d="M206.6,84.49c1.38,0,3.08.1,4.9.2s3.73.21,5.53.21,3.58-.08,5.1-.16,2.87-.15,4.1-.15a3.84,3.84,0,0,1,1.77.28.77.77,0,0,1,.41.75.86.86,0,0,1-.44.67,5,5,0,0,1-1.64.67c-2,.51-3.16,1.11-3.77,2.48s-.74,3.55-.78,7.2c-.05,4.33-.08,9.82-.1,15.49s-.05,11.52-.1,16.57c-.09,6.59-.19,11.25-.34,14.83s-.34,6.07-.63,8.33c-.8,6.18-3.8,11.75-9.27,15a23.3,23.3,0,0,1-17.06,3.06c0-1.25,0-5.3,0-7.33,0-2.83,0-3.11,0-3.86.23,0,4.7,2.13,5.7,2.47a22.15,22.15,0,0,0,6.43.76,4.07,4.07,0,0,0,2.21-.71,5.92,5.92,0,0,0,1.78-1.87c1-2.06,1.7-4,2.11-8.18s.54-10.73.54-22c0-6.28-.05-11.82-.13-17s-.2-9.85-.34-14.48c-.05-4.12-.29-6.57-1.16-8.13s-2.4-2.23-5-2.79a4.78,4.78,0,0,1-1.65-.6.94.94,0,0,1-.53-.74.84.84,0,0,1,.58-.75A4.51,4.51,0,0,1,206.6,84.49Z" transform="translate(0.01 0)"/><line class="cls-3" x1="96.27" y1="83.51" x2="96.27" y2="153.47"/><line class="cls-4" x1="96.27" y1="83.51" x2="96.27" y2="153.47"/><line class="cls-3" x1="192.15" y1="83.51" x2="192.15" y2="153.47"/><line class="cls-4" x1="192.15" y1="83.51" x2="192.15" y2="153.47"/><text class="cls-5" transform="translate(34.99 170.57) scale(0.71 0.7)">OMAN</text><text class="cls-5" transform="translate(71.26 170.57) scale(1.02 1)"><tspan xml:space="preserve">  </tspan></text><text class="cls-5" transform="translate(78.23 170.57) scale(0.71 0.7)">MEDICAL</text><text class="cls-5" transform="translate(130.01 170.57) scale(1.02 1)"><tspan xml:space="preserve">  </tspan></text><text class="cls-5" transform="translate(136.98 170.57) scale(0.71 0.7)">JOURNAL</text></svg>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 721525b..49877c4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,9 +7,58 @@ module.exports = {
         './vendor/laravel/jetstream/**/*.blade.php',
         './storage/framework/views/*.php',
         './resources/views/**/*.blade.php',
+        "./node_modules/flowbite/**/*.js"
     ],
-
+    tailwindConfig: './styles/tailwind.config.js',
+    darkMode: 'class',
+    variants: {
+        scrollbar: ['dark']
+    },
     theme: {
+        colors: {
+          'oblue':{
+              100: '#05234B',
+              200: '#052044',
+              300: '#041C3C',
+              400: '#041935',
+              500: '#03152D',
+              600: '#031226',
+              700: '#020E1E',
+              800: '#010A16',
+              900: '#01070F',
+          },
+            'olblue':{
+                100: '#e6e9ed',
+                200: '#cdd3db',
+                300: '#b4bdc9',
+                400: '#9ba7b7',
+                500: '#8291a5',
+                600: '#697b93',
+                700: '#506581',
+                800: '#374f6f',
+                900: '#05234b',
+            },
+            'oyellow':{
+                900: '#FFCC01',
+                800: '#FFCC01',
+                700: '#FFD634',
+                600: '#FFDB4D',
+                500: '#FFE067',
+                400: '#ffe680',
+                300: '#FFEB99',
+                200: '#FFF0B3',
+                100: '#FFF5CC',
+            }
+        },
+        screens: {
+            xs: '320px',
+            sm: '480px',
+            md: '768px',
+            lg: '1024px',
+            xl: '1200px',
+            xxl: '1400px',
+            xxxl: '1600px',
+        },
         extend: {
             fontFamily: {
                 sans: ['Nunito', ...defaultTheme.fontFamily.sans],
@@ -17,5 +66,5 @@ module.exports = {
         },
     },
 
-    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
+    plugins: [require('@tailwindcss/forms'), require('tailwind-scrollbar'),require('@tailwindcss/typography'),require('flowbite/plugin'),require('prettier-plugin-tailwindcss')],
 };