From 1bffbb05744b6d093c46db3ca0f5cf8a11f32d86 Mon Sep 17 00:00:00 2001
From: Ridwan Abiola <ricklick262@gmail.com>
Date: Wed, 20 Sep 2023 17:15:25 +0100
Subject: [PATCH 1/3] fix: issues after eslint config

---
 cubeseed_login/.husky/pre-commit |   3 +-
 cubeseed_login/package-lock.json | 598 ++++++++++++++++++++++++++++++-
 cubeseed_login/package.json      |   3 +-
 3 files changed, 592 insertions(+), 12 deletions(-)

diff --git a/cubeseed_login/.husky/pre-commit b/cubeseed_login/.husky/pre-commit
index 53e3ede..f9daf63 100755
--- a/cubeseed_login/.husky/pre-commit
+++ b/cubeseed_login/.husky/pre-commit
@@ -2,5 +2,4 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 cd cubeseed_login
-# npx pretty-quick --staged
-# npm run pre-commit
+npx pretty-quick --staged
diff --git a/cubeseed_login/package-lock.json b/cubeseed_login/package-lock.json
index 8f7dad0..2c09856 100644
--- a/cubeseed_login/package-lock.json
+++ b/cubeseed_login/package-lock.json
@@ -30,7 +30,8 @@
         "eslint-config-prettier": "^9.0.0",
         "husky": "^8.0.0",
         "postcss": "^8.4.25",
-        "prettier": "3.0.3",
+        "prettier": "^2.8.8",
+        "pretty-quick": "^3.1.3",
         "tailwindcss": "^3.3.2"
       }
     },
@@ -954,6 +955,12 @@
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
       "dev": true
     },
+    "node_modules/@types/minimatch": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+      "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "20.1.4",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
@@ -1222,6 +1229,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-differ": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz",
+      "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/array-includes": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
@@ -1339,6 +1355,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -1820,6 +1845,15 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/enhanced-resolve": {
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
@@ -2520,6 +2554,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2720,6 +2777,21 @@
         "node": ">=6"
       }
     },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -2939,6 +3011,15 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.12.0"
+      }
+    },
     "node_modules/husky": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.3.tgz",
@@ -3275,6 +3356,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -3557,6 +3650,12 @@
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
       "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
     },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -3577,6 +3676,15 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -3597,12 +3705,37 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "node_modules/multimatch": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-4.0.0.tgz",
+      "integrity": "sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/minimatch": "^3.0.3",
+        "array-differ": "^3.0.0",
+        "array-union": "^2.1.0",
+        "arrify": "^2.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -3734,6 +3867,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -3867,6 +4012,21 @@
         "wrappy": "1"
       }
     },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
@@ -3914,6 +4074,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4119,20 +4288,162 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
-      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "dev": true,
       "bin": {
-        "prettier": "bin/prettier.cjs"
+        "prettier": "bin-prettier.js"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=10.13.0"
       },
       "funding": {
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/pretty-quick": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
+      "integrity": "sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^3.0.0",
+        "execa": "^4.0.0",
+        "find-up": "^4.1.0",
+        "ignore": "^5.1.4",
+        "mri": "^1.1.5",
+        "multimatch": "^4.0.0"
+      },
+      "bin": {
+        "pretty-quick": "bin/pretty-quick.js"
+      },
+      "engines": {
+        "node": ">=10.13"
+      },
+      "peerDependencies": {
+        "prettier": ">=2.0.0"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/pretty-quick/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
+    },
+    "node_modules/pretty-quick/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pretty-quick/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -4143,6 +4454,16 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -4564,6 +4885,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -4682,6 +5009,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -5853,6 +6189,12 @@
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
       "dev": true
     },
+    "@types/minimatch": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+      "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==",
+      "dev": true
+    },
     "@types/node": {
       "version": "20.1.4",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.1.4.tgz",
@@ -6046,6 +6388,12 @@
         "is-array-buffer": "^3.0.1"
       }
     },
+    "array-differ": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/array-differ/-/array-differ-3.0.0.tgz",
+      "integrity": "sha512-THtfYS6KtME/yIAhKjZ2ul7XI96lQGHRputJQHO80LAWQnuGP4iCIN8vdMRboGbIEYBwU33q8Tch1os2+X0kMg==",
+      "dev": true
+    },
     "array-includes": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
@@ -6130,6 +6478,12 @@
         "is-shared-array-buffer": "^1.0.2"
       }
     },
+    "arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "dev": true
+    },
     "ast-types-flow": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
@@ -6471,6 +6825,15 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
     "enhanced-resolve": {
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
@@ -7005,6 +7368,23 @@
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true
     },
+    "execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
+      }
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -7158,6 +7538,15 @@
       "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
       "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="
     },
+    "get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
     "get-symbol-description": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
@@ -7308,6 +7697,12 @@
         "react-is": "^16.7.0"
       }
     },
+    "human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "dev": true
+    },
     "husky": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.3.tgz",
@@ -7536,6 +7931,12 @@
         "call-bind": "^1.0.2"
       }
     },
+    "is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true
+    },
     "is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -7761,6 +8162,12 @@
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
       "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
     },
+    "merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7775,6 +8182,12 @@
         "picomatch": "^2.3.1"
       }
     },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true
+    },
     "minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -7789,12 +8202,31 @@
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "dev": true
     },
+    "mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "dev": true
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "multimatch": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-4.0.0.tgz",
+      "integrity": "sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==",
+      "dev": true,
+      "requires": {
+        "@types/minimatch": "^3.0.3",
+        "array-differ": "^3.0.0",
+        "array-union": "^2.1.0",
+        "arrify": "^2.0.1",
+        "minimatch": "^3.0.4"
+      }
+    },
     "mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
@@ -7867,6 +8299,15 @@
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
       "dev": true
     },
+    "npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "requires": {
+        "path-key": "^3.0.0"
+      }
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -7964,6 +8405,15 @@
         "wrappy": "1"
       }
     },
+    "onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
     "optionator": {
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
@@ -7996,6 +8446,12 @@
         "p-limit": "^3.0.2"
       }
     },
+    "p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true
+    },
     "parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -8119,11 +8575,113 @@
       "dev": true
     },
     "prettier": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.0.3.tgz",
-      "integrity": "sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==",
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "dev": true
     },
+    "pretty-quick": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
+      "integrity": "sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==",
+      "dev": true,
+      "requires": {
+        "chalk": "^3.0.0",
+        "execa": "^4.0.0",
+        "find-up": "^4.1.0",
+        "ignore": "^5.1.4",
+        "mri": "^1.1.5",
+        "multimatch": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "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
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+          "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+          "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+          "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -8134,6 +8692,16 @@
         "react-is": "^16.13.1"
       }
     },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "punycode": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
@@ -8400,6 +8968,12 @@
         "object-inspect": "^1.9.0"
       }
     },
+    "signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true
+    },
     "slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -8485,6 +9059,12 @@
       "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
       "dev": true
     },
+    "strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true
+    },
     "strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
diff --git a/cubeseed_login/package.json b/cubeseed_login/package.json
index ffb200a..56708e5 100644
--- a/cubeseed_login/package.json
+++ b/cubeseed_login/package.json
@@ -33,7 +33,8 @@
     "eslint-config-prettier": "^9.0.0",
     "husky": "^8.0.0",
     "postcss": "^8.4.25",
-    "prettier": "3.0.3",
+    "prettier": "^2.8.8",
+    "pretty-quick": "^3.1.3",
     "tailwindcss": "^3.3.2"
   }
 }

From 737ee96f655a3aa01b1702d2490d8dbbf715237e Mon Sep 17 00:00:00 2001
From: Ridwan Abiola <ricklick262@gmail.com>
Date: Wed, 20 Sep 2023 17:34:18 +0100
Subject: [PATCH 2/3] fix: issues after eslint config

---
 cubeseed_login/.eslintrc.json                 |  5 +-
 cubeseed_login/.husky/pre-commit              |  1 +
 .../app/(farmer)/dashboard/layout.tsx         | 16 ++--
 cubeseed_login/components/create-invoice.tsx  | 94 ++++++++++---------
 cubeseed_login/components/create-success.tsx  | 45 +++++----
 cubeseed_login/components/header.tsx          | 16 ++--
 .../components/pieces/image-box.tsx           | 44 ++++-----
 cubeseed_login/components/pieces/input.tsx    | 44 ++++-----
 .../components/pieces/review-card.tsx         | 22 ++---
 cubeseed_login/components/view-invoice.tsx    | 92 +++++++++---------
 .../src/component/progressbar/ProgressBar.tsx | 45 +++++----
 .../src/component/uploadfile/Upload.tsx       | 63 ++++++-------
 .../src/comps/FarmWayBill/index.tsx           | 22 ++---
 .../src/comps/userCardInfo/userCardinfo.tsx   | 12 +--
 .../src/pages/dashboard/account_verified.tsx  | 19 ++--
 .../src/pages/dashboard/choose_course.tsx     | 24 ++---
 .../pages/dashboard/course_verification.tsx   | 19 ++--
 cubeseed_login/src/pages/index.tsx            | 45 ++++-----
 18 files changed, 330 insertions(+), 298 deletions(-)

diff --git a/cubeseed_login/.eslintrc.json b/cubeseed_login/.eslintrc.json
index 0a76b3a..78066e6 100644
--- a/cubeseed_login/.eslintrc.json
+++ b/cubeseed_login/.eslintrc.json
@@ -4,5 +4,8 @@
     "prettier",
     "plugin:tailwindcss/recommended"
   ],
-  "plugins": ["tailwindcss"]
+  "plugins": ["tailwindcss"],
+  "rules": {
+    "tailwindcss/no-custom-classname": "off"
+  }
 }
diff --git a/cubeseed_login/.husky/pre-commit b/cubeseed_login/.husky/pre-commit
index f9daf63..e38d2f1 100755
--- a/cubeseed_login/.husky/pre-commit
+++ b/cubeseed_login/.husky/pre-commit
@@ -3,3 +3,4 @@
 
 cd cubeseed_login
 npx pretty-quick --staged
+npm run pre-commit
diff --git a/cubeseed_login/app/(farmer)/dashboard/layout.tsx b/cubeseed_login/app/(farmer)/dashboard/layout.tsx
index 8354d6e..ef360f2 100644
--- a/cubeseed_login/app/(farmer)/dashboard/layout.tsx
+++ b/cubeseed_login/app/(farmer)/dashboard/layout.tsx
@@ -1,16 +1,16 @@
-import Navbar from "@/component/navbar/Navbar";
-import DashboardNavbar from "@/component/dashboard/DashboardNavbar/DashboardNavbar";
-import DashboardSidePannel from "@/component/dashboard/DashboardSidePannel";
+import Navbar from "@/component/navbar/Navbar"
+import DashboardNavbar from "@/component/dashboard/DashboardNavbar/DashboardNavbar"
+import DashboardSidePannel from "@/component/dashboard/DashboardSidePannel"
 
 export const metadata = {
   title: "Next.js",
   description: "Generated by Next.js",
-};
+}
 
 export default function DashboardLayout({
   children,
 }: {
-  children: React.ReactNode;
+  children: React.ReactNode
 }) {
   return (
     <div className="flex min-h-screen flex-col">
@@ -18,11 +18,11 @@ export default function DashboardLayout({
         <Navbar />
       </header>
       <div>
-        <aside className="w-[250px] h-screen fixed inset-0 bg-white shadow-2xl">
-          <DashboardSidePannel/>
+        <aside className="fixed inset-0 h-screen w-[250px] bg-white shadow-2xl">
+          <DashboardSidePannel />
         </aside>
         <main className="ml-[250px]">{children}</main>
       </div>
     </div>
-  );
+  )
 }
diff --git a/cubeseed_login/components/create-invoice.tsx b/cubeseed_login/components/create-invoice.tsx
index 4cced00..8282b75 100644
--- a/cubeseed_login/components/create-invoice.tsx
+++ b/cubeseed_login/components/create-invoice.tsx
@@ -1,15 +1,15 @@
-"use client";
+"use client"
 
-import Image from "next/image";
-import { useState } from "react";
-import billto from "@cs/public/bill-to.png";
-import payto from "@cs/public/pay-to.png";
-import Input from "./pieces/input";
-import Textarea from "./pieces/textarea";
-import Table from "./pieces/table";
-import CreateSucess from "./create-success";
-import { BillType, OrderType, SummaryType } from "@cs/types";
-import { DashboardHeading } from "./header";
+import Image from "next/image"
+import { useState } from "react"
+import billto from "@cs/public/bill-to.png"
+import payto from "@cs/public/pay-to.png"
+import Input from "./pieces/input"
+import Textarea from "./pieces/textarea"
+import Table from "./pieces/table"
+import CreateSucess from "./create-success"
+import { BillType, OrderType, SummaryType } from "@cs/types"
+import { DashboardHeading } from "./header"
 
 export default function CreateInvoice() {
   const [shouldOpen, setOpen] = useState(false)
@@ -26,14 +26,14 @@ export default function CreateInvoice() {
       name: "Address",
       value: "Building, Street Address City, State/Province, Country",
     },
-  ];
+  ]
 
   const renderBiller = (item: BillType) => (
     <tr>
       <td className="px-3">{item.name}</td>
       <td className="px-3">{item.value}</td>
     </tr>
-  );
+  )
 
   const orderHeaders = [
     "Service",
@@ -41,7 +41,7 @@ export default function CreateInvoice() {
     "kg/ml",
     "Unit Price",
     "Total Price",
-  ];
+  ]
 
   const orderData = [
     {
@@ -58,7 +58,7 @@ export default function CreateInvoice() {
       price: "#5.00",
       total: "₦250",
     },
-  ];
+  ]
 
   const renderOrder = (item: OrderType) => (
     <>
@@ -79,34 +79,34 @@ export default function CreateInvoice() {
         </td>
       </tr>
     </>
-  );
+  )
 
   const summmaryData = [
     { name: "Total Quantity:", value: "150kg" },
     { name: "Subtotal:", value: "₦ 750.00" },
     { name: "Total Tax:", value: "₦ 00.00" },
-  ];
+  ]
 
   const renderSummary = (item: SummaryType) => (
     <tr>
       <td className="text-right">{item.name}:</td>
-      <td className="text-right p-1">{item.value}</td>
+      <td className="p-1 text-right">{item.value}</td>
     </tr>
-  );
+  )
 
   return (
-    <div className="flex pt-8 px-4 justify-end relative">
+    <div className="relative flex justify-end px-4 pt-8">
       <div>
         <button
-          className="text-[#886634] font-light rounded-[100px] py-3 px-6 h-[44px] bg-transparent flex items-center border border-yellow-400"
+          className="flex h-[44px] items-center rounded-[100px] border border-yellow-400 bg-transparent px-6 py-3 font-light text-[#886634]"
           onClick={() => setOpen(true)}
         >
           Create +
         </button>
       </div>
       {shouldOpen && (
-        <div className="grid items-center h-screen w-screen fixed inset-0 backdrop-brightness-50">
-          <div className="w-[60%] bg-white mx-auto self-start mt-8 overflow-auto max-h-[90%] relative rounded-bl-[35px] shadow-lg">
+        <div className="fixed inset-0 grid h-screen w-screen items-center backdrop-brightness-50">
+          <div className="relative mx-auto mt-8 max-h-[90%] w-[60%] self-start overflow-auto rounded-bl-[35px] bg-white shadow-lg">
             <div className="relative p-8 pb-16 text-[#002629]">
               <DashboardHeading
                 heading="Invoice"
@@ -115,7 +115,7 @@ export default function CreateInvoice() {
                 subheading="Order ID &gt; Invoice ID "
               />
               <span
-                className="grid items-center absolute right-[3%] top-[1%] cursor-pointer z-10 rounded-full"
+                className="absolute right-[3%] top-[1%] z-10 grid cursor-pointer items-center rounded-full"
                 onClick={() => setOpen(false)}
               >
                 X
@@ -123,25 +123,25 @@ export default function CreateInvoice() {
               <form action="">
                 <div>
                   <h2 className="mt-8">Add Information</h2>
-                  <div className="flex gap-4 mt-8">
+                  <div className="mt-8 flex gap-4">
                     <Input label="Invoice Date" type="date" />
                     <Input label="Payment Due Date" type="date" />
                   </div>
                   <div className="mt-4">
                     <Textarea
-                      className="w-full border rounded-[4px] border-gray-300 text-gray-900"
+                      className="w-full rounded-[4px] border border-gray-300 text-gray-900"
                       name=""
                       id=""
                       rows={4}
                       label="Notes(optional)"
                     />
-                    <p className="font-normal text-sm text-right text-[#6A7370]">
+                    <p className="text-right text-sm font-normal text-[#6A7370]">
                       200 characters left
                     </p>
                   </div>
                   <section>
                     <h4>Bill to</h4>
-                    <div className="flex gap-4 p-6 bg-[#F0F6F6] rounded-[20px] mt-4">
+                    <div className="mt-4 flex gap-4 rounded-[20px] bg-[#F0F6F6] p-6">
                       <div>
                         <Image
                           src={billto}
@@ -156,7 +156,7 @@ export default function CreateInvoice() {
                   </section>
                   <section className="mt-8">
                     <h4>Pay to</h4>
-                    <div className="flex gap-4 p-6 bg-[#F0F6F6] rounded-[20px] mt-4">
+                    <div className="mt-4 flex gap-4 rounded-[20px] bg-[#F0F6F6] p-6">
                       <div>
                         <Image
                           src={payto}
@@ -176,22 +176,22 @@ export default function CreateInvoice() {
                         headers={orderHeaders}
                         items={orderData}
                         render={renderOrder}
-                        className="w-full font-normal text-sm border border-[#03656B] rounded-[4px] text-left"
+                        className="w-full rounded-[4px] border border-[#03656B] text-left text-sm font-normal"
                         thStyle="border-b border-[#03656B]"
                       />
                     </div>
                   </section>
 
-                  <section className="flex justify-end mt-8">
-                    <div className="border border-[#03656B] bg-[#F9FFFF] rounded-[4px] w-[70%] py-4 px-8">
+                  <section className="mt-8 flex justify-end">
+                    <div className="w-[70%] rounded-[4px] border border-[#03656B] bg-[#F9FFFF] px-8 py-4">
                       <Table
                         items={summmaryData}
                         render={renderSummary}
-                        className="w-full font-normal text-sm text-[#03656B]"
+                        className="w-full text-sm font-normal text-[#03656B]"
                         extra={
-                          <tr className="text-black border-t border-[#03656B]">
+                          <tr className="border-t border-[#03656B] text-black">
                             <td className="text-right">Total Estimate:</td>
-                            <td className="text-right p-1">₦ 0,000.00</td>
+                            <td className="p-1 text-right">₦ 0,000.00</td>
                           </tr>
                         }
                       />
@@ -199,14 +199,14 @@ export default function CreateInvoice() {
                   </section>
 
                   <section className="mt-8">
-                    <h4 className="font-normal text-base">Sign and Date</h4>
-                    <div className="flex mt-6 gap-4">
+                    <h4 className="text-base font-normal">Sign and Date</h4>
+                    <div className="mt-6 flex gap-4">
                       <input type="checkbox" name="" id="" />
-                      <p className="font-normal text-sm">
+                      <p className="text-sm font-normal">
                         Confirm that you have reviewed the information above.
                       </p>
                     </div>
-                    <div className="flex gap-2 mt-6">
+                    <div className="mt-6 flex gap-2">
                       <Input label="Your Signature" type="text" />
                       <Input label="Today's Date" type="date" />
                     </div>
@@ -214,18 +214,18 @@ export default function CreateInvoice() {
                 </div>
               </form>
             </div>
-            <footer className="sticky z-10 bottom-0 left-0 bg-white shadow-[0px_-7px_10px_0px_#03656B24] p-4 text-base">
-              <div className="flex justify-between w-full">
-                <button className="text-white font-light bg-[#03656B] rounded-[100px] py-3 px-6 h-[44px] flex items-center">
+            <footer className="sticky bottom-0 left-0 z-10 bg-white p-4 text-base shadow-[0px_-7px_10px_0px_#03656B24]">
+              <div className="flex w-full justify-between">
+                <button className="flex h-[44px] items-center rounded-[100px] bg-[#03656B] px-6 py-3 font-light text-white">
                   Close
                 </button>
                 <div className="flex gap-4">
-                  <button className="text-[#886634] font-light rounded-[100px] py-3 px-6 h-[44px] bg-transparent flex items-center border border-yellow-400">
+                  <button className="flex h-[44px] items-center rounded-[100px] border border-yellow-400 bg-transparent px-6 py-3 font-light text-[#886634]">
                     Save as Draft
                   </button>
                   <button
                     onClick={() => setSuccess(true)}
-                    className="text-white font-light bg-[#03656B] rounded-[100px] py-3 px-6 h-[44px] flex items-center"
+                    className="flex h-[44px] items-center rounded-[100px] bg-[#03656B] px-6 py-3 font-light text-white"
                   >
                     Send Invoice
                   </button>
@@ -235,7 +235,9 @@ export default function CreateInvoice() {
           </div>
         </div>
       )}
-      {isSuccess && <CreateSucess isSuccess={isSuccess} setSuccess={setSuccess} />}
+      {isSuccess && (
+        <CreateSucess isSuccess={isSuccess} setSuccess={setSuccess} />
+      )}
     </div>
-  );
+  )
 }
diff --git a/cubeseed_login/components/create-success.tsx b/cubeseed_login/components/create-success.tsx
index 83a8c4e..b22a195 100644
--- a/cubeseed_login/components/create-success.tsx
+++ b/cubeseed_login/components/create-success.tsx
@@ -1,20 +1,23 @@
-import Image from "next/image";
-import check from "@cs/public/check.svg";
-import ellipse from "@cs/public/ellipse.png";
-import Link from "next/link";
+import Image from "next/image"
+import check from "@cs/public/check.svg"
+import ellipse from "@cs/public/ellipse.png"
+import Link from "next/link"
 
 export interface CreateSuccessProps {
-  isSuccess: boolean;
-  setSuccess: React.Dispatch<React.SetStateAction<boolean>>;
+  isSuccess: boolean
+  setSuccess: React.Dispatch<React.SetStateAction<boolean>>
 }
 
-export default function CreateSucess({ isSuccess, setSuccess }: CreateSuccessProps) {
-  if(!isSuccess) return null;
+export default function CreateSucess({
+  isSuccess,
+  setSuccess,
+}: CreateSuccessProps) {
+  if (!isSuccess) return null
   return (
-    <div className="grid items-center h-screen w-screen fixed inset-0 backdrop-brightness-[30%]">
-      <div className="grid place-items-center w-[60%] py-8 px-8 bg-white text-primary-100 mx-auto max-h-[90%] shadow-lg relative rounded-[25px]">
+    <div className="fixed inset-0 grid h-screen w-screen items-center backdrop-brightness-[30%]">
+      <div className="text-primary-100 relative mx-auto grid max-h-[90%] w-[60%] place-items-center rounded-[25px] bg-white p-8 shadow-lg">
         <span
-          className="grid items-center absolute right-[3%] top-[1%] cursor-pointer z-10"
+          className="absolute right-[3%] top-[1%] z-10 grid cursor-pointer items-center"
           onClick={() => setSuccess(false)}
         >
           X
@@ -22,15 +25,25 @@ export default function CreateSucess({ isSuccess, setSuccess }: CreateSuccessPro
         <div>
           <Image src={check} alt={check} />
         </div>
-        <p className="text-[22px] font-medium">Your invoice has been sent successfully!</p>
+        <p className="text-[22px] font-medium">
+          Your invoice has been sent successfully!
+        </p>
         <p>Your invoice can now be downloaded.</p>
-        <div className="w-full flex justify-between font-medium mt-20">
-          <button onClick={() => setSuccess(false)} className="text-accent rounded-[100px] py-3 px-6 h-[44px] bg-transparent flex items-center border-2 border-secondary">
+        <div className="mt-20 flex w-full justify-between font-medium">
+          <button
+            onClick={() => setSuccess(false)}
+            className="text-accent border-secondary flex h-[44px] items-center rounded-[100px] border-2 bg-transparent px-6 py-3"
+          >
             Close
           </button>
-          <Link className="bg-secondary text-black rounded-[100px] py-3 px-6 h-[44px] flex items-center" href="dashboard/invoice">View Invoice</Link> 
+          <Link
+            className="bg-secondary flex h-[44px] items-center rounded-[100px] px-6 py-3 text-black"
+            href="dashboard/invoice"
+          >
+            View Invoice
+          </Link>
         </div>
       </div>
     </div>
-  );
+  )
 }
diff --git a/cubeseed_login/components/header.tsx b/cubeseed_login/components/header.tsx
index 5a73889..755d488 100644
--- a/cubeseed_login/components/header.tsx
+++ b/cubeseed_login/components/header.tsx
@@ -1,8 +1,8 @@
 interface DashboardHeadingProps {
-  heading: string;
-  text?: string;
-  subheading?: string;
-  status?: React.ReactNode;
+  heading: string
+  text?: string
+  subheading?: string
+  status?: React.ReactNode
 }
 
 export function DashboardHeading({
@@ -13,12 +13,12 @@ export function DashboardHeading({
 }: DashboardHeadingProps) {
   return (
     <div className="text-primary">
-      <p className="font-medium text-sm">{subheading}</p>
+      <p className="text-sm font-medium">{subheading}</p>
       <div className="flex items-center gap-2">
-        <h1 className="font-bold text-4xl">{heading}</h1>
+        <h1 className="text-4xl font-bold">{heading}</h1>
         {status}
       </div>
-      {text && <p className="text-base font-normal mt-4">{text}</p>}
+      {text && <p className="mt-4 text-base font-normal">{text}</p>}
     </div>
-  );
+  )
 }
diff --git a/cubeseed_login/components/pieces/image-box.tsx b/cubeseed_login/components/pieces/image-box.tsx
index 962810b..f3b8823 100644
--- a/cubeseed_login/components/pieces/image-box.tsx
+++ b/cubeseed_login/components/pieces/image-box.tsx
@@ -1,36 +1,36 @@
-import { validFileType } from "@cs/lib/util";
-import Image, { StaticImageData } from "next/image";
-import React, { Dispatch, ElementRef, SetStateAction, useRef } from "react";
+import { validFileType } from "@cs/lib/util"
+import Image, { StaticImageData } from "next/image"
+import React, { Dispatch, ElementRef, SetStateAction, useRef } from "react"
 
 interface ImageBoxProps {
-  src: string | StaticImageData;
-  setSrc: Dispatch<SetStateAction<string | StaticImageData>>;
+  src: string | StaticImageData
+  setSrc: Dispatch<SetStateAction<string | StaticImageData>>
 }
 
 const ImageBox = ({ src, setSrc }: ImageBoxProps) => {
-  const fileRef = useRef<ElementRef<"input">>(null);
+  const fileRef = useRef<ElementRef<"input">>(null)
 
   const handleClick = () => {
-    if (fileRef.current) fileRef.current.click();
-  };
+    if (fileRef.current) fileRef.current.click()
+  }
   const handleFileChange = () => {
     if (fileRef.current?.files) {
-      const files = fileRef.current.files;
-      console.log({ zero: files[0] });
+      const files = fileRef.current.files
+      console.log({ zero: files[0] })
       Array.from(files).forEach((file) => {
         if (validFileType(file)) {
-          console.log({ size: file.size });
+          console.log({ size: file.size })
         }
-        console.log({ file });
-        const image = URL.createObjectURL(file);
-        console.log({ image });
-        setSrc(image);
-      });
+        console.log({ file })
+        const image = URL.createObjectURL(file)
+        console.log({ image })
+        setSrc(image)
+      })
     }
-  };
+  }
   return (
-    <div className="flex flex-col justify-between items-center">
-      <div className="h-[165px] w-[165px] aspect-square">
+    <div className="flex flex-col items-center justify-between">
+      <div className="aspect-square h-[165px] w-[165px]">
         <Image
           src={src}
           alt="avatar"
@@ -53,7 +53,7 @@ const ImageBox = ({ src, setSrc }: ImageBoxProps) => {
         Update Photo
       </a>
     </div>
-  );
-};
+  )
+}
 
-export default ImageBox;
+export default ImageBox
diff --git a/cubeseed_login/components/pieces/input.tsx b/cubeseed_login/components/pieces/input.tsx
index cfab9ad..bad5f60 100644
--- a/cubeseed_login/components/pieces/input.tsx
+++ b/cubeseed_login/components/pieces/input.tsx
@@ -1,28 +1,30 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef } from "react"
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {
-    label: string
-  }
+  label: string
+}
 
-const Input = forwardRef<HTMLInputElement, InputProps>(({ label, className, type, ...props }, ref) => {
-  return (
-    <div className="w-full relative">
-      <input
-        type={type}
-        className={`peer h-[48px] px-3 py-2.5 font-sans text-sm font-normal w-full border rounded-[4px] border-[#99A19F] text-[#002629] placeholder-transparent focus:outline-none focus:border-[#002629] ${className}`}
-        {...props}
-      />
-      <label
-        htmlFor="date"
-        className="absolute left-1.5 z-10 -top-1.5 text-gray-600 leading-tight text-[11px] bg-transparent font-normal transition-all peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-400 peer-placeholder-shown:top-2 peer-focus:-top-3.4 peer-focus:text-[#002629] peer-focus:text-[11px]"
-      >
-        {label}
-      </label>
-    </div>
-  );
-});
+const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ label, className, type, ...props }, ref) => {
+    return (
+      <div className="relative w-full">
+        <input
+          type={type}
+          className={`peer h-[48px] w-full rounded-[4px] border border-[#99A19F] px-3 py-2.5 font-sans text-sm font-normal text-[#002629] placeholder:text-transparent focus:border-[#002629] focus:outline-none ${className}`}
+          {...props}
+        />
+        <label
+          htmlFor="date"
+          className="peer-focus:-top-3.4 absolute -top-1.5 left-1.5 z-10 bg-transparent text-[11px] font-normal leading-tight text-gray-600 transition-all peer-placeholder-shown:top-2 peer-placeholder-shown:text-base peer-placeholder-shown:text-gray-400 peer-focus:text-[11px] peer-focus:text-[#002629]"
+        >
+          {label}
+        </label>
+      </div>
+    )
+  }
+)
 
 Input.displayName = "Input"
 
-export default Input;
+export default Input
diff --git a/cubeseed_login/components/pieces/review-card.tsx b/cubeseed_login/components/pieces/review-card.tsx
index 5798271..840028c 100644
--- a/cubeseed_login/components/pieces/review-card.tsx
+++ b/cubeseed_login/components/pieces/review-card.tsx
@@ -1,16 +1,16 @@
-import Image, { StaticImageData } from "next/image";
-import React from "react";
-import star from "@cs/public/star.svg";
+import Image, { StaticImageData } from "next/image"
+import React from "react"
+import star from "@cs/public/star.svg"
 
 interface ReviewCard {
-  src: string | StaticImageData;
+  src: string | StaticImageData
 }
 
 const ReviewCard = ({ src }: ReviewCard) => {
   return (
-    <div className="bg-primary-700 p-4 rounded-[20px]">
+    <div className="bg-primary-700 rounded-[20px] p-4">
       <div className="flex gap-4">
-        <div className="h-[62px] w-[62px] aspect-square">
+        <div className="aspect-square h-[62px] w-[62px]">
           <Image
             src={src}
             alt="avatar"
@@ -23,8 +23,8 @@ const ReviewCard = ({ src }: ReviewCard) => {
         <div>
           <h5>Fathima G.</h5>
           <span className="flex">
-            {[...Array(5)].map((el) => (
-              <Image src={star} alt="star" width={25} height={25} />
+            {[...Array(5)].map((el, i) => (
+              <Image key={i} src={star} alt="star" width={25} height={25} />
             ))}
           </span>
           <p className="min-w-[211px]">
@@ -34,7 +34,7 @@ const ReviewCard = ({ src }: ReviewCard) => {
         </div>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default ReviewCard;
+export default ReviewCard
diff --git a/cubeseed_login/components/view-invoice.tsx b/cubeseed_login/components/view-invoice.tsx
index 882381c..2a9c175 100644
--- a/cubeseed_login/components/view-invoice.tsx
+++ b/cubeseed_login/components/view-invoice.tsx
@@ -1,12 +1,12 @@
-import React from "react";
-import { DashboardHeading } from "./header";
-import Table from "./pieces/table";
-import { BillType, OrderType, SummaryType } from "@cs/types";
-import Image from "next/image";
-import Link from "next/link";
-import face from "@cs/assets/svg/face.svg";
-import cal from "@cs/assets/svg/cal.svg";
-import dload from "@cs/assets/svg/download.svg";
+import React from "react"
+import { DashboardHeading } from "./header"
+import Table from "./pieces/table"
+import { BillType, OrderType, SummaryType } from "@cs/types"
+import Image from "next/image"
+import Link from "next/link"
+import face from "@cs/assets/svg/face.svg"
+import cal from "@cs/assets/svg/cal.svg"
+import dload from "@cs/assets/svg/download.svg"
 
 export default function ViewInvoice() {
   const senderData = [
@@ -21,14 +21,14 @@ export default function ViewInvoice() {
       name: "Address",
       value: "Building, Street Address City, State/Province, Country",
     },
-  ];
+  ]
 
   const renderSender = (item: BillType) => (
     <tr>
       <td className="py-2 pr-3">{item.name}</td>
       <td className="">{item.value}</td>
     </tr>
-  );
+  )
 
   const orderHeaders = [
     "Service",
@@ -37,7 +37,7 @@ export default function ViewInvoice() {
     "kg/ml",
     "Unit Price",
     "Total Price",
-  ];
+  ]
 
   const orderData = [
     {
@@ -67,33 +67,33 @@ export default function ViewInvoice() {
       price: "#5.00",
       total: "₦250",
     },
-  ];
+  ]
 
   const renderOrder = (item: OrderType) => (
     <>
-      <tr className="bg-[#F9FFFF] border border-primary-100">
-        <td className="py-4 px-4">{item.service}</td>
-        <td className="py-4 px-4">{item.details}</td>
-        <td className="py-4 px-4">{item.quantity}</td>
-        <td className="py-4 px-4">{item.unit}</td>
-        <td className="py-4 px-4">{item.price}</td>
-        <td className="py-4 px-4">{item.total}</td>
+      <tr className="border-primary-100 border bg-[#F9FFFF]">
+        <td className="p-4">{item.service}</td>
+        <td className="p-4">{item.details}</td>
+        <td className="p-4">{item.quantity}</td>
+        <td className="p-4">{item.unit}</td>
+        <td className="p-4">{item.price}</td>
+        <td className="p-4">{item.total}</td>
       </tr>
     </>
-  );
+  )
 
   const summmaryData = [
     { name: "Total Quantity:", value: "150kg" },
     { name: "Subtotal:", value: "₦ 750.00" },
     { name: "Total Tax:", value: "₦ 00.00" },
-  ];
+  ]
 
   const renderSummary = (item: SummaryType) => (
     <tr>
       <td className="text-right">{item.name}:</td>
-      <td className="text-right p-1">{item.value}</td>
+      <td className="p-1 text-right">{item.value}</td>
     </tr>
-  );
+  )
 
   return (
     <div>
@@ -101,7 +101,7 @@ export default function ViewInvoice() {
         heading="Invoice"
         subheading="Order ID > Invoice #"
         status={
-          <span className="flex gap-1 items-center bg-csneutral-900 border border-csneutral-700 rounded-[4px] px-2 font-medium text-csneutral-300 text-xs h-[22px]">
+          <span className="bg-csneutral-900 border-csneutral-700 text-csneutral-300 flex h-[22px] items-center gap-1 rounded-[4px] border px-2 text-xs font-medium">
             <svg
               width="10"
               height="11"
@@ -116,9 +116,9 @@ export default function ViewInvoice() {
         }
       />
       <div className="px-8">
-        <section className="flex justify-between mt-8 divide-x-2 divide-solid">
+        <section className="mt-8 flex justify-between divide-x-2 divide-solid">
           <div className="text-primary px-4">
-            <div className="flex justify-between py-3 border-b-2 border-[#D0DAD7]">
+            <div className="flex justify-between border-b-2 border-[#D0DAD7] py-3">
               <h5 className="text-sm font-semibold">Sent by</h5>
               <p className="flex items-center gap-1">
                 <Image src={face} alt="face" width={15} height={15} />
@@ -130,7 +130,7 @@ export default function ViewInvoice() {
             <Table className="" items={senderData} render={renderSender} />
           </div>
           <div className="text-primary px-4">
-            <div className="flex justify-between py-3 border-b-2 border-[#D0DAD7]">
+            <div className="flex justify-between border-b-2 border-[#D0DAD7] py-3">
               <h5 className="text-sm font-semibold">Delivered to</h5>
               <p className="flex items-center gap-1">
                 <Image src={face} alt="face" width={15} height={15} />
@@ -142,7 +142,7 @@ export default function ViewInvoice() {
             <Table className="" items={senderData} render={renderSender} />
           </div>
           <div className="text-primary px-4">
-            <div className="flex justify-between py-3 border-b-2 border-[#D0DAD7]">
+            <div className="flex justify-between border-b-2 border-[#D0DAD7] py-3">
               <h5 className="text-sm font-semibold">Important dates</h5>
               <p className="flex items-center gap-1">
                 <Image src={cal} alt="face" width={15} height={15} />
@@ -159,40 +159,46 @@ export default function ViewInvoice() {
             headers={orderHeaders}
             items={orderData}
             render={renderOrder}
-            className="w-full font-normal text-sm border border-primary-100 rounded-[4px] text-left"
+            className="border-primary-100 w-full rounded-[4px] border text-left text-sm font-normal"
             thStyle="border border-primary-100"
           />
         </section>
-        <section className="flex items-stretch gap-2 justify-between mt-8">
-          <div className="w-full flex-2 bg-[#7DB7BB] rounded-[4px] p-4">
+        <section className="mt-8 flex items-stretch justify-between gap-2">
+          <div className="flex-2 w-full rounded-[4px] bg-[#7DB7BB] p-4">
             <h5 className="font-semibold">Notes</h5>
-            <p className="text-primary text-xs mt-4">
+            <p className="text-primary mt-4 text-xs">
               Lorem ipsum dolor sit, amet consectetur adipisicing elit.
               Adipisci, praesentium!
             </p>
           </div>
           <div className="w-full">
-            <div className="border border-primary-100 bg-[#F9FFFF] rounded-[4px] py-4 px-8">
+            <div className="border-primary-100 rounded-[4px] border bg-[#F9FFFF] px-8 py-4">
               <Table
                 items={summmaryData}
                 render={renderSummary}
-                className="w-full font-normal text-sm text-primary-100"
+                className="text-primary-100 w-full text-sm font-normal"
                 extra={
-                  <tr className="text-black border-t border-primary-100">
+                  <tr className="border-primary-100 border-t text-black">
                     <td className="text-right">Total Estimate:</td>
-                    <td className="text-right p-1">₦ 0,000.00</td>
+                    <td className="p-1 text-right">₦ 0,000.00</td>
                   </tr>
                 }
               />
             </div>
           </div>
         </section>
-        
       </div>
-      <section className="flex mt-14 justify-between">
-            <Link className="text-white rounded-[100px] py-3 px-6 h-[44px] bg-primary-100 flex items-center" href="dashboard">Close</Link>
-            <button className="bg-secondary text-primary font-medium rounded-[100px] py-3 px-6 h-[44px] flex items-center">Download PDF <Image src={dload} alt="download"/></button>
-        </section>
+      <section className="mt-14 flex justify-between">
+        <Link
+          className="bg-primary-100 flex h-[44px] items-center rounded-[100px] px-6 py-3 text-white"
+          href="dashboard"
+        >
+          Close
+        </Link>
+        <button className="bg-secondary text-primary flex h-[44px] items-center rounded-[100px] px-6 py-3 font-medium">
+          Download PDF <Image src={dload} alt="download" />
+        </button>
+      </section>
     </div>
-  );
+  )
 }
diff --git a/cubeseed_login/src/component/progressbar/ProgressBar.tsx b/cubeseed_login/src/component/progressbar/ProgressBar.tsx
index e778c2f..01630c2 100644
--- a/cubeseed_login/src/component/progressbar/ProgressBar.tsx
+++ b/cubeseed_login/src/component/progressbar/ProgressBar.tsx
@@ -1,25 +1,30 @@
-import { useMultiSteps } from '@/hooks/useMultiSteps'
-import progressStyles from '@/styles/progress.module.scss'
-import ServiceForm from '../forms/ServiceForm'
-import { JSXElementConstructor, ReactElement } from 'react'
+import { useMultiSteps } from "@/hooks/useMultiSteps"
+import progressStyles from "@/styles/progress.module.scss"
+import ServiceForm from "../forms/ServiceForm"
+import { JSXElementConstructor, ReactElement } from "react"
 
 const stepDivs = [
-    <ServiceForm />,
-    <div>two</div>,
-    <div>three</div>,
-    <div>four</div>,
-  ]
+  /* eslint-disable react/jsx-key */
+  <ServiceForm />,
+  <div>two</div>,
+  <div>three</div>,
+  <div>four</div>,
+  /* eslint-enable react/jsx-key */
+]
 
-  type ProgressProps ={
-    index: number; 
-    length: ReactElement<any, string | JSXElementConstructor<any>>[]
-  }
-
-export default function ProgressBar({index, length}:ProgressProps) {
+type ProgressProps = {
+  index: number
+  length: ReactElement<any, string | JSXElementConstructor<any>>[]
+}
 
-    return (
-        <div className={progressStyles.progressContainer}>
-            <progress className={progressStyles.progress} value={index} max={length.length -1 } />
-        </div>
-    )
+export default function ProgressBar({ index, length }: ProgressProps) {
+  return (
+    <div className={progressStyles.progressContainer}>
+      <progress
+        className={progressStyles.progress}
+        value={index}
+        max={length.length - 1}
+      />
+    </div>
+  )
 }
diff --git a/cubeseed_login/src/component/uploadfile/Upload.tsx b/cubeseed_login/src/component/uploadfile/Upload.tsx
index 5c75a30..d8a5153 100644
--- a/cubeseed_login/src/component/uploadfile/Upload.tsx
+++ b/cubeseed_login/src/component/uploadfile/Upload.tsx
@@ -1,44 +1,39 @@
-import upload from '@/assets/upload.png';
-import { useEffect, useState } from "react";
-import styles from '@/styles/upload.module.scss'
+import upload from "@/assets/upload.png"
+import { useEffect, useState } from "react"
+import styles from "@/styles/upload.module.scss"
+import Image from "next/image"
 
 export default function Upload() {
-    const [selectedFile, setSelectedFile] = useState("");
-    
+  const [selectedFile, setSelectedFile] = useState("")
 
-    useEffect(() => {}, [selectedFile]);
+  useEffect(() => {}, [selectedFile])
 
-
-    return (
+  return (
     <div className={styles.main}>
-        <form className={styles.verificationContainer}>
+      <form className={styles.verificationContainer}>
         <div className={styles.verification}>
-            <div className={styles.uploadCertificate}>
-                <div className={styles.formGroup}>
-                <img src={upload.src} alt="" />
-                <div className={styles.selectedFile}>
-                    <p className={styles.p}>
-                    {selectedFile ? `Selected File: ${selectedFile}` : " "}
-                    </p>
-                </div>
-                <span>Supports: JPG, PNG, PDF</span>
-                <label
-                    htmlFor="upload-cert"
-                    className={styles.uploadLabel}
-                >
-                    Upload from Device
-                    <input
-                    type="file"
-                    id="upload-cert"
-                    accept="image/*,.pdf"
-                    onChange={(e) => setSelectedFile(e.target.value)}
-                    />
-                </label>
-                </div>
+          <div className={styles.uploadCertificate}>
+            <div className={styles.formGroup}>
+              <Image src={upload.src} alt="" />
+              <div className={styles.selectedFile}>
+                <p className={styles.p}>
+                  {selectedFile ? `Selected File: ${selectedFile}` : " "}
+                </p>
+              </div>
+              <span>Supports: JPG, PNG, PDF</span>
+              <label htmlFor="upload-cert" className={styles.uploadLabel}>
+                Upload from Device
+                <input
+                  type="file"
+                  id="upload-cert"
+                  accept="image/*,.pdf"
+                  onChange={(e) => setSelectedFile(e.target.value)}
+                />
+              </label>
             </div>
+          </div>
         </div>
       </form>
     </div>
-    )
-
-}
\ No newline at end of file
+  )
+}
diff --git a/cubeseed_login/src/comps/FarmWayBill/index.tsx b/cubeseed_login/src/comps/FarmWayBill/index.tsx
index 058a865..c689e8d 100644
--- a/cubeseed_login/src/comps/FarmWayBill/index.tsx
+++ b/cubeseed_login/src/comps/FarmWayBill/index.tsx
@@ -1,14 +1,14 @@
-import style from "@/styles/grn.module.scss";
-import Image from "next/image";
-import Button from "../Button/button";
-import { Context } from "@/context/context";
-import { useContext } from "react";
+import style from "@/styles/grn.module.scss"
+import Image from "next/image"
+import Button from "../Button/button"
+import { Context } from "@/context/context"
+import { useContext } from "react"
 
 type WayBillProps = {
-  time: string;
-};
+  time: string
+}
 export default function FarmWayBill() {
-  const { inputValue } = useContext(Context);
+  const { inputValue } = useContext(Context)
   return (
     <>
       <div className={style.wrapper}>
@@ -48,7 +48,7 @@ export default function FarmWayBill() {
                 <p>Address</p>
               </div>
               <div className={style.farmIn}>
-                <p>Farmer's Name</p>
+                <p>Farmer&apos;s Name</p>
                 <p>Farme Name</p>
                 <p>
                   +2345567778
@@ -85,7 +85,7 @@ export default function FarmWayBill() {
                 <p>Address</p>
               </div>
               <div className={style.farmIn}>
-                <p>Farmer's Name</p>
+                <p>Farmer&apos;s Name</p>
                 <p>Farme Name</p>
                 <p>
                   +2345567778
@@ -233,5 +233,5 @@ export default function FarmWayBill() {
         </div>
       </section>
     </>
-  );
+  )
 }
diff --git a/cubeseed_login/src/comps/userCardInfo/userCardinfo.tsx b/cubeseed_login/src/comps/userCardInfo/userCardinfo.tsx
index 09f0f47..4ef68b9 100644
--- a/cubeseed_login/src/comps/userCardInfo/userCardinfo.tsx
+++ b/cubeseed_login/src/comps/userCardInfo/userCardinfo.tsx
@@ -1,7 +1,7 @@
-import React from "react";
-import userCardInfo from "@/styles/usercardinfo.module.scss";
-import Farmer from "@/assets/farmer image 1.png";
-import Image from "next/image";
+import React from "react"
+import userCardInfo from "@/styles/usercardinfo.module.scss"
+import Farmer from "@/assets/farmer image 1.png"
+import Image from "next/image"
 
 export default function UserCardinfo() {
   return (
@@ -15,7 +15,7 @@ export default function UserCardinfo() {
           <li>Address</li>
         </ul>
         <ul className={userCardInfo.list}>
-          <li>Famer'sName</li>
+          <li>Famer&apos;sName</li>
           <li> Farm Name</li>
           <li>
             +234986464654
@@ -30,5 +30,5 @@ export default function UserCardinfo() {
         </ul>
       </div>
     </section>
-  );
+  )
 }
diff --git a/cubeseed_login/src/pages/dashboard/account_verified.tsx b/cubeseed_login/src/pages/dashboard/account_verified.tsx
index 2ec3a02..6b6dae8 100644
--- a/cubeseed_login/src/pages/dashboard/account_verified.tsx
+++ b/cubeseed_login/src/pages/dashboard/account_verified.tsx
@@ -1,18 +1,19 @@
-import { useState } from "react";
-import Link from "next/link";
+import { useState } from "react"
+import Link from "next/link"
 
-import AccountVerifiedStyles from "@/styles/AccountVerified.module.scss";
-import verifiedCheck from "../../assets/icons/verifiedCheck.svg";
+import AccountVerifiedStyles from "@/styles/AccountVerified.module.scss"
+import verifiedCheck from "../../assets/icons/verifiedCheck.svg"
+import Image from "next/image"
 
 const AccountVerified = () => {
-  const [customerName, setCustomerName] = useState("John Doe");
+  const [customerName, setCustomerName] = useState("John Doe")
   return (
     <div className={AccountVerifiedStyles.verifiedContainer}>
       <div className={AccountVerifiedStyles.circle}></div>
       <h2 className={AccountVerifiedStyles.verifiedTitle}>
         Your Account Was Approved
       </h2>
-      <img src={verifiedCheck.src} alt="" />
+      <Image src={verifiedCheck.src} alt="" />
       <div className={AccountVerifiedStyles.messageContainer}>
         <p>Dear {`${customerName},`}</p>
         <p>
@@ -27,7 +28,7 @@ const AccountVerified = () => {
         </button>
       </Link>
     </div>
-  );
-};
+  )
+}
 
-export default AccountVerified;
+export default AccountVerified
diff --git a/cubeseed_login/src/pages/dashboard/choose_course.tsx b/cubeseed_login/src/pages/dashboard/choose_course.tsx
index a53d622..678c91b 100644
--- a/cubeseed_login/src/pages/dashboard/choose_course.tsx
+++ b/cubeseed_login/src/pages/dashboard/choose_course.tsx
@@ -1,12 +1,12 @@
-import { useState } from "react";
-import Link from "next/link";
+import { useState } from "react"
+import Link from "next/link"
 
-import ChooseCourseStyle from "@/styles/ChooseCourse.module.scss";
-import verifiedCheck from "../../assets/icons/verifiedCheck.svg";
-import ProgressBar from "@/component/progressbar/ProgressBar";
+import ChooseCourseStyle from "@/styles/ChooseCourse.module.scss"
+import verifiedCheck from "../../assets/icons/verifiedCheck.svg"
+import ProgressBar from "@/component/progressbar/ProgressBar"
 
 const ChooseCourse = () => {
-  const courseOptions = ["Option 1", "Option 2", "Option 3"];
+  const courseOptions = ["Option 1", "Option 2", "Option 3"]
   return (
     <div className={ChooseCourseStyle.container}>
       <ProgressBar index={1} length={[]} />
@@ -22,7 +22,8 @@ const ChooseCourse = () => {
           <h4>Cubeseed Course Option</h4>
           <ul>
             {courseOptions.map((item) => {
-              return <li>{item}</li>;
+              // eslint-disable-next-line react/jsx-key
+              return <li>{item}</li>
             })}
           </ul>
           <a href="https://www.google.com/">Enroll</a>
@@ -31,7 +32,8 @@ const ChooseCourse = () => {
           <h4>Outside Source Option</h4>
           <ul>
             {courseOptions.map((item) => {
-              return <li>{item}</li>;
+              // eslint-disable-next-line react/jsx-key
+              return <li>{item}</li>
             })}
           </ul>
           <a href="https://www.google.com/" target="blank">
@@ -40,7 +42,7 @@ const ChooseCourse = () => {
         </div>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default ChooseCourse;
+export default ChooseCourse
diff --git a/cubeseed_login/src/pages/dashboard/course_verification.tsx b/cubeseed_login/src/pages/dashboard/course_verification.tsx
index f03849d..2ed2eb4 100644
--- a/cubeseed_login/src/pages/dashboard/course_verification.tsx
+++ b/cubeseed_login/src/pages/dashboard/course_verification.tsx
@@ -1,11 +1,12 @@
-import CourseVerificationStyle from "@/styles/CourseVerification.module.scss";
-import upload from "../../assets/icons/upload.png";
-import { useEffect, useState } from "react";
+import CourseVerificationStyle from "@/styles/CourseVerification.module.scss"
+import upload from "../../assets/icons/upload.png"
+import { useEffect, useState } from "react"
+import Image from "next/image"
 
 const CourseVerification = () => {
-  const [selectedFile, setSelectedFile] = useState("");
+  const [selectedFile, setSelectedFile] = useState("")
 
-  useEffect(() => {}, [selectedFile]);
+  useEffect(() => {}, [selectedFile])
 
   return (
     <div className={CourseVerificationStyle.main}>
@@ -44,7 +45,7 @@ const CourseVerification = () => {
           <div className={CourseVerificationStyle.uploadCertificate}>
             <p>Upload Certification</p>
             <div className={CourseVerificationStyle.formGroup}>
-              <img src={upload.src} alt="" />
+              <Image src={upload.src} alt="" />
               <div className={CourseVerificationStyle.selectedFile}>
                 <p className={CourseVerificationStyle.p}>
                   {selectedFile ? `Selected File: ${selectedFile}` : " "}
@@ -71,7 +72,7 @@ const CourseVerification = () => {
         </button>
       </form>
     </div>
-  );
-};
+  )
+}
 
-export default CourseVerification;
+export default CourseVerification
diff --git a/cubeseed_login/src/pages/index.tsx b/cubeseed_login/src/pages/index.tsx
index 68516f7..92aba97 100644
--- a/cubeseed_login/src/pages/index.tsx
+++ b/cubeseed_login/src/pages/index.tsx
@@ -58,44 +58,45 @@
 //   )
 // }
 
-import Navbar from "@/component/navbar/Navbar";
-import ProgressBar from "@/component/progressbar/ProgressBar";
-import ServiceForm from "@/component/forms/ServiceForm";
+import Navbar from "@/component/navbar/Navbar"
+import ProgressBar from "@/component/progressbar/ProgressBar"
+import ServiceForm from "@/component/forms/ServiceForm"
 //import Confirmation from './confirmation_page/Confirmation'
-import Confirmation from "./confirmation_page/Confirmation";
-import { useMultiSteps } from "@/hooks/useMultiSteps";
-import Head from "next/head";
-import { FormEvent } from "react";
-import homeStyles from "@/styles/home.module.scss";
-import styles from "../styles/Login.module.scss";
-import Carousel from "@/component/carousel/Carousel";
-import UserDetailsForm from "@/component/forms/UserDetailsForm";
-import Link from "next/link";
-import React from "react";
+import Confirmation from "./confirmation_page/Confirmation"
+import { useMultiSteps } from "@/hooks/useMultiSteps"
+import Head from "next/head"
+import { FormEvent } from "react"
+import homeStyles from "@/styles/home.module.scss"
+import styles from "../styles/Login.module.scss"
+import Carousel from "@/component/carousel/Carousel"
+import UserDetailsForm from "@/component/forms/UserDetailsForm"
+import Link from "next/link"
+import React from "react"
 // import {BrowserRouter as Router, Route, Routes } from 'react-router-dom'
-import Profilepage from "./dashboard/profile";
+import Profilepage from "./dashboard/profile"
 
 // import {BrowserRouter as Router, Route, Routes } from 'react-router-dom'
 
 export default function Home() {
   const stepDivs = [
+    /* eslint-disable react/jsx-key */
     <ServiceForm />,
     <UserDetailsForm />,
     <Confirmation />,
-
+    /* eslint-enable react/jsx-key */
     //<div>three</div>,
     //<div>four</div>,
-  ];
+  ]
 
   const { steps, step, next, back, currentIndex, isLastStep, isFirstStep } =
-    useMultiSteps(stepDivs);
+    useMultiSteps(stepDivs)
 
-  console.log(`first ${isFirstStep}`, `last ${isLastStep}`);
+  console.log(`first ${isFirstStep}`, `last ${isLastStep}`)
 
   function handleSubmit(event: FormEvent) {
-    event.preventDefault();
-    if (!isLastStep) return next();
-    console.log("finished");
+    event.preventDefault()
+    if (!isLastStep) return next()
+    console.log("finished")
     // alert('submitted')
   }
 
@@ -158,5 +159,5 @@ export default function Home() {
         </div>
       </section>
     </>
-  );
+  )
 }

From 0027dc7b7882ea99da2cc813e6a8a833b95b2e0b Mon Sep 17 00:00:00 2001
From: Ridwan Abiola <ricklick262@gmail.com>
Date: Thu, 21 Sep 2023 10:14:57 +0100
Subject: [PATCH 3/3] fix: issues after eslint config

---
 cubeseed_login/.eslintrc.json    |  12 +-
 cubeseed_login/.prettierrc.json  |   3 +-
 cubeseed_login/package-lock.json | 238 ++++++++++++++++++++++++-------
 cubeseed_login/package.json      |   9 +-
 4 files changed, 206 insertions(+), 56 deletions(-)

diff --git a/cubeseed_login/.eslintrc.json b/cubeseed_login/.eslintrc.json
index 78066e6..2e1ef1d 100644
--- a/cubeseed_login/.eslintrc.json
+++ b/cubeseed_login/.eslintrc.json
@@ -6,6 +6,16 @@
   ],
   "plugins": ["tailwindcss"],
   "rules": {
-    "tailwindcss/no-custom-classname": "off"
+    "tailwindcss/no-custom-classname": "off",
+    "tailwindcss/classnames-order": "warn"
+  },
+  "settings": {
+    "tailwindcss": {
+      "callees": ["cn"],
+      "config": "tailwind.config.js"
+    },
+    "next": {
+      "rootDir": true
+    }
   }
 }
diff --git a/cubeseed_login/.prettierrc.json b/cubeseed_login/.prettierrc.json
index 48e90e8..aff23b9 100644
--- a/cubeseed_login/.prettierrc.json
+++ b/cubeseed_login/.prettierrc.json
@@ -3,5 +3,6 @@
   "semi": false,
   "singleQuote": false,
   "tabWidth": 2,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-tailwindcss"]
 }
diff --git a/cubeseed_login/package-lock.json b/cubeseed_login/package-lock.json
index 2c09856..6a7247f 100644
--- a/cubeseed_login/package-lock.json
+++ b/cubeseed_login/package-lock.json
@@ -11,14 +11,12 @@
         "@material-tailwind/html": "^2.0.0",
         "@radix-ui/react-dialog": "^1.0.4",
         "base-64": "^1.0.0",
-        "eslint-plugin-tailwindcss": "^3.13.0",
         "next": "13.3.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-responsive-modal": "^6.4.2",
         "react-select": "^5.7.3",
-        "sass": "^1.62.1",
-        "typescript": "5.0.4"
+        "sass": "^1.62.1"
       },
       "devDependencies": {
         "@types/node": "20.1.4",
@@ -28,11 +26,14 @@
         "eslint": "8.48.0",
         "eslint-config-next": "13.4.19",
         "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-tailwindcss": "^3.13.0",
         "husky": "^8.0.0",
         "postcss": "^8.4.25",
         "prettier": "^2.8.8",
+        "prettier-plugin-tailwindcss": "^0.1.13",
         "pretty-quick": "^3.1.3",
-        "tailwindcss": "^3.3.2"
+        "tailwindcss": "^3.3.2",
+        "typescript": "5.0.4"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -48,6 +49,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -358,6 +360,7 @@
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -371,6 +374,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
       "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -379,6 +383,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -386,12 +391,14 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.18",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
       "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "3.1.0",
         "@jridgewell/sourcemap-codec": "1.4.14"
@@ -400,7 +407,8 @@
     "node_modules/@jridgewell/trace-mapping/node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.14",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+      "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+      "dev": true
     },
     "node_modules/@material-tailwind/html": {
       "version": "2.0.0",
@@ -584,6 +592,7 @@
       "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"
@@ -596,6 +605,7 @@
       "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"
       }
@@ -604,6 +614,7 @@
       "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"
@@ -1171,7 +1182,8 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
@@ -1188,7 +1200,8 @@
     "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=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -1459,7 +1472,8 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/base-64": {
       "version": "1.0.0",
@@ -1483,6 +1497,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1567,6 +1582,7 @@
       "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"
       }
@@ -1664,6 +1680,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -1671,7 +1688,8 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
@@ -1711,6 +1729,7 @@
       "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"
       },
@@ -1793,7 +1812,8 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "node_modules/dir-glob": {
       "version": "3.0.1",
@@ -1810,7 +1830,8 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -2374,6 +2395,7 @@
       "version": "3.13.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-tailwindcss/-/eslint-plugin-tailwindcss-3.13.0.tgz",
       "integrity": "sha512-Fcep4KDRLWaK3KmkQbdyKHG0P4GdXFmXdDaweTIPcgOP60OOuWFbh1++dufRT28Q4zpKTKaHwTsXPJ4O/EjU2Q==",
+      "dev": true,
       "dependencies": {
         "fast-glob": "^3.2.5",
         "postcss": "^8.4.4"
@@ -2587,6 +2609,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
       "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -2614,6 +2637,7 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -2707,7 +2731,8 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
@@ -2824,6 +2849,7 @@
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -3077,6 +3103,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -3085,7 +3112,8 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "node_modules/internal-slot": {
       "version": "1.0.5",
@@ -3475,6 +3503,7 @@
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz",
       "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==",
+      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -3587,6 +3616,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -3660,6 +3690,7 @@
       "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"
       }
@@ -3668,6 +3699,7 @@
       "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"
@@ -3689,6 +3721,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -3740,6 +3773,7 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -3891,6 +3925,7 @@
       "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"
       }
@@ -4008,6 +4043,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -4124,6 +4160,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4170,6 +4207,7 @@
       "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"
       }
@@ -4178,6 +4216,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4186,6 +4225,7 @@
       "version": "8.4.27",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
       "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -4213,6 +4253,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -4229,6 +4270,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -4247,6 +4289,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.11"
       },
@@ -4265,6 +4308,7 @@
       "version": "6.0.13",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
       "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -4276,7 +4320,8 @@
     "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=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
@@ -4302,6 +4347,18 @@
         "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/pretty-quick": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
@@ -4477,6 +4534,7 @@
       "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",
@@ -4643,6 +4701,7 @@
       "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"
       }
@@ -4737,6 +4796,7 @@
       "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"
@@ -4761,6 +4821,7 @@
       "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",
@@ -5061,6 +5122,7 @@
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
       "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -5104,6 +5166,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
       "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -5140,6 +5203,7 @@
       "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"
       },
@@ -5151,6 +5215,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
       "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "dev": true,
       "dependencies": {
         "lilconfig": "^2.0.5",
         "yaml": "^2.1.1"
@@ -5179,6 +5244,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
       "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "dev": true,
       "engines": {
         "node": ">= 14"
       }
@@ -5202,6 +5268,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -5210,6 +5277,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -5251,7 +5319,8 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
     },
     "node_modules/tsconfig-paths": {
       "version": "3.14.2",
@@ -5363,6 +5432,7 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
       "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
+      "dev": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -5482,7 +5552,8 @@
     "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=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "node_modules/which": {
       "version": "2.0.2",
@@ -5578,7 +5649,8 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
     },
     "node_modules/yallist": {
       "version": "4.0.0",
@@ -5617,7 +5689,8 @@
     "@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true
     },
     "@babel/code-frame": {
       "version": "7.22.5",
@@ -5858,6 +5931,7 @@
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
       "requires": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -5867,22 +5941,26 @@
     "@jridgewell/resolve-uri": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
-      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "dev": true
     },
     "@jridgewell/set-array": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true
     },
     "@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
     },
     "@jridgewell/trace-mapping": {
       "version": "0.3.18",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz",
       "integrity": "sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==",
+      "dev": true,
       "requires": {
         "@jridgewell/resolve-uri": "3.1.0",
         "@jridgewell/sourcemap-codec": "1.4.14"
@@ -5891,7 +5969,8 @@
         "@jridgewell/sourcemap-codec": {
           "version": "1.4.14",
           "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
-          "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+          "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
+          "dev": true
         }
       }
     },
@@ -5992,6 +6071,7 @@
       "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"
@@ -6000,12 +6080,14 @@
     "@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=="
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true
     },
     "@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"
@@ -6339,7 +6421,8 @@
     "any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
     },
     "anymatch": {
       "version": "3.1.3",
@@ -6353,7 +6436,8 @@
     "arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
     },
     "argparse": {
       "version": "2.0.1",
@@ -6547,7 +6631,8 @@
     "balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "base-64": {
       "version": "1.0.0",
@@ -6568,6 +6653,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -6619,7 +6705,8 @@
     "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=="
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true
     },
     "caniuse-lite": {
       "version": "1.0.30001517",
@@ -6684,12 +6771,14 @@
     "commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true
     },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "convert-source-map": {
       "version": "1.9.0",
@@ -6722,7 +6811,8 @@
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true
     },
     "csstype": {
       "version": "3.1.2",
@@ -6779,7 +6869,8 @@
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "dir-glob": {
       "version": "3.0.1",
@@ -6793,7 +6884,8 @@
     "dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "doctrine": {
       "version": "3.0.0",
@@ -7306,6 +7398,7 @@
       "version": "3.13.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-tailwindcss/-/eslint-plugin-tailwindcss-3.13.0.tgz",
       "integrity": "sha512-Fcep4KDRLWaK3KmkQbdyKHG0P4GdXFmXdDaweTIPcgOP60OOuWFbh1++dufRT28Q4zpKTKaHwTsXPJ4O/EjU2Q==",
+      "dev": true,
       "requires": {
         "fast-glob": "^3.2.5",
         "postcss": "^8.4.4"
@@ -7395,6 +7488,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
       "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
       "requires": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -7419,6 +7513,7 @@
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
       "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "dev": true,
       "requires": {
         "reusify": "^1.0.4"
       }
@@ -7490,7 +7585,8 @@
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "fsevents": {
       "version": "2.3.2",
@@ -7570,6 +7666,7 @@
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
       "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dev": true,
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -7739,6 +7836,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -7747,7 +7845,8 @@
     "inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "internal-slot": {
       "version": "1.0.5",
@@ -8016,7 +8115,8 @@
     "jiti": {
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz",
-      "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg=="
+      "integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==",
+      "dev": true
     },
     "js-tokens": {
       "version": "4.0.0",
@@ -8113,7 +8213,8 @@
     "lilconfig": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true
     },
     "lines-and-columns": {
       "version": "1.2.4",
@@ -8171,12 +8272,14 @@
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true
     },
     "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"
@@ -8192,6 +8295,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -8231,6 +8335,7 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
       "requires": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -8316,7 +8421,8 @@
     "object-hash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true
     },
     "object-inspect": {
       "version": "1.12.3",
@@ -8401,6 +8507,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
       "requires": {
         "wrappy": "1"
       }
@@ -8480,7 +8587,8 @@
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true
     },
     "path-key": {
       "version": "3.1.1",
@@ -8511,17 +8619,20 @@
     "pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true
     },
     "pirates": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true
     },
     "postcss": {
       "version": "8.4.27",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.27.tgz",
       "integrity": "sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==",
+      "dev": true,
       "requires": {
         "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
@@ -8532,6 +8643,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "requires": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -8542,6 +8654,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
       "requires": {
         "camelcase-css": "^2.0.1"
       }
@@ -8550,6 +8663,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
       "requires": {
         "postcss-selector-parser": "^6.0.11"
       }
@@ -8558,6 +8672,7 @@
       "version": "6.0.13",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
       "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+      "dev": true,
       "requires": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -8566,7 +8681,8 @@
     "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==",
+      "dev": true
     },
     "prelude-ls": {
       "version": "1.2.1",
@@ -8580,6 +8696,13 @@
       "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "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": {}
+    },
     "pretty-quick": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/pretty-quick/-/pretty-quick-3.1.3.tgz",
@@ -8711,7 +8834,8 @@
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true
     },
     "react": {
       "version": "18.2.0",
@@ -8807,6 +8931,7 @@
       "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"
       }
@@ -8873,7 +8998,8 @@
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true
     },
     "rimraf": {
       "version": "3.0.2",
@@ -8888,6 +9014,7 @@
       "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"
       }
@@ -9088,6 +9215,7 @@
       "version": "3.34.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
       "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dev": true,
       "requires": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -9115,6 +9243,7 @@
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
       "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dev": true,
       "requires": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -9144,6 +9273,7 @@
           "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"
           }
@@ -9152,6 +9282,7 @@
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
           "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+          "dev": true,
           "requires": {
             "lilconfig": "^2.0.5",
             "yaml": "^2.1.1"
@@ -9160,7 +9291,8 @@
         "yaml": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
-          "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ=="
+          "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+          "dev": true
         }
       }
     },
@@ -9180,6 +9312,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
       "requires": {
         "any-promise": "^1.0.0"
       }
@@ -9188,6 +9321,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
       "requires": {
         "thenify": ">= 3.1.0 < 4"
       }
@@ -9215,7 +9349,8 @@
     "ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
     },
     "tsconfig-paths": {
       "version": "3.14.2",
@@ -9299,7 +9434,8 @@
     "typescript": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
-      "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw=="
+      "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
+      "dev": true
     },
     "unbox-primitive": {
       "version": "1.0.2",
@@ -9358,7 +9494,8 @@
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "which": {
       "version": "2.0.2",
@@ -9430,7 +9567,8 @@
     "wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true
     },
     "yallist": {
       "version": "4.0.0",
diff --git a/cubeseed_login/package.json b/cubeseed_login/package.json
index 56708e5..17fb50a 100644
--- a/cubeseed_login/package.json
+++ b/cubeseed_login/package.json
@@ -14,14 +14,12 @@
     "@material-tailwind/html": "^2.0.0",
     "@radix-ui/react-dialog": "^1.0.4",
     "base-64": "^1.0.0",
-    "eslint-plugin-tailwindcss": "^3.13.0",
     "next": "13.3.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-responsive-modal": "^6.4.2",
     "react-select": "^5.7.3",
-    "sass": "^1.62.1",
-    "typescript": "5.0.4"
+    "sass": "^1.62.1"
   },
   "devDependencies": {
     "@types/node": "20.1.4",
@@ -31,10 +29,13 @@
     "eslint": "8.48.0",
     "eslint-config-next": "13.4.19",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-tailwindcss": "^3.13.0",
     "husky": "^8.0.0",
     "postcss": "^8.4.25",
     "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.1.13",
     "pretty-quick": "^3.1.3",
-    "tailwindcss": "^3.3.2"
+    "tailwindcss": "^3.3.2",
+    "typescript": "5.0.4"
   }
 }