commit 316b63561a8ec53f4d359ad5d706825f4f0fc1a0
Author: Jonny_Bro (Nikita) <niktom.nikto@ya.ru>
Date:   Mon Jul 15 13:18:31 2024 +0500

    initial commit

diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..022cad6
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,8 @@
+BOT_CLIENT_ID="<BOT USER ID>"
+BOT_CLIENT_SECRET="<BOT SECRET>"
+
+# The absolute url of the dashboard (Production)
+APP_URL="http://localhost:3000"
+
+# The absolute url of the api endpoint of your bot (Production)
+NEXT_PUBLIC_API_ENDPOINT="http://localhost:8080"
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..00b8b5e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,37 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next
+/out
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..5e1bcea
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+/dist
+/.next
+/coverage
+/node_modules
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..219e598
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,11 @@
+{
+	"arrowParens": "avoid",
+	"bracketSpacing": true,
+	"endOfLine": "lf",
+	"printWidth": 250,
+	"semi": true,
+	"tabWidth": 4,
+	"trailingComma": "all",
+	"useTabs": true,
+	"parser": "babel"
+}
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..76d30a9
--- /dev/null
+++ b/README.md
@@ -0,0 +1,213 @@
+# Discord Bot Dashboard Template
+
+> Forked from [here](https://github.com/FileEditor97/discord-bot-dashboard)
+
+Using Typescript, Next.js 13, React 18 and Chakra ui 2.0
+
+- Support Light/Dark theme
+- Multi languages support (i18n)
+- Typescript support
+- Nice UI & UX + Fast performance
+- Flexiable and Customizable
+- Detailed Documentation
+
+**Video:** <https://youtu.be/IdMPjT5PzVk>\
+**Live Demo:** <https://demo-bot.vercel.app>
+
+- Only 'Welcome message' Feature is Supported
+
+## Review (not the latest version)
+
+|                  Light                   |                  Dark                  |
+| :--------------------------------------: | :------------------------------------: |
+| ![light-mode](./document/home-light.png) | ![dark-mode](./document/home-dark.png) |
+
+## Getting Started
+
+As a template, you need to customize a few things in order to get it work
+
+### Before that
+
+- Install Node.js, and a Package Manager (ex: npm or pnpm)
+
+### Required Skills
+
+- Basic knowledge about React.js
+- Able to read javascript/typescript
+
+### Set up
+
+1. **Clone the repo**
+   \
+   `git clone https://github.com/fuma_nama/discord-bot-dashboard-next.git`
+2. **Install dependencies**
+   \
+   We always prefer [`pnpm`](https://pnpm.io)
+
+   |      NPM      |      PNPM      |
+   | :-----------: | :------------: |
+   | `npm install` | `pnpm install` |
+
+3. **Customize files**
+   \
+   The file structure of this project
+   | Path | Description |
+   | ------------------------------------- | ------------- |
+   | [src/pages/\*](./src/pages) | All the pages |
+   | [src/components/\*](./src/components) | Components |
+   | [src/api/\*](./src/api) | API utils |
+   | [src/config/\*](./src/api) | Common configurations |
+4. **Define Features**
+   \
+   The dashboard has built-in support for configuring features
+   \
+   Users are able to enable/disable features and config the feature after enabling it
+
+   **Customize all typings in [src/config/types/custom-types.ts](./src/config/types/custom-types.ts)**
+   \
+   `CustomFeatures` is used for defining features and options, see the example for more details
+
+   **Open [src/config/features](./src/config/features.tsx)**
+   \
+   You can see how a feature is configured
+
+   ```tsx
+   'feature-id': {
+        name: 'Feature name',
+        description: 'Description about this feature',
+        icon: <Icon as={BsMusicNoteBeamed} />, //give it a cool icon
+        useRender: (data) => {
+            //render the form
+        },
+    }
+   ```
+
+   The `useRender` property is used to render Feature Configuration Panel \
+   Take a look at [here](./src/config/example/WelcomeMessageFeature.tsx) for examples
+
+5. **Configure General Information**
+   \
+   Modify [src/config/common.tsx](./src/config/common.tsx)
+   - Bot name & icon
+   - Invite url _(example: <https://discord.com/oauth2/authorize?client_id=1234&scope=bot>)_
+   - Guild settings
+6. **Configure Environment variables**
+   \
+   Those variables in [.env.example](./.env.example) are required
+   \
+   You can define environment variables by creating a `.env` file
+7. **Setup Backend Server**
+   \
+   In order to let the dashboard connected with your discord bot, you will need a backend server
+   \
+   You can implement it in any programming languages
+
+   Read [here](#backend-development) for a guide to develop your own server
+
+8. **Done!**
+   \
+   Start the app by `pnpm run dev` _(depends on your package manager)_
+   \
+   Then you should see the app started in port `3000`
+
+   [Localization](./document/localization.md) | [Forms](./document/form.md)
+
+## Authorization
+
+We are using the [API Routes](https://nextjs.org/docs/api-routes/introduction) of Next.js to handle Authorization
+
+### Configure the Application
+
+1. Open Discord Developer Portal
+2. Create your OAuth2 application in <https://discord.com/developers/applications>
+3. In `<Your Application>` -> OAuth2 -> Redirects
+
+   Add `<APP_URL>/api/auth/callback` url to the redirects
+
+   For Example: `http://localhost:3000/api/auth/callback` \
+   **This is required for Authorization**
+
+### Authorization Flow
+
+**`Login -> Discord OAuth -> API Routes -> Client`**
+
+- Login (`/api/auth/login`)
+  \
+  - Redirects user to discord oauth url
+- Open Discord OAuth url
+  - User authorizes the application
+  - Redirect back to `/api/auth/callback`
+- API Routes
+  - Store the access token in http-only cookies
+  - Redirect back to home page
+
+### Token Expiration
+
+The Discord access token can be expired or unauthorized by the user \
+We will require the user to login again after getting `401` error from the Discord API
+
+The refresh token won't be used, but you are able to customize the Authorization Flow
+
+## Backend Development
+
+Check [src/api/bot.ts](./src/api/bot.ts), it defined a built-in API for fetching data
+
+You can use `express.js` (Node.js), `Rocket` (Rust) or any libraries/languages to develop your own server
+\
+Usually the server runs along with your discord bot (in the same program)
+\
+Moreover, you can use redis instead of connecting to the bot server directly
+
+### Official Example
+
+[Node.js (Typescript)](https://github.com/fuma-nama/discord-dashboard-backend-next)
+
+### Authorization Header
+
+The client will pass their access token via the `Authorization` header
+
+`Bearer MY_TOKEN_1212112`
+
+### Required Routes
+
+You may extend it for more functions
+
+GET `/guilds/{guild}`
+
+- Get guild info (`custom-types.ts > CustomGuildInfo`)
+- **Respond 404 or `null` if bot hasn't joined the guild**
+
+GET `/guilds/{guild}/features/{feature}`
+
+- Get Feature options (`custom-types.ts > CustomFeatures[K]`)
+- **Respond 404 if not enabled**
+
+PATCH `/guilds/{guild}/features/{feature}`
+
+- Update feature options
+- With custom body (defined in `config/features`)
+- Respond updated feature options
+
+POST `/guilds/{guild}/features/{feature}`
+
+- Enable a feature
+
+DELETE `/guilds/{guild}/features/{feature}`
+
+- Disable a feature
+
+GET `/guilds/{guild}/roles`
+
+- Get Roles of the guild
+- Responds a list of [Role Object](https://discord.com/developers/docs/topics/permissions#role-object) _(Same as discord documentation)_
+
+GET `/guilds/{guild}/channels`
+
+- Get Channels of the guild
+- Responds a list of [Guild Channel](https://discord.com/developers/docs/resources/channel#channel-object) _(Same as discord documentation)_
+
+## Any issues?
+
+Feel free to ask a question by opening a issue
+
+**Love this project?** Give this repo a star!
diff --git a/document/form.md b/document/form.md
new file mode 100644
index 0000000..881fcc4
--- /dev/null
+++ b/document/form.md
@@ -0,0 +1,31 @@
+# The `useForm` hook
+
+We are using [`react-hook-form`](https://react-hook-form.com/) for forms, including feature configuration or settings page
+
+## Built-in Components
+
+There're some common components such as `<FilePicker />` in the [src/components/forms/\*](./src/components/forms) folder
+
+## Controller
+
+We add `useController` into custom components so as to provides better code quality
+
+Therefore, You don't have to wrap the inputs into the `<Controller />` component
+
+For example, the Color picker & Switch field can be used in this way
+
+```tsx
+<ColorPickerForm
+  control={{
+    label: 'Color',
+    description: 'The color of message',
+  }}
+  controller={{ control, name: 'color' }} //from the useForm hook
+/>
+```
+
+[Learn More](https://react-hook-form.com/api/usecontroller/)
+
+## Example
+
+Take a look at [here](./src/config/example/WelcomeMessageFeature.tsx) for examples
diff --git a/document/home-dark.png b/document/home-dark.png
new file mode 100644
index 0000000..5f0a6b5
Binary files /dev/null and b/document/home-dark.png differ
diff --git a/document/home-light.png b/document/home-light.png
new file mode 100644
index 0000000..e2e378b
Binary files /dev/null and b/document/home-light.png differ
diff --git a/document/localization.md b/document/localization.md
new file mode 100644
index 0000000..4eafe1f
--- /dev/null
+++ b/document/localization.md
@@ -0,0 +1,46 @@
+# Localization
+
+We provide a built-in localization utils for you which is light-weight and type-safe
+
+## Add a New language
+
+We're using the built-in [Internationalized Routing](https://nextjs.org/docs/advanced-features/i18n-routing) from Next.js in order to setup i18n
+
+Please read their guide to more details
+
+## Define Translations
+
+Create the translation config (Default folder: [src/config/translations](./src/config/translations))
+
+> test.ts
+
+```ts
+import { provider } from './provider'; //import the provider
+import { createI18n } from '@/utils/i18n';
+
+export const test = createI18n(provider, {
+  en: {
+    hello: 'Hello',
+  },
+  cn: {
+    hello: '你好',
+  },
+});
+```
+
+## Use it in any places
+
+> component.tsx
+
+```tsx
+import {test} from '@/config/translations/test'
+
+export function YourComponent() {
+  const t = test.useTranslations();
+
+  return <>
+   <p>{t.hello}</p>
+   <test.T text='hello'>
+  </>
+}
+```
diff --git a/document/preview-new.png b/document/preview-new.png
new file mode 100644
index 0000000..4a7e675
Binary files /dev/null and b/document/preview-new.png differ
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..bd81093
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,17 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  async redirects() {
+    return [
+      { source: '/auth', destination: '/auth/signin', permanent: false },
+      { source: '/user', destination: '/user/home', permanent: false },
+      { source: '/', destination: '/user/home', permanent: false },
+    ];
+  },
+  i18n: {
+    locales: ['en'],
+    defaultLocale: 'en',
+  },
+};
+
+module.exports = nextConfig;
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4fd853d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,141 @@
+{
+    "name": "jaba-dashboard",
+    "version": "0.1.0",
+    "license": "MIT",
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "preinstall": "npx only-allow pnpm"
+    },
+    "dependencies": {
+        "@chakra-ui/anatomy": "^2.0.1",
+        "@chakra-ui/form-control": "^2.0.0",
+        "@chakra-ui/icon": "^3.0.0",
+        "@chakra-ui/layout": "^2.0.0",
+        "@chakra-ui/menu": "^2.1.8",
+        "@chakra-ui/react": "^2.4.0",
+        "@chakra-ui/spinner": "^2.0.0",
+        "@chakra-ui/styled-system": "^2.0.0",
+        "@chakra-ui/system": "^2.0.0",
+        "@chakra-ui/theme-tools": "^2.0.0",
+        "@emotion/react": "^11.8.1",
+        "@emotion/styled": "^11.3.0",
+        "@hookform/resolvers": "^3.9.0",
+        "@tanstack/react-query": "^5.50.1",
+        "apexcharts": "^3.36.3",
+        "chakra-react-select": "^4.4.2",
+        "cookies-next": "^2.1.1",
+        "deepmerge-ts": "^7.0.3",
+        "framer-motion": "^11.0.0",
+        "next": "^14.2.4",
+        "react": "^18.2.0",
+        "react-apexcharts": "^1.4.0",
+        "react-calendar": "^5.0.0",
+        "react-colorful": "^5.6.1",
+        "react-dom": "^18.0.0",
+        "react-dropzone": "^14.2.3",
+        "react-hook-form": "^7.43.2",
+        "react-icons": "^5.2.1",
+        "zod": "^3.20.6",
+        "zustand": "^4.4.6"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.21.0",
+        "@types/node": "20.14.10",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "eslint": "^8.0.0",
+        "eslint-config-next": "^14.2.4",
+        "eslint-config-prettier": "9.1.0",
+        "prettier": "^3.3.2",
+        "typescript": "^5.5.3"
+    },
+    "eslintConfig": {
+        "extends": "eslint:recommended",
+        "env": {
+            "commonjs": true,
+            "es6": true,
+            "es2020": true,
+            "node": true
+        },
+        "globals": {
+            "Atomics": "readonly",
+            "SharedArrayBuffer": "readonly"
+        },
+        "parserOptions": {
+            "ecmaVersion": 2020
+        },
+        "rules": {
+            "arrow-spacing": [
+                "warn",
+                {
+                    "before": true,
+                    "after": true
+                }
+            ],
+            "comma-dangle": [
+                "error",
+                "always-multiline"
+            ],
+            "comma-spacing": "error",
+            "comma-style": "error",
+            "dot-location": [
+                "error",
+                "property"
+            ],
+            "handle-callback-err": "off",
+            "indent": [
+                "error",
+                "tab",
+                {
+                    "SwitchCase": 1
+                }
+            ],
+            "keyword-spacing": "error",
+            "max-nested-callbacks": [
+                "error",
+                {
+                    "max": 4
+                }
+            ],
+            "max-statements-per-line": [
+                "error",
+                {
+                    "max": 2
+                }
+            ],
+            "no-console": "off",
+            "no-multi-spaces": "error",
+            "no-multiple-empty-lines": [
+                "error",
+                {
+                    "max": 2,
+                    "maxEOF": 1,
+                    "maxBOF": 0
+                }
+            ],
+            "no-trailing-spaces": [
+                "error"
+            ],
+            "no-var": "error",
+            "object-curly-spacing": [
+                "error",
+                "always"
+            ],
+            "prefer-const": "error",
+            "quotes": [
+                "error",
+                "double"
+            ],
+            "semi": [
+                "error",
+                "always"
+            ],
+            "space-in-parens": "error",
+            "space-infix-ops": "error",
+            "space-unary-ops": "error",
+            "yoda": "error"
+        }
+    }
+}
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..09a5a9e
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,5516 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@chakra-ui/anatomy':
+        specifier: ^2.0.1
+        version: 2.2.2
+      '@chakra-ui/form-control':
+        specifier: ^2.0.0
+        version: 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/icon':
+        specifier: ^3.0.0
+        version: 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/layout':
+        specifier: ^2.0.0
+        version: 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/menu':
+        specifier: ^2.1.8
+        version: 2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react':
+        specifier: ^2.4.0
+        version: 2.8.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/spinner':
+        specifier: ^2.0.0
+        version: 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/styled-system':
+        specifier: ^2.0.0
+        version: 2.9.2
+      '@chakra-ui/system':
+        specifier: ^2.0.0
+        version: 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/theme-tools':
+        specifier: ^2.0.0
+        version: 2.1.2(@chakra-ui/styled-system@2.9.2)
+      '@emotion/react':
+        specifier: ^11.8.1
+        version: 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/styled':
+        specifier: ^11.3.0
+        version: 11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)
+      '@hookform/resolvers':
+        specifier: ^3.9.0
+        version: 3.9.0(react-hook-form@7.52.1(react@18.3.1))
+      '@tanstack/react-query':
+        specifier: ^5.50.1
+        version: 5.51.1(react@18.3.1)
+      apexcharts:
+        specifier: ^3.36.3
+        version: 3.50.0
+      chakra-react-select:
+        specifier: ^4.4.2
+        version: 4.9.1(p5bkqnjnphfnkv6rmc2gjcoimy)
+      cookies-next:
+        specifier: ^2.1.1
+        version: 2.1.2
+      deepmerge-ts:
+        specifier: ^7.0.3
+        version: 7.0.3
+      framer-motion:
+        specifier: ^11.0.0
+        version: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next:
+        specifier: ^14.2.4
+        version: 14.2.5(@babel/core@7.24.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react:
+        specifier: ^18.2.0
+        version: 18.3.1
+      react-apexcharts:
+        specifier: ^1.4.0
+        version: 1.4.1(apexcharts@3.50.0)(react@18.3.1)
+      react-calendar:
+        specifier: ^5.0.0
+        version: 5.0.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-colorful:
+        specifier: ^5.6.1
+        version: 5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-dom:
+        specifier: ^18.0.0
+        version: 18.3.1(react@18.3.1)
+      react-dropzone:
+        specifier: ^14.2.3
+        version: 14.2.3(react@18.3.1)
+      react-hook-form:
+        specifier: ^7.43.2
+        version: 7.52.1(react@18.3.1)
+      react-icons:
+        specifier: ^5.2.1
+        version: 5.2.1(react@18.3.1)
+      zod:
+        specifier: ^3.20.6
+        version: 3.23.8
+      zustand:
+        specifier: ^4.4.6
+        version: 4.5.4(@types/react@18.3.3)(react@18.3.1)
+    devDependencies:
+      '@babel/core':
+        specifier: ^7.21.0
+        version: 7.24.8
+      '@types/node':
+        specifier: 20.14.10
+        version: 20.14.10
+      '@types/react':
+        specifier: ^18.0.0
+        version: 18.3.3
+      '@types/react-dom':
+        specifier: ^18.0.0
+        version: 18.3.0
+      eslint:
+        specifier: ^8.0.0
+        version: 8.57.0
+      eslint-config-next:
+        specifier: ^14.2.4
+        version: 14.2.5(eslint@8.57.0)(typescript@5.5.3)
+      eslint-config-prettier:
+        specifier: 9.1.0
+        version: 9.1.0(eslint@8.57.0)
+      prettier:
+        specifier: ^3.3.2
+        version: 3.3.2
+      typescript:
+        specifier: ^5.5.3
+        version: 5.5.3
+
+packages:
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@babel/code-frame@7.24.7':
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.24.8':
+    resolution: {integrity: sha512-c4IM7OTg6k1Q+AJ153e2mc2QVTezTwnb4VzquwcyiEzGnW0Kedv4do/TrkU98qPeC5LNiMt/QXwIjzYXLBpyZg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.24.8':
+    resolution: {integrity: sha512-6AWcmZC/MZCO0yKys4uhg5NlxL0ESF3K6IAaoQ+xSXvPyPyxNWRafP+GDbI88Oh68O7QkJgmEtedWPM9U0pZNg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.24.8':
+    resolution: {integrity: sha512-47DG+6F5SzOi0uEvK4wMShmn5yY0mVjVJoWTphdY2B4Rx9wHgjK7Yhtr0ru6nE+sn0v38mzrWOlah0p/YlHHOQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.24.8':
+    resolution: {integrity: sha512-oU+UoqCHdp+nWVDkpldqIQL/i/bvAv53tRqLG/s+cOXxe66zOYLU7ar/Xs3LdmBihrUMEUhwu6dMZwbNOYDwvw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-environment-visitor@7.24.7':
+    resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-function-name@7.24.7':
+    resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-hoist-variables@7.24.7':
+    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.24.7':
+    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.24.8':
+    resolution: {integrity: sha512-m4vWKVqvkVAWLXfHCCfff2luJj86U+J0/x+0N3ArG/tP0Fq7zky2dYwMbtPmkc/oulkkbjdL3uWzuoBwQ8R00Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-simple-access@7.24.7':
+    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.24.8':
+    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.24.7':
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.24.8':
+    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.24.8':
+    resolution: {integrity: sha512-gV2265Nkcz7weJJfvDoAEVzC1e2OTDpkGbEsebse8koXUJUXPsCMi7sRo/+SPMuMZ9MtUPnGwITTnQnU5YjyaQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/highlight@7.24.7':
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.24.8':
+    resolution: {integrity: sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/runtime@7.24.8':
+    resolution: {integrity: sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/template@7.24.7':
+    resolution: {integrity: sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.24.8':
+    resolution: {integrity: sha512-t0P1xxAPzEDcEPmjprAQq19NWum4K0EQPjMwZQZbHt+GiZqvjCHjj755Weq1YRPVzBI+3zSfvScfpnuIecVFJQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.24.8':
+    resolution: {integrity: sha512-SkSBEHwwJRU52QEVZBmMBnE5Ux2/6WU1grdYyOhpbCNxbmJrDuDCphBzKZSO3taf0zztp+qkWlymE5tVL5l0TA==}
+    engines: {node: '>=6.9.0'}
+
+  '@chakra-ui/accordion@2.3.1':
+    resolution: {integrity: sha512-FSXRm8iClFyU+gVaXisOSEw0/4Q+qZbFRiuhIAkVU6Boj0FxAMrlo9a8AV5TuF77rgaHytCdHk0Ng+cyUijrag==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+
+  '@chakra-ui/alert@2.2.2':
+    resolution: {integrity: sha512-jHg4LYMRNOJH830ViLuicjb3F+v6iriE/2G5T+Sd0Hna04nukNJ1MxUmBPE+vI22me2dIflfelu2v9wdB6Pojw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/anatomy@2.2.2':
+    resolution: {integrity: sha512-MV6D4VLRIHr4PkW4zMyqfrNS1mPlCTiCXwvYGtDFQYr+xHFfonhAuf9WjsSc0nyp2m0OdkSLnzmVKkZFLo25Tg==}
+
+  '@chakra-ui/avatar@2.3.0':
+    resolution: {integrity: sha512-8gKSyLfygnaotbJbDMHDiJoF38OHXUYVme4gGxZ1fLnQEdPVEaIWfH+NndIjOM0z8S+YEFnT9KyGMUtvPrBk3g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/breadcrumb@2.2.0':
+    resolution: {integrity: sha512-4cWCG24flYBxjruRi4RJREWTGF74L/KzI2CognAW/d/zWR0CjiScuJhf37Am3LFbCySP6WSoyBOtTIoTA4yLEA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/breakpoint-utils@2.0.8':
+    resolution: {integrity: sha512-Pq32MlEX9fwb5j5xx8s18zJMARNHlQZH2VH1RZgfgRDpp7DcEgtRW5AInfN5CfqdHLO1dGxA7I3MqEuL5JnIsA==}
+
+  '@chakra-ui/button@2.1.0':
+    resolution: {integrity: sha512-95CplwlRKmmUXkdEp/21VkEWgnwcx2TOBG6NfYlsuLBDHSLlo5FKIiE2oSi4zXc4TLcopGcWPNcm/NDaSC5pvA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/card@2.2.0':
+    resolution: {integrity: sha512-xUB/k5MURj4CtPAhdSoXZidUbm8j3hci9vnc+eZJVDqhDOShNlD6QeniQNRPRys4lWAQLCbFcrwL29C8naDi6g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/checkbox@2.3.2':
+    resolution: {integrity: sha512-85g38JIXMEv6M+AcyIGLh7igNtfpAN6KGQFYxY9tBj0eWvWk4NKQxvqqyVta0bSAyIl1rixNIIezNpNWk2iO4g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/clickable@2.1.0':
+    resolution: {integrity: sha512-flRA/ClPUGPYabu+/GLREZVZr9j2uyyazCAUHAdrTUEdDYCr31SVGhgh7dgKdtq23bOvAQJpIJjw/0Bs0WvbXw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/close-button@2.1.1':
+    resolution: {integrity: sha512-gnpENKOanKexswSVpVz7ojZEALl2x5qjLYNqSQGbxz+aP9sOXPfUS56ebyBrre7T7exuWGiFeRwnM0oVeGPaiw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/color-mode@2.2.0':
+    resolution: {integrity: sha512-niTEA8PALtMWRI9wJ4LL0CSBDo8NBfLNp4GD6/0hstcm3IlbBHTVKxN6HwSaoNYfphDQLxCjT4yG+0BJA5tFpg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/control-box@2.1.0':
+    resolution: {integrity: sha512-gVrRDyXFdMd8E7rulL0SKeoljkLQiPITFnsyMO8EFHNZ+AHt5wK4LIguYVEq88APqAGZGfHFWXr79RYrNiE3Mg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/counter@2.1.0':
+    resolution: {integrity: sha512-s6hZAEcWT5zzjNz2JIWUBzRubo9la/oof1W7EKZVVfPYHERnl5e16FmBC79Yfq8p09LQ+aqFKm/etYoJMMgghw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/css-reset@2.3.0':
+    resolution: {integrity: sha512-cQwwBy5O0jzvl0K7PLTLgp8ijqLPKyuEMiDXwYzl95seD3AoeuoCLyzZcJtVqaUZ573PiBdAbY/IlZcwDOItWg==}
+    peerDependencies:
+      '@emotion/react': '>=10.0.35'
+      react: '>=18'
+
+  '@chakra-ui/descendant@3.1.0':
+    resolution: {integrity: sha512-VxCIAir08g5w27klLyi7PVo8BxhW4tgU/lxQyujkmi4zx7hT9ZdrcQLAted/dAa+aSIZ14S1oV0Q9lGjsAdxUQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/dom-utils@2.1.0':
+    resolution: {integrity: sha512-ZmF2qRa1QZ0CMLU8M1zCfmw29DmPNtfjR9iTo74U5FPr3i1aoAh7fbJ4qAlZ197Xw9eAW28tvzQuoVWeL5C7fQ==}
+
+  '@chakra-ui/editable@3.1.0':
+    resolution: {integrity: sha512-j2JLrUL9wgg4YA6jLlbU88370eCRyor7DZQD9lzpY95tSOXpTljeg3uF9eOmDnCs6fxp3zDWIfkgMm/ExhcGTg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/event-utils@2.0.8':
+    resolution: {integrity: sha512-IGM/yGUHS+8TOQrZGpAKOJl/xGBrmRYJrmbHfUE7zrG3PpQyXvbLDP1M+RggkCFVgHlJi2wpYIf0QtQlU0XZfw==}
+
+  '@chakra-ui/focus-lock@2.1.0':
+    resolution: {integrity: sha512-EmGx4PhWGjm4dpjRqM4Aa+rCWBxP+Rq8Uc/nAVnD4YVqkEhBkrPTpui2lnjsuxqNaZ24fIAZ10cF1hlpemte/w==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/form-control@2.2.0':
+    resolution: {integrity: sha512-wehLC1t4fafCVJ2RvJQT2jyqsAwX7KymmiGqBu7nQoQz8ApTkGABWpo/QwDh3F/dBLrouHDoOvGmYTqft3Mirw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/hooks@2.2.1':
+    resolution: {integrity: sha512-RQbTnzl6b1tBjbDPf9zGRo9rf/pQMholsOudTxjy4i9GfTfz6kgp5ValGjQm2z7ng6Z31N1cnjZ1AlSzQ//ZfQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/icon@3.2.0':
+    resolution: {integrity: sha512-xxjGLvlX2Ys4H0iHrI16t74rG9EBcpFvJ3Y3B7KMQTrnW34Kf7Da/UC8J67Gtx85mTHW020ml85SVPKORWNNKQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/image@2.1.0':
+    resolution: {integrity: sha512-bskumBYKLiLMySIWDGcz0+D9Th0jPvmX6xnRMs4o92tT3Od/bW26lahmV2a2Op2ItXeCmRMY+XxJH5Gy1i46VA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/input@2.1.2':
+    resolution: {integrity: sha512-GiBbb3EqAA8Ph43yGa6Mc+kUPjh4Spmxp1Pkelr8qtudpc3p2PJOOebLpd90mcqw8UePPa+l6YhhPtp6o0irhw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/layout@2.3.1':
+    resolution: {integrity: sha512-nXuZ6WRbq0WdgnRgLw+QuxWAHuhDtVX8ElWqcTK+cSMFg/52eVP47czYBE5F35YhnoW2XBwfNoNgZ7+e8Z01Rg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/lazy-utils@2.0.5':
+    resolution: {integrity: sha512-UULqw7FBvcckQk2n3iPO56TMJvDsNv0FKZI6PlUNJVaGsPbsYxK/8IQ60vZgaTVPtVcjY6BE+y6zg8u9HOqpyg==}
+
+  '@chakra-ui/live-region@2.1.0':
+    resolution: {integrity: sha512-ZOxFXwtaLIsXjqnszYYrVuswBhnIHHP+XIgK1vC6DePKtyK590Wg+0J0slDwThUAd4MSSIUa/nNX84x1GMphWw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/media-query@3.3.0':
+    resolution: {integrity: sha512-IsTGgFLoICVoPRp9ykOgqmdMotJG0CnPsKvGQeSFOB/dZfIujdVb14TYxDU4+MURXry1MhJ7LzZhv+Ml7cr8/g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/menu@2.2.1':
+    resolution: {integrity: sha512-lJS7XEObzJxsOwWQh7yfG4H8FzFPRP5hVPN/CL+JzytEINCSBvsCDHrYPQGp7jzpCi8vnTqQQGQe0f8dwnXd2g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+
+  '@chakra-ui/modal@2.3.1':
+    resolution: {integrity: sha512-TQv1ZaiJMZN+rR9DK0snx/OPwmtaGH1HbZtlYt4W4s6CzyK541fxLRTjIXfEzIGpvNW+b6VFuFjbcR78p4DEoQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/number-input@2.1.2':
+    resolution: {integrity: sha512-pfOdX02sqUN0qC2ysuvgVDiws7xZ20XDIlcNhva55Jgm095xjm8eVdIBfNm3SFbSUNxyXvLTW/YQanX74tKmuA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/number-utils@2.0.7':
+    resolution: {integrity: sha512-yOGxBjXNvLTBvQyhMDqGU0Oj26s91mbAlqKHiuw737AXHt0aPllOthVUqQMeaYLwLCjGMg0jtI7JReRzyi94Dg==}
+
+  '@chakra-ui/object-utils@2.1.0':
+    resolution: {integrity: sha512-tgIZOgLHaoti5PYGPTwK3t/cqtcycW0owaiOXoZOcpwwX/vlVb+H1jFsQyWiiwQVPt9RkoSLtxzXamx+aHH+bQ==}
+
+  '@chakra-ui/pin-input@2.1.0':
+    resolution: {integrity: sha512-x4vBqLStDxJFMt+jdAHHS8jbh294O53CPQJoL4g228P513rHylV/uPscYUHrVJXRxsHfRztQO9k45jjTYaPRMw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/popover@2.2.1':
+    resolution: {integrity: sha512-K+2ai2dD0ljvJnlrzesCDT9mNzLifE3noGKZ3QwLqd/K34Ym1W/0aL1ERSynrcG78NKoXS54SdEzkhCZ4Gn/Zg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+
+  '@chakra-ui/popper@3.1.0':
+    resolution: {integrity: sha512-ciDdpdYbeFG7og6/6J8lkTFxsSvwTdMLFkpVylAF6VNC22jssiWfquj2eyD4rJnzkRFPvIWJq8hvbfhsm+AjSg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/portal@2.1.0':
+    resolution: {integrity: sha512-9q9KWf6SArEcIq1gGofNcFPSWEyl+MfJjEUg/un1SMlQjaROOh3zYr+6JAwvcORiX7tyHosnmWC3d3wI2aPSQg==}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/progress@2.2.0':
+    resolution: {integrity: sha512-qUXuKbuhN60EzDD9mHR7B67D7p/ZqNS2Aze4Pbl1qGGZfulPW0PY8Rof32qDtttDQBkzQIzFGE8d9QpAemToIQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/provider@2.4.2':
+    resolution: {integrity: sha512-w0Tef5ZCJK1mlJorcSjItCSbyvVuqpvyWdxZiVQmE6fvSJR83wZof42ux0+sfWD+I7rHSfj+f9nzhNaEWClysw==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/radio@2.1.2':
+    resolution: {integrity: sha512-n10M46wJrMGbonaghvSRnZ9ToTv/q76Szz284gv4QUWvyljQACcGrXIONUnQ3BIwbOfkRqSk7Xl/JgZtVfll+w==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/react-children-utils@2.0.6':
+    resolution: {integrity: sha512-QVR2RC7QsOsbWwEnq9YduhpqSFnZGvjjGREV8ygKi8ADhXh93C8azLECCUVgRJF2Wc+So1fgxmjLcbZfY2VmBA==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-context@2.1.0':
+    resolution: {integrity: sha512-iahyStvzQ4AOwKwdPReLGfDesGG+vWJfEsn0X/NoGph/SkN+HXtv2sCfYFFR9k7bb+Kvc6YfpLlSuLvKMHi2+w==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-env@3.1.0':
+    resolution: {integrity: sha512-Vr96GV2LNBth3+IKzr/rq1IcnkXv+MLmwjQH6C8BRtn3sNskgDFD5vLkVXcEhagzZMCh8FR3V/bzZPojBOyNhw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-types@2.0.7':
+    resolution: {integrity: sha512-12zv2qIZ8EHwiytggtGvo4iLT0APris7T0qaAWqzpUGS0cdUtR8W+V1BJ5Ocq+7tA6dzQ/7+w5hmXih61TuhWQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-animation-state@2.1.0':
+    resolution: {integrity: sha512-CFZkQU3gmDBwhqy0vC1ryf90BVHxVN8cTLpSyCpdmExUEtSEInSCGMydj2fvn7QXsz/za8JNdO2xxgJwxpLMtg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-callback-ref@2.1.0':
+    resolution: {integrity: sha512-efnJrBtGDa4YaxDzDE90EnKD3Vkh5a1t3w7PhnRQmsphLy3g2UieasoKTlT2Hn118TwDjIv5ZjHJW6HbzXA9wQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-controllable-state@2.1.0':
+    resolution: {integrity: sha512-QR/8fKNokxZUs4PfxjXuwl0fj/d71WPrmLJvEpCTkHjnzu7LnYvzoe2wB867IdooQJL0G1zBxl0Dq+6W1P3jpg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-disclosure@2.1.0':
+    resolution: {integrity: sha512-Ax4pmxA9LBGMyEZJhhUZobg9C0t3qFE4jVF1tGBsrLDcdBeLR9fwOogIPY9Hf0/wqSlAryAimICbr5hkpa5GSw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-event-listener@2.1.0':
+    resolution: {integrity: sha512-U5greryDLS8ISP69DKDsYcsXRtAdnTQT+jjIlRYZ49K/XhUR/AqVZCK5BkR1spTDmO9H8SPhgeNKI70ODuDU/Q==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-focus-effect@2.1.0':
+    resolution: {integrity: sha512-xzVboNy7J64xveLcxTIJ3jv+lUJKDwRM7Szwn9tNzUIPD94O3qwjV7DDCUzN2490nSYDF4OBMt/wuDBtaR3kUQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-focus-on-pointer-down@2.1.0':
+    resolution: {integrity: sha512-2jzrUZ+aiCG/cfanrolsnSMDykCAbv9EK/4iUyZno6BYb3vziucmvgKuoXbMPAzWNtwUwtuMhkby8rc61Ue+Lg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-interval@2.1.0':
+    resolution: {integrity: sha512-8iWj+I/+A0J08pgEXP1J1flcvhLBHkk0ln7ZvGIyXiEyM6XagOTJpwNhiu+Bmk59t3HoV/VyvyJTa+44sEApuw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-latest-ref@2.1.0':
+    resolution: {integrity: sha512-m0kxuIYqoYB0va9Z2aW4xP/5b7BzlDeWwyXCH6QpT2PpW3/281L3hLCm1G0eOUcdVlayqrQqOeD6Mglq+5/xoQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-merge-refs@2.1.0':
+    resolution: {integrity: sha512-lERa6AWF1cjEtWSGjxWTaSMvneccnAVH4V4ozh8SYiN9fSPZLlSG3kNxfNzdFvMEhM7dnP60vynF7WjGdTgQbQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-outside-click@2.2.0':
+    resolution: {integrity: sha512-PNX+s/JEaMneijbgAM4iFL+f3m1ga9+6QK0E5Yh4s8KZJQ/bLwZzdhMz8J/+mL+XEXQ5J0N8ivZN28B82N1kNw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-pan-event@2.1.0':
+    resolution: {integrity: sha512-xmL2qOHiXqfcj0q7ZK5s9UjTh4Gz0/gL9jcWPA6GVf+A0Od5imEDa/Vz+533yQKWiNSm1QGrIj0eJAokc7O4fg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-previous@2.1.0':
+    resolution: {integrity: sha512-pjxGwue1hX8AFcmjZ2XfrQtIJgqbTF3Qs1Dy3d1krC77dEsiCUbQ9GzOBfDc8pfd60DrB5N2tg5JyHbypqh0Sg==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-safe-layout-effect@2.1.0':
+    resolution: {integrity: sha512-Knbrrx/bcPwVS1TorFdzrK/zWA8yuU/eaXDkNj24IrKoRlQrSBFarcgAEzlCHtzuhufP3OULPkELTzz91b0tCw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-size@2.1.0':
+    resolution: {integrity: sha512-tbLqrQhbnqOjzTaMlYytp7wY8BW1JpL78iG7Ru1DlV4EWGiAmXFGvtnEt9HftU0NJ0aJyjgymkxfVGI55/1Z4A==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-timeout@2.1.0':
+    resolution: {integrity: sha512-cFN0sobKMM9hXUhyCofx3/Mjlzah6ADaEl/AXl5Y+GawB5rgedgAcu2ErAgarEkwvsKdP6c68CKjQ9dmTQlJxQ==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-use-update-effect@2.1.0':
+    resolution: {integrity: sha512-ND4Q23tETaR2Qd3zwCKYOOS1dfssojPLJMLvUtUbW5M9uW1ejYWgGUobeAiOVfSplownG8QYMmHTP86p/v0lbA==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react-utils@2.0.12':
+    resolution: {integrity: sha512-GbSfVb283+YA3kA8w8xWmzbjNWk14uhNpntnipHCftBibl0lxtQ9YqMFQLwuFOO0U2gYVocszqqDWX+XNKq9hw==}
+    peerDependencies:
+      react: '>=18'
+
+  '@chakra-ui/react@2.8.2':
+    resolution: {integrity: sha512-Hn0moyxxyCDKuR9ywYpqgX8dvjqwu9ArwpIb9wHNYjnODETjLwazgNIliCVBRcJvysGRiV51U2/JtJVrpeCjUQ==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/select@2.1.2':
+    resolution: {integrity: sha512-ZwCb7LqKCVLJhru3DXvKXpZ7Pbu1TDZ7N0PdQ0Zj1oyVLJyrpef1u9HR5u0amOpqcH++Ugt0f5JSmirjNlctjA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/shared-utils@2.0.5':
+    resolution: {integrity: sha512-4/Wur0FqDov7Y0nCXl7HbHzCg4aq86h+SXdoUeuCMD3dSj7dpsVnStLYhng1vxvlbUnLpdF4oz5Myt3i/a7N3Q==}
+
+  '@chakra-ui/skeleton@2.1.0':
+    resolution: {integrity: sha512-JNRuMPpdZGd6zFVKjVQ0iusu3tXAdI29n4ZENYwAJEMf/fN0l12sVeirOxkJ7oEL0yOx2AgEYFSKdbcAgfUsAQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/skip-nav@2.1.0':
+    resolution: {integrity: sha512-Hk+FG+vadBSH0/7hwp9LJnLjkO0RPGnx7gBJWI4/SpoJf3e4tZlWYtwGj0toYY4aGKl93jVghuwGbDBEMoHDug==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/slider@2.1.0':
+    resolution: {integrity: sha512-lUOBcLMCnFZiA/s2NONXhELJh6sY5WtbRykPtclGfynqqOo47lwWJx+VP7xaeuhDOPcWSSecWc9Y1BfPOCz9cQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/spinner@2.1.0':
+    resolution: {integrity: sha512-hczbnoXt+MMv/d3gE+hjQhmkzLiKuoTo42YhUG7Bs9OSv2lg1fZHW1fGNRFP3wTi6OIbD044U1P9HK+AOgFH3g==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/stat@2.1.1':
+    resolution: {integrity: sha512-LDn0d/LXQNbAn2KaR3F1zivsZCewY4Jsy1qShmfBMKwn6rI8yVlbvu6SiA3OpHS0FhxbsZxQI6HefEoIgtqY6Q==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/stepper@2.3.1':
+    resolution: {integrity: sha512-ky77lZbW60zYkSXhYz7kbItUpAQfEdycT0Q4bkHLxfqbuiGMf8OmgZOQkOB9uM4v0zPwy2HXhe0vq4Dd0xa55Q==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/styled-system@2.9.2':
+    resolution: {integrity: sha512-To/Z92oHpIE+4nk11uVMWqo2GGRS86coeMmjxtpnErmWRdLcp1WVCVRAvn+ZwpLiNR+reWFr2FFqJRsREuZdAg==}
+
+  '@chakra-ui/switch@2.1.2':
+    resolution: {integrity: sha512-pgmi/CC+E1v31FcnQhsSGjJnOE2OcND4cKPyTE+0F+bmGm48Q/b5UmKD9Y+CmZsrt/7V3h8KNczowupfuBfIHA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+
+  '@chakra-ui/system@2.6.2':
+    resolution: {integrity: sha512-EGtpoEjLrUu4W1fHD+a62XR+hzC5YfsWm+6lO0Kybcga3yYEij9beegO0jZgug27V+Rf7vns95VPVP6mFd/DEQ==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+
+  '@chakra-ui/table@2.1.0':
+    resolution: {integrity: sha512-o5OrjoHCh5uCLdiUb0Oc0vq9rIAeHSIRScc2ExTC9Qg/uVZl2ygLrjToCaKfaaKl1oQexIeAcZDKvPG8tVkHyQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/tabs@3.0.0':
+    resolution: {integrity: sha512-6Mlclp8L9lqXmsGWF5q5gmemZXOiOYuh0SGT/7PgJVNPz3LXREXlXg2an4MBUD8W5oTkduCX+3KTMCwRrVrDYw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/tag@3.1.1':
+    resolution: {integrity: sha512-Bdel79Dv86Hnge2PKOU+t8H28nm/7Y3cKd4Kfk9k3lOpUh4+nkSGe58dhRzht59lEqa4N9waCgQiBdkydjvBXQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/textarea@2.1.2':
+    resolution: {integrity: sha512-ip7tvklVCZUb2fOHDb23qPy/Fr2mzDOGdkrpbNi50hDCiV4hFX02jdQJdi3ydHZUyVgZVBKPOJ+lT9i7sKA2wA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@chakra-ui/theme-tools@2.1.2':
+    resolution: {integrity: sha512-Qdj8ajF9kxY4gLrq7gA+Azp8CtFHGO9tWMN2wfF9aQNgG9AuMhPrUzMq9AMQ0MXiYcgNq/FD3eegB43nHVmXVA==}
+    peerDependencies:
+      '@chakra-ui/styled-system': '>=2.0.0'
+
+  '@chakra-ui/theme-utils@2.0.21':
+    resolution: {integrity: sha512-FjH5LJbT794r0+VSCXB3lT4aubI24bLLRWB+CuRKHijRvsOg717bRdUN/N1fEmEpFnRVrbewttWh/OQs0EWpWw==}
+
+  '@chakra-ui/theme@3.3.1':
+    resolution: {integrity: sha512-Hft/VaT8GYnItGCBbgWd75ICrIrIFrR7lVOhV/dQnqtfGqsVDlrztbSErvMkoPKt0UgAkd9/o44jmZ6X4U2nZQ==}
+    peerDependencies:
+      '@chakra-ui/styled-system': '>=2.8.0'
+
+  '@chakra-ui/toast@7.0.2':
+    resolution: {integrity: sha512-yvRP8jFKRs/YnkuE41BVTq9nB2v/KDRmje9u6dgDmE5+1bFt3bwjdf9gVbif4u5Ve7F7BGk5E093ARRVtvLvXA==}
+    peerDependencies:
+      '@chakra-ui/system': 2.6.2
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/tooltip@2.3.1':
+    resolution: {integrity: sha512-Rh39GBn/bL4kZpuEMPPRwYNnccRCL+w9OqamWHIB3Qboxs6h8cOyXfIdGxjo72lvhu1QI/a4KFqkM3St+WfC0A==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+
+  '@chakra-ui/transition@2.1.0':
+    resolution: {integrity: sha512-orkT6T/Dt+/+kVwJNy7zwJ+U2xAZ3EU7M3XCs45RBvUnZDr/u9vdmaM/3D/rOpmQJWgQBwKPJleUXrYWUagEDQ==}
+    peerDependencies:
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+
+  '@chakra-ui/utils@2.0.15':
+    resolution: {integrity: sha512-El4+jL0WSaYYs+rJbuYFDbjmfCcfGDmRY95GO4xwzit6YAPZBLcR65rOEwLps+XWluZTy1xdMrusg/hW0c1aAA==}
+
+  '@chakra-ui/visually-hidden@2.2.0':
+    resolution: {integrity: sha512-KmKDg01SrQ7VbTD3+cPWf/UfpF5MSwm3v7MWi0n5t8HnnadT13MF0MJCDSXbBWnzLv1ZKJ6zlyAOeARWX+DpjQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0'
+      react: '>=18'
+
+  '@emotion/babel-plugin@11.11.0':
+    resolution: {integrity: sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==}
+
+  '@emotion/cache@11.11.0':
+    resolution: {integrity: sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==}
+
+  '@emotion/hash@0.9.1':
+    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
+
+  '@emotion/is-prop-valid@1.2.2':
+    resolution: {integrity: sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==}
+
+  '@emotion/memoize@0.8.1':
+    resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
+
+  '@emotion/react@11.11.4':
+    resolution: {integrity: sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@emotion/serialize@1.1.4':
+    resolution: {integrity: sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==}
+
+  '@emotion/sheet@1.2.2':
+    resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==}
+
+  '@emotion/styled@11.11.5':
+    resolution: {integrity: sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0-rc.0
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@emotion/unitless@0.8.1':
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+
+  '@emotion/use-insertion-effect-with-fallbacks@1.0.1':
+    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
+    peerDependencies:
+      react: '>=16.8.0'
+
+  '@emotion/utils@1.2.1':
+    resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
+
+  '@emotion/weak-memoize@0.3.1':
+    resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
+
+  '@eslint-community/eslint-utils@4.4.0':
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.11.0':
+    resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/eslintrc@2.1.4':
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@eslint/js@8.57.0':
+    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  '@floating-ui/core@1.6.4':
+    resolution: {integrity: sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==}
+
+  '@floating-ui/dom@1.6.7':
+    resolution: {integrity: sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==}
+
+  '@floating-ui/utils@0.2.4':
+    resolution: {integrity: sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==}
+
+  '@hookform/resolvers@3.9.0':
+    resolution: {integrity: sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+
+  '@humanwhocodes/config-array@0.11.14':
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    deprecated: Use @eslint/config-array instead
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/object-schema@2.0.3':
+    resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
+    deprecated: Use @eslint/object-schema instead
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.0':
+    resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+  '@next/env@14.2.5':
+    resolution: {integrity: sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==}
+
+  '@next/eslint-plugin-next@14.2.5':
+    resolution: {integrity: sha512-LY3btOpPh+OTIpviNojDpUdIbHW9j0JBYBjsIp8IxtDFfYFyORvw3yNq6N231FVqQA7n7lwaf7xHbVJlA1ED7g==}
+
+  '@next/swc-darwin-arm64@14.2.5':
+    resolution: {integrity: sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@14.2.5':
+    resolution: {integrity: sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@14.2.5':
+    resolution: {integrity: sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-arm64-musl@14.2.5':
+    resolution: {integrity: sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-x64-gnu@14.2.5':
+    resolution: {integrity: sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-linux-x64-musl@14.2.5':
+    resolution: {integrity: sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-win32-arm64-msvc@14.2.5':
+    resolution: {integrity: sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-ia32-msvc@14.2.5':
+    resolution: {integrity: sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@14.2.5':
+    resolution: {integrity: sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@popperjs/core@2.11.8':
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+
+  '@rushstack/eslint-patch@1.10.3':
+    resolution: {integrity: sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==}
+
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
+  '@swc/helpers@0.5.5':
+    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
+
+  '@tanstack/query-core@5.51.1':
+    resolution: {integrity: sha512-fJBMQMpo8/KSsWW5ratJR5+IFr7YNJ3K2kfP9l5XObYHsgfVy1w3FJUWU4FT2fj7+JMaEg33zOcNDBo0LMwHnw==}
+
+  '@tanstack/react-query@5.51.1':
+    resolution: {integrity: sha512-s47HKFnQ4HOJAHoIiXcpna/roMMPZJPy6fJ6p4ZNVn8+/onlLBEDd1+xc8OnDuwgvecqkZD7Z2mnSRbcWefrKw==}
+    peerDependencies:
+      react: ^18.0.0
+
+  '@types/cookie@0.4.1':
+    resolution: {integrity: sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==}
+
+  '@types/json5@0.0.29':
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+
+  '@types/lodash.mergewith@4.6.7':
+    resolution: {integrity: sha512-3m+lkO5CLRRYU0fhGRp7zbsGi6+BZj0uTVSwvcKU+nSlhjA9/QRNfuSGnD2mX6hQA7ZbmcCkzk5h4ZYGOtk14A==}
+
+  '@types/lodash@4.17.6':
+    resolution: {integrity: sha512-OpXEVoCKSS3lQqjx9GGGOapBeuW5eUboYHRlHP9urXPX25IKZ6AnP5ZRxtVf63iieUbsHxLn8NQ5Nlftc6yzAA==}
+
+  '@types/node@16.18.101':
+    resolution: {integrity: sha512-AAsx9Rgz2IzG8KJ6tXd6ndNkVcu+GYB6U/SnFAaokSPNx2N7dcIIfnighYUNumvj6YS2q39Dejz5tT0NCV7CWA==}
+
+  '@types/node@20.14.10':
+    resolution: {integrity: sha512-MdiXf+nDuMvY0gJKxyfZ7/6UFsETO7mGKF54MVD/ekJS6HdFtpZFBgrh6Pseu64XTb2MLyFPlbW6hj8HYRQNOQ==}
+
+  '@types/parse-json@4.0.2':
+    resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
+
+  '@types/prop-types@15.7.12':
+    resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
+
+  '@types/react-dom@18.3.0':
+    resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
+
+  '@types/react-transition-group@4.4.10':
+    resolution: {integrity: sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==}
+
+  '@types/react@18.3.3':
+    resolution: {integrity: sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==}
+
+  '@typescript-eslint/parser@7.2.0':
+    resolution: {integrity: sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@7.2.0':
+    resolution: {integrity: sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/types@7.2.0':
+    resolution: {integrity: sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@typescript-eslint/typescript-estree@7.2.0':
+    resolution: {integrity: sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/visitor-keys@7.2.0':
+    resolution: {integrity: sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+
+  '@ungap/structured-clone@1.2.0':
+    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
+
+  '@wojtekmaj/date-utils@1.5.1':
+    resolution: {integrity: sha512-+i7+JmNiE/3c9FKxzWFi2IjRJ+KzZl1QPu6QNrsgaa2MuBgXvUy4gA1TVzf/JMdIIloB76xSKikTWuyYAIVLww==}
+
+  '@yr/monotone-cubic-spline@1.0.3':
+    resolution: {integrity: sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==}
+
+  '@zag-js/dom-query@0.16.0':
+    resolution: {integrity: sha512-Oqhd6+biWyKnhKwFFuZrrf6lxBz2tX2pRQe6grUnYwO6HJ8BcbqZomy2lpOdr+3itlaUqx+Ywj5E5ZZDr/LBfQ==}
+
+  '@zag-js/element-size@0.10.5':
+    resolution: {integrity: sha512-uQre5IidULANvVkNOBQ1tfgwTQcGl4hliPSe69Fct1VfYb2Fd0jdAcGzqQgPhfrXFpR62MxLPB7erxJ/ngtL8w==}
+
+  '@zag-js/focus-visible@0.16.0':
+    resolution: {integrity: sha512-a7U/HSopvQbrDU4GLerpqiMcHKEkQkNPeDZJWz38cw/6Upunh41GjHetq5TB84hxyCaDzJ6q2nEdNoBQfC0FKA==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.12.1:
+    resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+
+  ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+
+  apexcharts@3.50.0:
+    resolution: {integrity: sha512-LJT1PNAm+NoIU3aogL2P+ViC0y/Cjik54FdzzGV54UNnGQLBoLe5ok3fxsJDTgyez45BGYT8gqNpYKqhdfy5sg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+
+  aria-query@5.1.3:
+    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
+
+  array-buffer-byte-length@1.0.1:
+    resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
+    engines: {node: '>= 0.4'}
+
+  array-includes@3.1.8:
+    resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
+    engines: {node: '>= 0.4'}
+
+  array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlastindex@1.2.5:
+    resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.2:
+    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.2:
+    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.toreversed@1.1.2:
+    resolution: {integrity: sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.3:
+    resolution: {integrity: sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==}
+    engines: {node: '>= 0.4'}
+
+  ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+
+  attr-accept@2.2.2:
+    resolution: {integrity: sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==}
+    engines: {node: '>=4'}
+
+  available-typed-arrays@1.0.7:
+    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
+    engines: {node: '>= 0.4'}
+
+  axe-core@4.9.1:
+    resolution: {integrity: sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==}
+    engines: {node: '>=4'}
+
+  axobject-query@3.1.1:
+    resolution: {integrity: sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==}
+
+  babel-plugin-macros@3.1.0:
+    resolution: {integrity: sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==}
+    engines: {node: '>=10', npm: '>=6'}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.23.2:
+    resolution: {integrity: sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  busboy@1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
+    engines: {node: '>=10.16.0'}
+
+  call-bind@1.0.7:
+    resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  caniuse-lite@1.0.30001641:
+    resolution: {integrity: sha512-Phv5thgl67bHYo1TtMY/MurjkHhV4EDaCosezRXgZ8jzA/Ub+wjxAvbGvjoFENStinwi5kCyOYV3mi5tOGykwA==}
+
+  chakra-react-select@4.9.1:
+    resolution: {integrity: sha512-jmgfN+S/wnTaCp3pW30GYDIZ5J8jWcT1gIbhpw6RdKV+atm/U4/sT+gaHOHHhRL8xeaYip+iI/m8MPGREkve0w==}
+    peerDependencies:
+      '@chakra-ui/form-control': ^2.0.0
+      '@chakra-ui/icon': ^3.0.0
+      '@chakra-ui/layout': ^2.0.0
+      '@chakra-ui/media-query': ^3.0.0
+      '@chakra-ui/menu': ^2.0.0
+      '@chakra-ui/spinner': ^2.0.0
+      '@chakra-ui/system': ^2.0.0
+      '@emotion/react': ^11.8.1
+      react: ^18.0.0
+      react-dom: ^18.0.0
+
+  chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  color2k@2.0.3:
+    resolution: {integrity: sha512-zW190nQTIoXcGCaU08DvVNFTmQhUpnJfVuAKfWqUQkflXKpaDdpaYoM0iluLS9lgJNHyBF58KKA2FBEwkD7wog==}
+
+  compute-scroll-into-view@3.0.3:
+    resolution: {integrity: sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  convert-source-map@1.9.0:
+    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie@0.4.2:
+    resolution: {integrity: sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==}
+    engines: {node: '>= 0.6'}
+
+  cookies-next@2.1.2:
+    resolution: {integrity: sha512-czxcfqVaQlo0Q/3xMgp/2jpspsuLJrIm6D37wlmibP3DAcYT315c8UxQmDMohhAT/GRWpaHzpDEFANBjzTFQGg==}
+
+  copy-to-clipboard@3.3.3:
+    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
+
+  cosmiconfig@7.1.0:
+    resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
+    engines: {node: '>=10'}
+
+  cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+
+  css-box-model@1.2.1:
+    resolution: {integrity: sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==}
+
+  csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+
+  damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+
+  data-view-buffer@1.0.1:
+    resolution: {integrity: sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.1:
+    resolution: {integrity: sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.0:
+    resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
+    engines: {node: '>= 0.4'}
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  debug@4.3.5:
+    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-equal@2.2.3:
+    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
+    engines: {node: '>= 0.4'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge-ts@7.0.3:
+    resolution: {integrity: sha512-dxFbFO2RSIhPNBPL/j8Nvdt6/vrkW9+uGf1NLah/QxBGAVbK9fj2fGTO+HwdHpPAyFAsyT9iEn/1SI9SUvespw==}
+    engines: {node: '>=16.0.0'}
+
+  define-data-property@1.1.4:
+    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
+    engines: {node: '>= 0.4'}
+
+  define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
+  doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+
+  dom-helpers@5.2.1:
+    resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  electron-to-chromium@1.4.827:
+    resolution: {integrity: sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  enhanced-resolve@5.17.0:
+    resolution: {integrity: sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==}
+    engines: {node: '>=10.13.0'}
+
+  error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+
+  es-abstract@1.23.3:
+    resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
+    engines: {node: '>= 0.4'}
+
+  es-define-property@1.0.0:
+    resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-get-iterator@1.1.3:
+    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
+
+  es-iterator-helpers@1.0.19:
+    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+    engines: {node: '>= 0.4'}
+
+  es-object-atoms@1.0.0:
+    resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+    engines: {node: '>= 0.4'}
+
+  es-set-tostringtag@2.0.3:
+    resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
+    engines: {node: '>= 0.4'}
+
+  es-shim-unscopables@1.0.2:
+    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
+
+  es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+
+  escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-config-next@14.2.5:
+    resolution: {integrity: sha512-zogs9zlOiZ7ka+wgUnmcM0KBEDjo4Jis7kxN1jvC0N4wynQ2MIx/KBkg4mVF63J5EK4W0QMCn7xO3vNisjaAoA==}
+    peerDependencies:
+      eslint: ^7.23.0 || ^8.0.0
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  eslint-config-prettier@9.1.0:
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+
+  eslint-import-resolver-typescript@3.6.1:
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+
+  eslint-module-utils@2.8.1:
+    resolution: {integrity: sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
+  eslint-plugin-import@2.29.1:
+    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-jsx-a11y@6.9.0:
+    resolution: {integrity: sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+
+  eslint-plugin-react-hooks@4.6.2:
+    resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+
+  eslint-plugin-react@7.34.3:
+    resolution: {integrity: sha512-aoW4MV891jkUulwDApQbPYTVZmeuSyFrudpbTAQuj5Fv8VL+o6df2xIGpw8B0hPjAaih1/Fb0om9grCdyFYemA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+
+  eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint@8.57.0:
+    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+
+  espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  esquery@1.6.0:
+    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+
+  file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  file-selector@0.6.0:
+    resolution: {integrity: sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw==}
+    engines: {node: '>= 12'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-root@1.1.0:
+    resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@3.2.0:
+    resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+
+  flatted@3.3.1:
+    resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
+
+  focus-lock@1.3.5:
+    resolution: {integrity: sha512-QFaHbhv9WPUeLYBDe/PAuLKJ4Dd9OPvKs9xZBr3yLXnUrDNaVXKu2baDBXe3naPY30hgHYSsf2JW4jzas2mDEQ==}
+    engines: {node: '>=10'}
+
+  for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+
+  foreground-child@3.2.1:
+    resolution: {integrity: sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==}
+    engines: {node: '>=14'}
+
+  framer-motion@11.3.2:
+    resolution: {integrity: sha512-RgjSzrNFZmedWcvmW4MMc84A7UcoY37jocadE3Mbg3o+UMofodfyeNnYD/HR15UhP22/bb5KOebNhYOj4mYkpQ==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
+  framesync@6.1.2:
+    resolution: {integrity: sha512-jBTqhX6KaQVDyus8muwZbBeGGP0XgujBRbQ7gM7BRdS3CadCZIHiawyzYLnafYcvZIh5j8WE7cxZKFn7dXhu9g==}
+
+  fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-intrinsic@1.2.4:
+    resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
+    engines: {node: '>= 0.4'}
+
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
+  get-symbol-description@1.0.2:
+    resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
+    engines: {node: '>= 0.4'}
+
+  get-tsconfig@4.7.5:
+    resolution: {integrity: sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==}
+
+  get-user-locale@2.3.2:
+    resolution: {integrity: sha512-O2GWvQkhnbDoWFUJfaBlDIKUEdND8ATpBXD6KXcbhxlfktyD/d8w6mkzM/IlQEqGZAMz/PW6j6Hv53BiigKLUQ==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.3.10:
+    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    deprecated: Glob versions prior to v9 are no longer supported
+
+  globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+
+  globals@13.24.0:
+    resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
+    engines: {node: '>=8'}
+
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
+  globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+
+  gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+
+  has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+
+  has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-property-descriptors@1.0.2:
+    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+
+  has-proto@1.0.3:
+    resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hoist-non-react-statics@3.3.2:
+    resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
+
+  ignore@5.3.1:
+    resolution: {integrity: sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==}
+    engines: {node: '>= 4'}
+
+  import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  internal-slot@1.0.7:
+    resolution: {integrity: sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==}
+    engines: {node: '>= 0.4'}
+
+  invariant@2.2.4:
+    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+
+  is-arguments@1.1.1:
+    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
+    engines: {node: '>= 0.4'}
+
+  is-array-buffer@3.0.4:
+    resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
+    engines: {node: '>= 0.4'}
+
+  is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+
+  is-async-function@2.0.0:
+    resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+
+  is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+
+  is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.14.0:
+    resolution: {integrity: sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==}
+    engines: {node: '>= 0.4'}
+
+  is-data-view@1.0.1:
+    resolution: {integrity: sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-finalizationregistry@1.0.2:
+    resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+
+  is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.3:
+    resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+    engines: {node: '>= 0.4'}
+
+  is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+
+  is-typed-array@1.1.13:
+    resolution: {integrity: sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==}
+    engines: {node: '>= 0.4'}
+
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+
+  is-weakset@2.0.3:
+    resolution: {integrity: sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==}
+    engines: {node: '>= 0.4'}
+
+  isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  iterator.prototype@1.1.2:
+    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+
+  jackspeak@2.3.6:
+    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
+    engines: {node: '>=14'}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+
+  jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+
+  language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.mergewith@4.6.2:
+    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  map-age-cleaner@0.1.3:
+    resolution: {integrity: sha512-bJzx6nMoP6PDLPBFmg7+xRKeFZvFboMrGlxmNj9ClvX53KrmvM5bXFXEWjbz4cz1AFn+jWJ9z/DJSz7hrs0w3w==}
+    engines: {node: '>=6'}
+
+  mem@8.1.1:
+    resolution: {integrity: sha512-qFCFUDs7U3b8mBDPyz5EToEKoAkgCzqquIgi9nkkR9bixxOVOre+09lbuH7+9Kn2NFpm56M3GUWVbU2hQgdACA==}
+    engines: {node: '>=10'}
+
+  memoize-one@6.0.0:
+    resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.7:
+    resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+    engines: {node: '>=8.6'}
+
+  mimic-fn@3.1.0:
+    resolution: {integrity: sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==}
+    engines: {node: '>=8'}
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  next@14.2.5:
+    resolution: {integrity: sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.41.2
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      sass:
+        optional: true
+
+  node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-inspect@1.13.2:
+    resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
+    engines: {node: '>= 0.4'}
+
+  object-is@1.1.6:
+    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
+    engines: {node: '>= 0.4'}
+
+  object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+
+  object.assign@4.1.5:
+    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
+    engines: {node: '>= 0.4'}
+
+  object.entries@1.1.8:
+    resolution: {integrity: sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+
+  object.hasown@1.1.4:
+    resolution: {integrity: sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.0:
+    resolution: {integrity: sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==}
+    engines: {node: '>= 0.4'}
+
+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-defer@1.0.0:
+    resolution: {integrity: sha512-wB3wfAxZpk2AzOfUMJNL+d36xothRSyj8EXOa4f6GMqYDN9BJaaSISbsk+wS9abmnebVw95C2Kb5t85UmpCxuw==}
+    engines: {node: '>=4'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  possible-typed-array-names@1.0.0:
+    resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+    engines: {node: '>= 0.4'}
+
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier@3.3.2:
+    resolution: {integrity: sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  react-apexcharts@1.4.1:
+    resolution: {integrity: sha512-G14nVaD64Bnbgy8tYxkjuXEUp/7h30Q0U33xc3AwtGFijJB9nHqOt1a6eG0WBn055RgRg+NwqbKGtqPxy15d0Q==}
+    peerDependencies:
+      apexcharts: ^3.41.0
+      react: '>=0.13'
+
+  react-calendar@5.0.0:
+    resolution: {integrity: sha512-bHcE5e5f+VUKLd4R19BGkcSQLpuwjKBVG0fKz74cwPW5xDfNsReHdDbfd4z3mdjuUuZzVtw4Q920mkwK5/ZOEg==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-clientside-effect@1.2.6:
+    resolution: {integrity: sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==}
+    peerDependencies:
+      react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
+
+  react-colorful@5.6.1:
+    resolution: {integrity: sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
+
+  react-dropzone@14.2.3:
+    resolution: {integrity: sha512-O3om8I+PkFKbxCukfIR3QAGftYXDZfOE2N1mr/7qebQJHs7U+/RSL/9xomJNpRg9kM5h9soQSdf0Gc7OHF5Fug==}
+    engines: {node: '>= 10.13'}
+    peerDependencies:
+      react: '>= 16.8 || 18.0.0'
+
+  react-fast-compare@3.2.2:
+    resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
+
+  react-focus-lock@2.12.1:
+    resolution: {integrity: sha512-lfp8Dve4yJagkHiFrC1bGtib3mF2ktqwPJw4/WGcgPW+pJ/AVQA5X2vI7xgp13FcxFEpYBBHpXai/N2DBNC0Jw==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-hook-form@7.52.1:
+    resolution: {integrity: sha512-uNKIhaoICJ5KQALYZ4TOaOLElyM+xipord+Ha3crEFhTntdLvWZqVY49Wqd/0GiVCA/f9NjemLeiNPjG7Hpurg==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18 || ^19
+
+  react-icons@5.2.1:
+    resolution: {integrity: sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==}
+    peerDependencies:
+      react: '*'
+
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
+  react-remove-scroll-bar@2.3.6:
+    resolution: {integrity: sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.5.10:
+    resolution: {integrity: sha512-m3zvBRANPBw3qxVVjEIPEQinkcwlFZ4qyomuWVpNJdv4c6MvHfXV0C3L9Jx5rr3HeBHKNRX+1jreB5QloDIJjA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-select@5.8.0:
+    resolution: {integrity: sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  react-style-singleton@2.2.1:
+    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-transition-group@4.4.5:
+    resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
+    peerDependencies:
+      react: '>=16.6.0'
+      react-dom: '>=16.6.0'
+
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
+
+  reflect.getprototypeof@1.0.6:
+    resolution: {integrity: sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==}
+    engines: {node: '>= 0.4'}
+
+  regenerator-runtime@0.14.1:
+    resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
+
+  regexp.prototype.flags@1.5.2:
+    resolution: {integrity: sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==}
+    engines: {node: '>= 0.4'}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+
+  resolve@1.22.8:
+    resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+    hasBin: true
+
+  resolve@2.0.0-next.5:
+    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    hasBin: true
+
+  reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  safe-array-concat@1.1.2:
+    resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
+    engines: {node: '>=0.4'}
+
+  safe-regex-test@1.0.3:
+    resolution: {integrity: sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==}
+    engines: {node: '>= 0.4'}
+
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.6.2:
+    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-function-length@1.2.2:
+    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
+    engines: {node: '>= 0.4'}
+
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  side-channel@1.0.6:
+    resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
+    engines: {node: '>= 0.4'}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+
+  stop-iteration-iterator@1.0.0:
+    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
+    engines: {node: '>= 0.4'}
+
+  streamsearch@1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
+    engines: {node: '>=10.0.0'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string.prototype.includes@2.0.0:
+    resolution: {integrity: sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==}
+
+  string.prototype.matchall@4.0.11:
+    resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trim@1.2.9:
+    resolution: {integrity: sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.8:
+    resolution: {integrity: sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  styled-jsx@5.1.1:
+    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
+  stylis@4.2.0:
+    resolution: {integrity: sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==}
+
+  supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svg.draggable.js@2.2.2:
+    resolution: {integrity: sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.easing.js@2.0.0:
+    resolution: {integrity: sha512-//ctPdJMGy22YoYGV+3HEfHbm6/69LJUTAqI2/5qBvaNHZ9uUFVC82B0Pl299HzgH13rKrBgi4+XyXXyVWWthA==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.filter.js@2.0.2:
+    resolution: {integrity: sha512-xkGBwU+dKBzqg5PtilaTb0EYPqPfJ9Q6saVldX+5vCRy31P6TlRCP3U9NxH3HEufkKkpNgdTLBJnmhDHeTqAkw==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.js@2.7.1:
+    resolution: {integrity: sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==}
+
+  svg.pathmorphing.js@0.1.3:
+    resolution: {integrity: sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.resize.js@1.4.3:
+    resolution: {integrity: sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.select.js@2.1.2:
+    resolution: {integrity: sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==}
+    engines: {node: '>= 0.8.0'}
+
+  svg.select.js@3.0.1:
+    resolution: {integrity: sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==}
+    engines: {node: '>= 0.8.0'}
+
+  tapable@2.2.1:
+    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
+    engines: {node: '>=6'}
+
+  text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  toggle-selection@1.0.6:
+    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
+
+  ts-api-utils@1.3.0:
+    resolution: {integrity: sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+
+  tslib@2.4.0:
+    resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
+
+  tslib@2.6.3:
+    resolution: {integrity: sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+
+  typed-array-buffer@1.0.2:
+    resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-length@1.0.1:
+    resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.2:
+    resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.6:
+    resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
+    engines: {node: '>= 0.4'}
+
+  typescript@5.5.3:
+    resolution: {integrity: sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+
+  undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
+
+  update-browserslist-db@1.1.0:
+    resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  use-callback-ref@1.3.2:
+    resolution: {integrity: sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-isomorphic-layout-effect@1.1.2:
+    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.2:
+    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sync-external-store@1.2.0:
+    resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  warning@4.0.3:
+    resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
+
+  which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+
+  which-builtin-type@1.1.3:
+    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
+  which-typed-array@1.1.15:
+    resolution: {integrity: sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==}
+    engines: {node: '>= 0.4'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zod@3.23.8:
+    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
+
+  zustand@4.5.4:
+    resolution: {integrity: sha512-/BPMyLKJPtFEvVL0E9E9BTUM63MNyhPGlvxk1XjrfWTUlV+BR8jufjsovHzrtR6YNcBEcL7cMHovL1n9xHawEg==}
+    engines: {node: '>=12.7.0'}
+    peerDependencies:
+      '@types/react': '>=16.8'
+      immer: '>=9.0.6'
+      react: '>=16.8'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+
+snapshots:
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@babel/code-frame@7.24.7':
+    dependencies:
+      '@babel/highlight': 7.24.7
+      picocolors: 1.0.1
+
+  '@babel/compat-data@7.24.8': {}
+
+  '@babel/core@7.24.8':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.8
+      '@babel/helper-compilation-targets': 7.24.8
+      '@babel/helper-module-transforms': 7.24.8(@babel/core@7.24.8)
+      '@babel/helpers': 7.24.8
+      '@babel/parser': 7.24.8
+      '@babel/template': 7.24.7
+      '@babel/traverse': 7.24.8
+      '@babel/types': 7.24.8
+      convert-source-map: 2.0.0
+      debug: 4.3.5
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.24.8':
+    dependencies:
+      '@babel/types': 7.24.8
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+
+  '@babel/helper-compilation-targets@7.24.8':
+    dependencies:
+      '@babel/compat-data': 7.24.8
+      '@babel/helper-validator-option': 7.24.8
+      browserslist: 4.23.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-environment-visitor@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.8
+
+  '@babel/helper-function-name@7.24.7':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.8
+
+  '@babel/helper-hoist-variables@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.8
+
+  '@babel/helper-module-imports@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.8
+      '@babel/types': 7.24.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.24.8(@babel/core@7.24.8)':
+    dependencies:
+      '@babel/core': 7.24.8
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/helper-simple-access': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-simple-access@7.24.7':
+    dependencies:
+      '@babel/traverse': 7.24.8
+      '@babel/types': 7.24.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.8
+
+  '@babel/helper-string-parser@7.24.8': {}
+
+  '@babel/helper-validator-identifier@7.24.7': {}
+
+  '@babel/helper-validator-option@7.24.8': {}
+
+  '@babel/helpers@7.24.8':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.8
+
+  '@babel/highlight@7.24.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.1
+
+  '@babel/parser@7.24.8':
+    dependencies:
+      '@babel/types': 7.24.8
+
+  '@babel/runtime@7.24.8':
+    dependencies:
+      regenerator-runtime: 0.14.1
+
+  '@babel/template@7.24.7':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.24.8
+      '@babel/types': 7.24.8
+
+  '@babel/traverse@7.24.8':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.8
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-hoist-variables': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/parser': 7.24.8
+      '@babel/types': 7.24.8
+      debug: 4.3.5
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.24.8':
+    dependencies:
+      '@babel/helper-string-parser': 7.24.8
+      '@babel/helper-validator-identifier': 7.24.7
+      to-fast-properties: 2.0.0
+
+  '@chakra-ui/accordion@2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/descendant': 3.1.0(react@18.3.1)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/transition': 2.1.0(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/alert@2.2.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/anatomy@2.2.2': {}
+
+  '@chakra-ui/avatar@2.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/image': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/breadcrumb@2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/breakpoint-utils@2.0.8':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+
+  '@chakra-ui/button@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/card@2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/checkbox@2.3.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/visually-hidden': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@zag-js/focus-visible': 0.16.0
+      react: 18.3.1
+
+  '@chakra-ui/clickable@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      react: 18.3.1
+
+  '@chakra-ui/close-button@2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/color-mode@2.2.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/control-box@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/counter@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/number-utils': 2.0.7
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      react: 18.3.1
+
+  '@chakra-ui/css-reset@2.3.0(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/descendant@3.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/dom-utils@2.1.0': {}
+
+  '@chakra-ui/editable@3.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-focus-on-pointer-down': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/event-utils@2.0.8': {}
+
+  '@chakra-ui/focus-lock@2.1.0(@types/react@18.3.3)(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/dom-utils': 2.1.0
+      react: 18.3.1
+      react-focus-lock: 2.12.1(@types/react@18.3.3)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@chakra-ui/form-control@2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/hooks@2.2.1(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.12(react@18.3.1)
+      '@chakra-ui/utils': 2.0.15
+      compute-scroll-into-view: 3.0.3
+      copy-to-clipboard: 3.3.3
+      react: 18.3.1
+
+  '@chakra-ui/icon@3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/image@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/input@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/layout@2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/breakpoint-utils': 2.0.8
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/lazy-utils@2.0.5': {}
+
+  '@chakra-ui/live-region@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/media-query@3.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/breakpoint-utils': 2.0.8
+      '@chakra-ui/react-env': 3.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/menu@2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/clickable': 2.1.0(react@18.3.1)
+      '@chakra-ui/descendant': 3.1.0(react@18.3.1)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/popper': 3.1.0(react@18.3.1)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-animation-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-focus-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-outside-click': 2.2.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/transition': 2.1.0(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/modal@2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(@types/react@18.3.3)(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/focus-lock': 2.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/transition': 2.1.0(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      aria-hidden: 1.2.4
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.5.10(@types/react@18.3.3)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@chakra-ui/number-input@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/counter': 2.1.0(react@18.3.1)
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-interval': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/number-utils@2.0.7': {}
+
+  '@chakra-ui/object-utils@2.1.0': {}
+
+  '@chakra-ui/pin-input@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/descendant': 3.1.0(react@18.3.1)
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/popover@2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/popper': 3.1.0(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-animation-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-focus-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-focus-on-pointer-down': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/popper@3.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@popperjs/core': 2.11.8
+      react: 18.3.1
+
+  '@chakra-ui/portal@2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@chakra-ui/progress@2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/provider@2.4.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/css-reset': 2.3.0(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-env': 3.1.0(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/utils': 2.0.15
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/styled': 11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@chakra-ui/radio@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@zag-js/focus-visible': 0.16.0
+      react: 18.3.1
+
+  '@chakra-ui/react-children-utils@2.0.6(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-context@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-env@3.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-types@2.0.7(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-animation-state@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-callback-ref@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-controllable-state@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-disclosure@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-event-listener@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-focus-effect@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-focus-on-pointer-down@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-interval@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-latest-ref@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-merge-refs@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-outside-click@2.2.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-pan-event@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/event-utils': 2.0.8
+      '@chakra-ui/react-use-latest-ref': 2.1.0(react@18.3.1)
+      framesync: 6.1.2
+      react: 18.3.1
+
+  '@chakra-ui/react-use-previous@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-safe-layout-effect@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-use-size@2.1.0(react@18.3.1)':
+    dependencies:
+      '@zag-js/element-size': 0.10.5
+      react: 18.3.1
+
+  '@chakra-ui/react-use-timeout@2.1.0(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/react-use-update-effect@2.1.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@chakra-ui/react-utils@2.0.12(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/utils': 2.0.15
+      react: 18.3.1
+
+  '@chakra-ui/react@2.8.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/accordion': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/alert': 2.2.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/avatar': 2.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/breadcrumb': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/button': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/card': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/checkbox': 2.3.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/control-box': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/counter': 2.1.0(react@18.3.1)
+      '@chakra-ui/css-reset': 2.3.0(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/editable': 3.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/focus-lock': 2.1.0(@types/react@18.3.3)(react@18.3.1)
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/hooks': 2.2.1(react@18.3.1)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/image': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/input': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/layout': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/live-region': 2.1.0(react@18.3.1)
+      '@chakra-ui/media-query': 3.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/menu': 2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/modal': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(@types/react@18.3.3)(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/number-input': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/pin-input': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/popover': 2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/popper': 3.1.0(react@18.3.1)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/progress': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/provider': 2.4.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/radio': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-env': 3.1.0(react@18.3.1)
+      '@chakra-ui/select': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/skeleton': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/skip-nav': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/slider': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/stat': 2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/stepper': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/switch': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/table': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/tabs': 3.0.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/tag': 3.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/textarea': 2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      '@chakra-ui/theme-utils': 2.0.21
+      '@chakra-ui/toast': 7.0.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/tooltip': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/transition': 2.1.0(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/utils': 2.0.15
+      '@chakra-ui/visually-hidden': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/styled': 11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+
+  '@chakra-ui/select@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/shared-utils@2.0.5': {}
+
+  '@chakra-ui/skeleton@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/media-query': 3.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-use-previous': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/skip-nav@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/slider@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/number-utils': 2.0.7
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-callback-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-latest-ref': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-pan-event': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-size': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/spinner@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/stat@2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/stepper@2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/styled-system@2.9.2':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      csstype: 3.1.3
+      lodash.mergewith: 4.6.2
+
+  '@chakra-ui/switch@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/checkbox': 2.3.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/color-mode': 2.2.0(react@18.3.1)
+      '@chakra-ui/object-utils': 2.1.0
+      '@chakra-ui/react-utils': 2.0.12(react@18.3.1)
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme-utils': 2.0.21
+      '@chakra-ui/utils': 2.0.15
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/styled': 11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)
+      react: 18.3.1
+      react-fast-compare: 3.2.2
+
+  '@chakra-ui/table@2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/tabs@3.0.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/clickable': 2.1.0(react@18.3.1)
+      '@chakra-ui/descendant': 3.1.0(react@18.3.1)
+      '@chakra-ui/lazy-utils': 2.0.5
+      '@chakra-ui/react-children-utils': 2.0.6(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-controllable-state': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-safe-layout-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/tag@3.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/textarea@2.1.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/theme-tools@2.1.2(@chakra-ui/styled-system@2.9.2)':
+    dependencies:
+      '@chakra-ui/anatomy': 2.2.2
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      color2k: 2.0.3
+
+  '@chakra-ui/theme-utils@2.0.21':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      lodash.mergewith: 4.6.2
+
+  '@chakra-ui/theme@3.3.1(@chakra-ui/styled-system@2.9.2)':
+    dependencies:
+      '@chakra-ui/anatomy': 2.2.2
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/theme-tools': 2.1.2(@chakra-ui/styled-system@2.9.2)
+
+  '@chakra-ui/toast@7.0.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/alert': 2.2.2(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/close-button': 2.1.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-context': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-timeout': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-update-effect': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/styled-system': 2.9.2
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/theme': 3.3.1(@chakra-ui/styled-system@2.9.2)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@chakra-ui/tooltip@2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/dom-utils': 2.1.0
+      '@chakra-ui/popper': 3.1.0(react@18.3.1)
+      '@chakra-ui/portal': 2.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/react-types': 2.0.7(react@18.3.1)
+      '@chakra-ui/react-use-disclosure': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-event-listener': 2.1.0(react@18.3.1)
+      '@chakra-ui/react-use-merge-refs': 2.1.0(react@18.3.1)
+      '@chakra-ui/shared-utils': 2.0.5
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@chakra-ui/transition@2.1.0(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/shared-utils': 2.0.5
+      framer-motion: 11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@chakra-ui/utils@2.0.15':
+    dependencies:
+      '@types/lodash.mergewith': 4.6.7
+      css-box-model: 1.2.1
+      framesync: 6.1.2
+      lodash.mergewith: 4.6.2
+
+  '@chakra-ui/visually-hidden@2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+
+  '@emotion/babel-plugin@11.11.0':
+    dependencies:
+      '@babel/helper-module-imports': 7.24.7
+      '@babel/runtime': 7.24.8
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/serialize': 1.1.4
+      babel-plugin-macros: 3.1.0
+      convert-source-map: 1.9.0
+      escape-string-regexp: 4.0.0
+      find-root: 1.1.0
+      source-map: 0.5.7
+      stylis: 4.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@emotion/cache@11.11.0':
+    dependencies:
+      '@emotion/memoize': 0.8.1
+      '@emotion/sheet': 1.2.2
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      stylis: 4.2.0
+
+  '@emotion/hash@0.9.1': {}
+
+  '@emotion/is-prop-valid@1.2.2':
+    dependencies:
+      '@emotion/memoize': 0.8.1
+
+  '@emotion/memoize@0.8.1': {}
+
+  '@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.24.8
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/cache': 11.11.0
+      '@emotion/serialize': 1.1.4
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.3.1)
+      '@emotion/utils': 1.2.1
+      '@emotion/weak-memoize': 0.3.1
+      hoist-non-react-statics: 3.3.2
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@emotion/serialize@1.1.4':
+    dependencies:
+      '@emotion/hash': 0.9.1
+      '@emotion/memoize': 0.8.1
+      '@emotion/unitless': 0.8.1
+      '@emotion/utils': 1.2.1
+      csstype: 3.1.3
+
+  '@emotion/sheet@1.2.2': {}
+
+  '@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.24.8
+      '@emotion/babel-plugin': 11.11.0
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/serialize': 1.1.4
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.3.1)
+      '@emotion/utils': 1.2.1
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@emotion/unitless@0.8.1': {}
+
+  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@emotion/utils@1.2.1': {}
+
+  '@emotion/weak-memoize@0.3.1': {}
+
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+    dependencies:
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.11.0': {}
+
+  '@eslint/eslintrc@2.1.4':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.5
+      espree: 9.6.1
+      globals: 13.24.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@8.57.0': {}
+
+  '@floating-ui/core@1.6.4':
+    dependencies:
+      '@floating-ui/utils': 0.2.4
+
+  '@floating-ui/dom@1.6.7':
+    dependencies:
+      '@floating-ui/core': 1.6.4
+      '@floating-ui/utils': 0.2.4
+
+  '@floating-ui/utils@0.2.4': {}
+
+  '@hookform/resolvers@3.9.0(react-hook-form@7.52.1(react@18.3.1))':
+    dependencies:
+      react-hook-form: 7.52.1(react@18.3.1)
+
+  '@humanwhocodes/config-array@0.11.14':
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.3
+      debug: 4.3.5
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/object-schema@2.0.3': {}
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/set-array@1.2.1': {}
+
+  '@jridgewell/sourcemap-codec@1.5.0': {}
+
+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.0
+
+  '@next/env@14.2.5': {}
+
+  '@next/eslint-plugin-next@14.2.5':
+    dependencies:
+      glob: 10.3.10
+
+  '@next/swc-darwin-arm64@14.2.5':
+    optional: true
+
+  '@next/swc-darwin-x64@14.2.5':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@14.2.5':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@14.2.5':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@14.2.5':
+    optional: true
+
+  '@next/swc-linux-x64-musl@14.2.5':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@14.2.5':
+    optional: true
+
+  '@next/swc-win32-ia32-msvc@14.2.5':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@14.2.5':
+    optional: true
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.17.1
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@popperjs/core@2.11.8': {}
+
+  '@rushstack/eslint-patch@1.10.3': {}
+
+  '@swc/counter@0.1.3': {}
+
+  '@swc/helpers@0.5.5':
+    dependencies:
+      '@swc/counter': 0.1.3
+      tslib: 2.6.3
+
+  '@tanstack/query-core@5.51.1': {}
+
+  '@tanstack/react-query@5.51.1(react@18.3.1)':
+    dependencies:
+      '@tanstack/query-core': 5.51.1
+      react: 18.3.1
+
+  '@types/cookie@0.4.1': {}
+
+  '@types/json5@0.0.29': {}
+
+  '@types/lodash.mergewith@4.6.7':
+    dependencies:
+      '@types/lodash': 4.17.6
+
+  '@types/lodash@4.17.6': {}
+
+  '@types/node@16.18.101': {}
+
+  '@types/node@20.14.10':
+    dependencies:
+      undici-types: 5.26.5
+
+  '@types/parse-json@4.0.2': {}
+
+  '@types/prop-types@15.7.12': {}
+
+  '@types/react-dom@18.3.0':
+    dependencies:
+      '@types/react': 18.3.3
+
+  '@types/react-transition-group@4.4.10':
+    dependencies:
+      '@types/react': 18.3.3
+
+  '@types/react@18.3.3':
+    dependencies:
+      '@types/prop-types': 15.7.12
+      csstype: 3.1.3
+
+  '@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 7.2.0
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/typescript-estree': 7.2.0(typescript@5.5.3)
+      '@typescript-eslint/visitor-keys': 7.2.0
+      debug: 4.3.5
+      eslint: 8.57.0
+    optionalDependencies:
+      typescript: 5.5.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@7.2.0':
+    dependencies:
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/visitor-keys': 7.2.0
+
+  '@typescript-eslint/types@7.2.0': {}
+
+  '@typescript-eslint/typescript-estree@7.2.0(typescript@5.5.3)':
+    dependencies:
+      '@typescript-eslint/types': 7.2.0
+      '@typescript-eslint/visitor-keys': 7.2.0
+      debug: 4.3.5
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.6.2
+      ts-api-utils: 1.3.0(typescript@5.5.3)
+    optionalDependencies:
+      typescript: 5.5.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@7.2.0':
+    dependencies:
+      '@typescript-eslint/types': 7.2.0
+      eslint-visitor-keys: 3.4.3
+
+  '@ungap/structured-clone@1.2.0': {}
+
+  '@wojtekmaj/date-utils@1.5.1': {}
+
+  '@yr/monotone-cubic-spline@1.0.3': {}
+
+  '@zag-js/dom-query@0.16.0': {}
+
+  '@zag-js/element-size@0.10.5': {}
+
+  '@zag-js/focus-visible@0.16.0':
+    dependencies:
+      '@zag-js/dom-query': 0.16.0
+
+  acorn-jsx@5.3.2(acorn@8.12.1):
+    dependencies:
+      acorn: 8.12.1
+
+  acorn@8.12.1: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.0.1: {}
+
+  ansi-styles@3.2.1:
+    dependencies:
+      color-convert: 1.9.3
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.1: {}
+
+  apexcharts@3.50.0:
+    dependencies:
+      '@yr/monotone-cubic-spline': 1.0.3
+      svg.draggable.js: 2.2.2
+      svg.easing.js: 2.0.0
+      svg.filter.js: 2.0.2
+      svg.pathmorphing.js: 0.1.3
+      svg.resize.js: 1.4.3
+      svg.select.js: 3.0.1
+
+  argparse@2.0.1: {}
+
+  aria-hidden@1.2.4:
+    dependencies:
+      tslib: 2.6.3
+
+  aria-query@5.1.3:
+    dependencies:
+      deep-equal: 2.2.3
+
+  array-buffer-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
+
+  array-includes@3.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      is-string: 1.0.7
+
+  array-union@2.1.0: {}
+
+  array.prototype.findlast@1.2.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.findlastindex@1.2.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flat@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.flatmap@1.3.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.toreversed@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-shim-unscopables: 1.0.2
+
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.0.2
+
+  arraybuffer.prototype.slice@1.0.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
+
+  ast-types-flow@0.0.8: {}
+
+  attr-accept@2.2.2: {}
+
+  available-typed-arrays@1.0.7:
+    dependencies:
+      possible-typed-array-names: 1.0.0
+
+  axe-core@4.9.1: {}
+
+  axobject-query@3.1.1:
+    dependencies:
+      deep-equal: 2.2.3
+
+  babel-plugin-macros@3.1.0:
+    dependencies:
+      '@babel/runtime': 7.24.8
+      cosmiconfig: 7.1.0
+      resolve: 1.22.8
+
+  balanced-match@1.0.2: {}
+
+  brace-expansion@1.1.11:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.23.2:
+    dependencies:
+      caniuse-lite: 1.0.30001641
+      electron-to-chromium: 1.4.827
+      node-releases: 2.0.14
+      update-browserslist-db: 1.1.0(browserslist@4.23.2)
+
+  busboy@1.6.0:
+    dependencies:
+      streamsearch: 1.1.0
+
+  call-bind@1.0.7:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      set-function-length: 1.2.2
+
+  callsites@3.1.0: {}
+
+  caniuse-lite@1.0.30001641: {}
+
+  chakra-react-select@4.9.1(p5bkqnjnphfnkv6rmc2gjcoimy):
+    dependencies:
+      '@chakra-ui/form-control': 2.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/icon': 3.2.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/layout': 2.3.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/media-query': 3.3.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/menu': 2.2.1(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/spinner': 2.1.0(@chakra-ui/system@2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@chakra-ui/system': 2.6.2(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@emotion/styled@11.11.5(@emotion/react@11.11.4(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1))(react@18.3.1)
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-select: 5.8.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - supports-color
+
+  chalk@2.4.2:
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  client-only@0.0.1: {}
+
+  clsx@2.1.1: {}
+
+  color-convert@1.9.3:
+    dependencies:
+      color-name: 1.1.3
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.3: {}
+
+  color-name@1.1.4: {}
+
+  color2k@2.0.3: {}
+
+  compute-scroll-into-view@3.0.3: {}
+
+  concat-map@0.0.1: {}
+
+  convert-source-map@1.9.0: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie@0.4.2: {}
+
+  cookies-next@2.1.2:
+    dependencies:
+      '@types/cookie': 0.4.1
+      '@types/node': 16.18.101
+      cookie: 0.4.2
+
+  copy-to-clipboard@3.3.3:
+    dependencies:
+      toggle-selection: 1.0.6
+
+  cosmiconfig@7.1.0:
+    dependencies:
+      '@types/parse-json': 4.0.2
+      import-fresh: 3.3.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.2
+
+  cross-spawn@7.0.3:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css-box-model@1.2.1:
+    dependencies:
+      tiny-invariant: 1.3.3
+
+  csstype@3.1.3: {}
+
+  damerau-levenshtein@1.0.8: {}
+
+  data-view-buffer@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  data-view-byte-offset@1.0.0:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-data-view: 1.0.1
+
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
+  debug@4.3.5:
+    dependencies:
+      ms: 2.1.2
+
+  deep-equal@2.2.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
+      es-get-iterator: 1.1.3
+      get-intrinsic: 1.2.4
+      is-arguments: 1.1.1
+      is-array-buffer: 3.0.4
+      is-date-object: 1.0.5
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      isarray: 2.0.5
+      object-is: 1.1.6
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.2
+      side-channel: 1.0.6
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.2
+      which-typed-array: 1.1.15
+
+  deep-is@0.1.4: {}
+
+  deepmerge-ts@7.0.3: {}
+
+  define-data-property@1.1.4:
+    dependencies:
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      gopd: 1.0.1
+
+  define-properties@1.2.1:
+    dependencies:
+      define-data-property: 1.1.4
+      has-property-descriptors: 1.0.2
+      object-keys: 1.1.1
+
+  detect-node-es@1.1.0: {}
+
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
+  doctrine@3.0.0:
+    dependencies:
+      esutils: 2.0.3
+
+  dom-helpers@5.2.1:
+    dependencies:
+      '@babel/runtime': 7.24.8
+      csstype: 3.1.3
+
+  eastasianwidth@0.2.0: {}
+
+  electron-to-chromium@1.4.827: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  enhanced-resolve@5.17.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.2.1
+
+  error-ex@1.3.2:
+    dependencies:
+      is-arrayish: 0.2.1
+
+  es-abstract@1.23.3:
+    dependencies:
+      array-buffer-byte-length: 1.0.1
+      arraybuffer.prototype.slice: 1.0.3
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      data-view-buffer: 1.0.1
+      data-view-byte-length: 1.0.1
+      data-view-byte-offset: 1.0.0
+      es-define-property: 1.0.0
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      es-set-tostringtag: 2.0.3
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.4
+      get-symbol-description: 1.0.2
+      globalthis: 1.0.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+      internal-slot: 1.0.7
+      is-array-buffer: 3.0.4
+      is-callable: 1.2.7
+      is-data-view: 1.0.1
+      is-negative-zero: 2.0.3
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.3
+      is-string: 1.0.7
+      is-typed-array: 1.1.13
+      is-weakref: 1.0.2
+      object-inspect: 1.13.2
+      object-keys: 1.1.1
+      object.assign: 4.1.5
+      regexp.prototype.flags: 1.5.2
+      safe-array-concat: 1.1.2
+      safe-regex-test: 1.0.3
+      string.prototype.trim: 1.2.9
+      string.prototype.trimend: 1.0.8
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.2
+      typed-array-byte-length: 1.0.1
+      typed-array-byte-offset: 1.0.2
+      typed-array-length: 1.0.6
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.15
+
+  es-define-property@1.0.0:
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  es-errors@1.3.0: {}
+
+  es-get-iterator@1.1.3:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      is-arguments: 1.1.1
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-string: 1.0.7
+      isarray: 2.0.5
+      stop-iteration-iterator: 1.0.0
+
+  es-iterator-helpers@1.0.19:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.0.3
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.4
+      has-property-descriptors: 1.0.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      iterator.prototype: 1.1.2
+      safe-array-concat: 1.1.2
+
+  es-object-atoms@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+
+  es-set-tostringtag@2.0.3:
+    dependencies:
+      get-intrinsic: 1.2.4
+      has-tostringtag: 1.0.2
+      hasown: 2.0.2
+
+  es-shim-unscopables@1.0.2:
+    dependencies:
+      hasown: 2.0.2
+
+  es-to-primitive@1.2.1:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+
+  escalade@3.1.2: {}
+
+  escape-string-regexp@1.0.5: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-config-next@14.2.5(eslint@8.57.0)(typescript@5.5.3):
+    dependencies:
+      '@next/eslint-plugin-next': 14.2.5
+      '@rushstack/eslint-patch': 1.10.3
+      '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.5.3)
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      eslint-plugin-jsx-a11y: 6.9.0(eslint@8.57.0)
+      eslint-plugin-react: 7.34.3(eslint@8.57.0)
+      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
+    optionalDependencies:
+      typescript: 5.5.3
+    transitivePeerDependencies:
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-config-prettier@9.1.0(eslint@8.57.0):
+    dependencies:
+      eslint: 8.57.0
+
+  eslint-import-resolver-node@0.3.9:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.14.0
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0):
+    dependencies:
+      debug: 4.3.5
+      enhanced-resolve: 5.17.0
+      eslint: 8.57.0
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
+      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.7.5
+      is-core-module: 2.14.0
+      is-glob: 4.0.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-module-utils@2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.5.3)
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import@2.29.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.findlastindex: 1.2.5
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.57.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@7.2.0(eslint@8.57.0)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
+      hasown: 2.0.2
+      is-core-module: 2.14.0
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.0
+      semver: 6.3.1
+      tsconfig-paths: 3.15.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 7.2.0(eslint@8.57.0)(typescript@5.5.3)
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-plugin-jsx-a11y@6.9.0(eslint@8.57.0):
+    dependencies:
+      aria-query: 5.1.3
+      array-includes: 3.1.8
+      array.prototype.flatmap: 1.3.2
+      ast-types-flow: 0.0.8
+      axe-core: 4.9.1
+      axobject-query: 3.1.1
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      es-iterator-helpers: 1.0.19
+      eslint: 8.57.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.2
+      object.fromentries: 2.0.8
+      safe-regex-test: 1.0.3
+      string.prototype.includes: 2.0.0
+
+  eslint-plugin-react-hooks@4.6.2(eslint@8.57.0):
+    dependencies:
+      eslint: 8.57.0
+
+  eslint-plugin-react@7.34.3(eslint@8.57.0):
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.findlast: 1.2.5
+      array.prototype.flatmap: 1.3.2
+      array.prototype.toreversed: 1.1.2
+      array.prototype.tosorted: 1.1.4
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.0.19
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.8
+      object.fromentries: 2.0.8
+      object.hasown: 1.1.4
+      object.values: 1.2.0
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.5
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.11
+
+  eslint-scope@7.2.2:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint@8.57.0:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/regexpp': 4.11.0
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.57.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.5
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.6.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.24.0
+      graphemer: 1.4.0
+      ignore: 5.3.1
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@9.6.1:
+    dependencies:
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
+      eslint-visitor-keys: 3.4.3
+
+  esquery@1.6.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  esutils@2.0.3: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.2:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.7
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fastq@1.17.1:
+    dependencies:
+      reusify: 1.0.4
+
+  file-entry-cache@6.0.1:
+    dependencies:
+      flat-cache: 3.2.0
+
+  file-selector@0.6.0:
+    dependencies:
+      tslib: 2.6.3
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-root@1.1.0: {}
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@3.2.0:
+    dependencies:
+      flatted: 3.3.1
+      keyv: 4.5.4
+      rimraf: 3.0.2
+
+  flatted@3.3.1: {}
+
+  focus-lock@1.3.5:
+    dependencies:
+      tslib: 2.6.3
+
+  for-each@0.3.3:
+    dependencies:
+      is-callable: 1.2.7
+
+  foreground-child@3.2.1:
+    dependencies:
+      cross-spawn: 7.0.3
+      signal-exit: 4.1.0
+
+  framer-motion@11.3.2(@emotion/is-prop-valid@1.2.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      tslib: 2.6.3
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  framesync@6.1.2:
+    dependencies:
+      tslib: 2.4.0
+
+  fs.realpath@1.0.0: {}
+
+  function-bind@1.1.2: {}
+
+  function.prototype.name@1.1.6:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      functions-have-names: 1.2.3
+
+  functions-have-names@1.2.3: {}
+
+  gensync@1.0.0-beta.2: {}
+
+  get-intrinsic@1.2.4:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      has-proto: 1.0.3
+      has-symbols: 1.0.3
+      hasown: 2.0.2
+
+  get-nonce@1.0.1: {}
+
+  get-symbol-description@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+
+  get-tsconfig@4.7.5:
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+
+  get-user-locale@2.3.2:
+    dependencies:
+      mem: 8.1.1
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@10.3.10:
+    dependencies:
+      foreground-child: 3.2.1
+      jackspeak: 2.3.6
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      path-scurry: 1.11.1
+
+  glob@7.2.3:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+
+  globals@11.12.0: {}
+
+  globals@13.24.0:
+    dependencies:
+      type-fest: 0.20.2
+
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.0.1
+
+  globby@11.1.0:
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.2
+      ignore: 5.3.1
+      merge2: 1.4.1
+      slash: 3.0.0
+
+  gopd@1.0.1:
+    dependencies:
+      get-intrinsic: 1.2.4
+
+  graceful-fs@4.2.11: {}
+
+  graphemer@1.4.0: {}
+
+  has-bigints@1.0.2: {}
+
+  has-flag@3.0.0: {}
+
+  has-flag@4.0.0: {}
+
+  has-property-descriptors@1.0.2:
+    dependencies:
+      es-define-property: 1.0.0
+
+  has-proto@1.0.3: {}
+
+  has-symbols@1.0.3: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.0.3
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hoist-non-react-statics@3.3.2:
+    dependencies:
+      react-is: 16.13.1
+
+  ignore@5.3.1: {}
+
+  import-fresh@3.3.0:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  inflight@1.0.6:
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+
+  inherits@2.0.4: {}
+
+  internal-slot@1.0.7:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.0.6
+
+  invariant@2.2.4:
+    dependencies:
+      loose-envify: 1.4.0
+
+  is-arguments@1.1.1:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-array-buffer@3.0.4:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  is-arrayish@0.2.1: {}
+
+  is-async-function@2.0.0:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-bigint@1.0.4:
+    dependencies:
+      has-bigints: 1.0.2
+
+  is-boolean-object@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-callable@1.2.7: {}
+
+  is-core-module@2.14.0:
+    dependencies:
+      hasown: 2.0.2
+
+  is-data-view@1.0.1:
+    dependencies:
+      is-typed-array: 1.1.13
+
+  is-date-object@1.0.5:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-extglob@2.1.1: {}
+
+  is-finalizationregistry@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-generator-function@1.0.10:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-map@2.0.3: {}
+
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-number@7.0.0: {}
+
+  is-path-inside@3.0.3: {}
+
+  is-regex@1.1.4:
+    dependencies:
+      call-bind: 1.0.7
+      has-tostringtag: 1.0.2
+
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-string@1.0.7:
+    dependencies:
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.0.4:
+    dependencies:
+      has-symbols: 1.0.3
+
+  is-typed-array@1.1.13:
+    dependencies:
+      which-typed-array: 1.1.15
+
+  is-weakmap@2.0.2: {}
+
+  is-weakref@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+
+  is-weakset@2.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+
+  isarray@2.0.5: {}
+
+  isexe@2.0.0: {}
+
+  iterator.prototype@1.1.2:
+    dependencies:
+      define-properties: 1.2.1
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      reflect.getprototypeof: 1.0.6
+      set-function-name: 2.0.2
+
+  jackspeak@2.3.6:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.0:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@2.5.2: {}
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@2.3.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
+  json5@2.2.3: {}
+
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.8
+      array.prototype.flat: 1.3.2
+      object.assign: 4.1.5
+      object.values: 1.2.0
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  language-subtag-registry@0.3.23: {}
+
+  language-tags@1.0.9:
+    dependencies:
+      language-subtag-registry: 0.3.23
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lines-and-columns@1.2.4: {}
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash.merge@4.6.2: {}
+
+  lodash.mergewith@4.6.2: {}
+
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  map-age-cleaner@0.1.3:
+    dependencies:
+      p-defer: 1.0.0
+
+  mem@8.1.1:
+    dependencies:
+      map-age-cleaner: 0.1.3
+      mimic-fn: 3.1.0
+
+  memoize-one@6.0.0: {}
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.7:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  mimic-fn@3.1.0: {}
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.11
+
+  minimatch@9.0.3:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.2: {}
+
+  ms@2.1.2: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.7: {}
+
+  natural-compare@1.4.0: {}
+
+  next@14.2.5(@babel/core@7.24.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@next/env': 14.2.5
+      '@swc/helpers': 0.5.5
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001641
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      styled-jsx: 5.1.1(@babel/core@7.24.8)(react@18.3.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.2.5
+      '@next/swc-darwin-x64': 14.2.5
+      '@next/swc-linux-arm64-gnu': 14.2.5
+      '@next/swc-linux-arm64-musl': 14.2.5
+      '@next/swc-linux-x64-gnu': 14.2.5
+      '@next/swc-linux-x64-musl': 14.2.5
+      '@next/swc-win32-arm64-msvc': 14.2.5
+      '@next/swc-win32-ia32-msvc': 14.2.5
+      '@next/swc-win32-x64-msvc': 14.2.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
+  node-releases@2.0.14: {}
+
+  object-assign@4.1.1: {}
+
+  object-inspect@1.13.2: {}
+
+  object-is@1.1.6:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+
+  object-keys@1.1.1: {}
+
+  object.assign@4.1.5:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+
+  object.entries@1.1.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
+  object.groupby@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+
+  object.hasown@1.1.4:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
+  object.values@1.2.0:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-defer@1.0.0: {}
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-json@5.2.0:
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+
+  path-exists@4.0.0: {}
+
+  path-is-absolute@1.0.1: {}
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  path-type@4.0.0: {}
+
+  picocolors@1.0.1: {}
+
+  picomatch@2.3.1: {}
+
+  possible-typed-array-names@1.0.0: {}
+
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.1
+      source-map-js: 1.2.0
+
+  prelude-ls@1.2.1: {}
+
+  prettier@3.3.2: {}
+
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
+  punycode@2.3.1: {}
+
+  queue-microtask@1.2.3: {}
+
+  react-apexcharts@1.4.1(apexcharts@3.50.0)(react@18.3.1):
+    dependencies:
+      apexcharts: 3.50.0
+      prop-types: 15.8.1
+      react: 18.3.1
+
+  react-calendar@5.0.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@wojtekmaj/date-utils': 1.5.1
+      clsx: 2.1.1
+      get-user-locale: 2.3.2
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      warning: 4.0.3
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  react-clientside-effect@1.2.6(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.24.8
+      react: 18.3.1
+
+  react-colorful@5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
+  react-dropzone@14.2.3(react@18.3.1):
+    dependencies:
+      attr-accept: 2.2.2
+      file-selector: 0.6.0
+      prop-types: 15.8.1
+      react: 18.3.1
+
+  react-fast-compare@3.2.2: {}
+
+  react-focus-lock@2.12.1(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.24.8
+      focus-lock: 1.3.5
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-clientside-effect: 1.2.6(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.3)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.3)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  react-hook-form@7.52.1(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  react-icons@5.2.1(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  react-is@16.13.1: {}
+
+  react-remove-scroll-bar@2.3.6(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-style-singleton: 2.2.1(@types/react@18.3.3)(react@18.3.1)
+      tslib: 2.6.3
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  react-remove-scroll@2.5.10(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-remove-scroll-bar: 2.3.6(@types/react@18.3.3)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.3)(react@18.3.1)
+      tslib: 2.6.3
+      use-callback-ref: 1.3.2(@types/react@18.3.3)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.3)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  react-select@5.8.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.24.8
+      '@emotion/cache': 11.11.0
+      '@emotion/react': 11.11.4(@types/react@18.3.3)(react@18.3.1)
+      '@floating-ui/dom': 1.6.7
+      '@types/react-transition-group': 4.4.10
+      memoize-one: 6.0.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-transition-group: 4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.3)(react@18.3.1)
+    transitivePeerDependencies:
+      - '@types/react'
+      - supports-color
+
+  react-style-singleton@2.2.1(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      get-nonce: 1.0.1
+      invariant: 2.2.4
+      react: 18.3.1
+      tslib: 2.6.3
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  react-transition-group@4.4.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.24.8
+      dom-helpers: 5.2.1
+      loose-envify: 1.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
+  reflect.getprototypeof@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      globalthis: 1.0.4
+      which-builtin-type: 1.1.3
+
+  regenerator-runtime@0.14.1: {}
+
+  regexp.prototype.flags@1.5.2:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      set-function-name: 2.0.2
+
+  resolve-from@4.0.0: {}
+
+  resolve-pkg-maps@1.0.0: {}
+
+  resolve@1.22.8:
+    dependencies:
+      is-core-module: 2.14.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  resolve@2.0.0-next.5:
+    dependencies:
+      is-core-module: 2.14.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  reusify@1.0.4: {}
+
+  rimraf@3.0.2:
+    dependencies:
+      glob: 7.2.3
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  safe-array-concat@1.1.2:
+    dependencies:
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+
+  safe-regex-test@1.0.3:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-regex: 1.1.4
+
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
+  semver@6.3.1: {}
+
+  semver@7.6.2: {}
+
+  set-function-length@1.2.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.2
+
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  side-channel@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      get-intrinsic: 1.2.4
+      object-inspect: 1.13.2
+
+  signal-exit@4.1.0: {}
+
+  slash@3.0.0: {}
+
+  source-map-js@1.2.0: {}
+
+  source-map@0.5.7: {}
+
+  stop-iteration-iterator@1.0.0:
+    dependencies:
+      internal-slot: 1.0.7
+
+  streamsearch@1.1.0: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+
+  string.prototype.includes@2.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+
+  string.prototype.matchall@4.0.11:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-errors: 1.3.0
+      es-object-atoms: 1.0.0
+      get-intrinsic: 1.2.4
+      gopd: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.7
+      regexp.prototype.flags: 1.5.2
+      set-function-name: 2.0.2
+      side-channel: 1.0.6
+
+  string.prototype.trim@1.2.9:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-abstract: 1.23.3
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimend@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.7
+      define-properties: 1.2.1
+      es-object-atoms: 1.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.0:
+    dependencies:
+      ansi-regex: 6.0.1
+
+  strip-bom@3.0.0: {}
+
+  strip-json-comments@3.1.1: {}
+
+  styled-jsx@5.1.1(@babel/core@7.24.8)(react@18.3.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 18.3.1
+    optionalDependencies:
+      '@babel/core': 7.24.8
+
+  stylis@4.2.0: {}
+
+  supports-color@5.5.0:
+    dependencies:
+      has-flag: 3.0.0
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  svg.draggable.js@2.2.2:
+    dependencies:
+      svg.js: 2.7.1
+
+  svg.easing.js@2.0.0:
+    dependencies:
+      svg.js: 2.7.1
+
+  svg.filter.js@2.0.2:
+    dependencies:
+      svg.js: 2.7.1
+
+  svg.js@2.7.1: {}
+
+  svg.pathmorphing.js@0.1.3:
+    dependencies:
+      svg.js: 2.7.1
+
+  svg.resize.js@1.4.3:
+    dependencies:
+      svg.js: 2.7.1
+      svg.select.js: 2.1.2
+
+  svg.select.js@2.1.2:
+    dependencies:
+      svg.js: 2.7.1
+
+  svg.select.js@3.0.1:
+    dependencies:
+      svg.js: 2.7.1
+
+  tapable@2.2.1: {}
+
+  text-table@0.2.0: {}
+
+  tiny-invariant@1.3.3: {}
+
+  to-fast-properties@2.0.0: {}
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  toggle-selection@1.0.6: {}
+
+  ts-api-utils@1.3.0(typescript@5.5.3):
+    dependencies:
+      typescript: 5.5.3
+
+  tsconfig-paths@3.15.0:
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
+  tslib@2.4.0: {}
+
+  tslib@2.6.3: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@0.20.2: {}
+
+  typed-array-buffer@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      es-errors: 1.3.0
+      is-typed-array: 1.1.13
+
+  typed-array-byte-length@1.0.1:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+
+  typed-array-byte-offset@1.0.2:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+
+  typed-array-length@1.0.6:
+    dependencies:
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-proto: 1.0.3
+      is-typed-array: 1.1.13
+      possible-typed-array-names: 1.0.0
+
+  typescript@5.5.3: {}
+
+  unbox-primitive@1.0.2:
+    dependencies:
+      call-bind: 1.0.7
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+
+  undici-types@5.26.5: {}
+
+  update-browserslist-db@1.1.0(browserslist@4.23.2):
+    dependencies:
+      browserslist: 4.23.2
+      escalade: 3.1.2
+      picocolors: 1.0.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  use-callback-ref@1.3.2(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      tslib: 2.6.3
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  use-sidecar@1.1.2(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 18.3.1
+      tslib: 2.6.3
+    optionalDependencies:
+      '@types/react': 18.3.3
+
+  use-sync-external-store@1.2.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  warning@4.0.3:
+    dependencies:
+      loose-envify: 1.4.0
+
+  which-boxed-primitive@1.0.2:
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+
+  which-builtin-type@1.1.3:
+    dependencies:
+      function.prototype.name: 1.1.6
+      has-tostringtag: 1.0.2
+      is-async-function: 2.0.0
+      is-date-object: 1.0.5
+      is-finalizationregistry: 1.0.2
+      is-generator-function: 1.0.10
+      is-regex: 1.1.4
+      is-weakref: 1.0.2
+      isarray: 2.0.5
+      which-boxed-primitive: 1.0.2
+      which-collection: 1.0.2
+      which-typed-array: 1.1.15
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.3
+
+  which-typed-array@1.1.15:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.7
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.2
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+
+  wrappy@1.0.2: {}
+
+  yallist@3.1.1: {}
+
+  yaml@1.10.2: {}
+
+  yocto-queue@0.1.0: {}
+
+  zod@3.23.8: {}
+
+  zustand@4.5.4(@types/react@18.3.3)(react@18.3.1):
+    dependencies:
+      use-sync-external-store: 1.2.0(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.3
+      react: 18.3.1
diff --git a/public/Banner1.png b/public/Banner1.png
new file mode 100644
index 0000000..563f418
Binary files /dev/null and b/public/Banner1.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..1f2f141
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..3bc2b9c
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+User-Agent: *
+Disallow:
+Sitemap: https://simmmple.com
\ No newline at end of file
diff --git a/src/api/bot.ts b/src/api/bot.ts
new file mode 100644
index 0000000..1a96ee2
--- /dev/null
+++ b/src/api/bot.ts
@@ -0,0 +1,141 @@
+import { CustomFeatures, CustomGuildInfo } from '@/config/types/custom-types';
+import { AccessToken } from '@/utils/auth/server';
+import { callDefault, callReturn } from '@/utils/fetch/core';
+import { botRequest } from '@/utils/fetch/requests';
+import { ChannelTypes } from './discord';
+
+export type Role = {
+  id: string;
+  name: string;
+  color: number;
+  position: number;
+  icon?: {
+    iconUrl?: string;
+    emoji?: string;
+  };
+};
+
+export type GuildChannel = {
+  id: string;
+  name: string;
+  type: ChannelTypes;
+  /**
+   * parent category of the channel
+   */
+  category?: string;
+};
+
+/**
+ * Get custom guild info on from backend
+ *
+ * @param guild Guild ID
+ * @return Guild info, or null if bot hasn't joined the guild
+ */
+export async function fetchGuildInfo(
+  session: AccessToken,
+  guild: string
+): Promise<CustomGuildInfo | null> {
+  return await callReturn<CustomGuildInfo | null>(
+    `/guilds/${guild}`,
+    botRequest(session, {
+      request: {
+        method: 'GET',
+      },
+      allowed: {
+        404: () => null,
+      },
+    })
+  );
+}
+
+export async function enableFeature(session: AccessToken, guild: string, feature: string) {
+  return await callDefault(
+    `/guilds/${guild}/features/${feature}`,
+    botRequest(session, {
+      request: {
+        method: 'POST',
+      },
+    })
+  );
+}
+
+export async function disableFeature(session: AccessToken, guild: string, feature: string) {
+  return await callDefault(
+    `/guilds/${guild}/features/${feature}`,
+    botRequest(session, {
+      request: {
+        method: 'DELETE',
+      },
+    })
+  );
+}
+
+export async function getFeature<K extends keyof CustomFeatures>(
+  session: AccessToken,
+  guild: string,
+  feature: K
+): Promise<CustomFeatures[K]> {
+  return await callReturn<CustomFeatures[K]>(
+    `/guilds/${guild}/features/${feature}`,
+    botRequest(session, {
+      request: {
+        method: 'GET',
+      },
+    })
+  );
+}
+
+export async function updateFeature<K extends keyof CustomFeatures>(
+  session: AccessToken,
+  guild: string,
+  feature: K,
+  options: FormData | string
+): Promise<CustomFeatures[K]> {
+  const isForm = options instanceof FormData;
+
+  return await callReturn<CustomFeatures[K]>(
+    `/guilds/${guild}/features/${feature}`,
+    botRequest(session, {
+      request: {
+        method: 'PATCH',
+        headers: isForm
+          ? {}
+          : {
+              'Content-Type': 'application/json',
+            },
+        body: options,
+      },
+    })
+  );
+}
+
+/**
+ * Used for custom forms
+ *
+ * The dashboard itself doesn't use it
+ * @returns Guild roles
+ */
+export async function fetchGuildRoles(session: AccessToken, guild: string) {
+  return await callReturn<Role[]>(
+    `/guilds/${guild}/roles`,
+    botRequest(session, {
+      request: {
+        method: 'GET',
+      },
+    })
+  );
+}
+
+/**
+ * @returns Guild channels
+ */
+export async function fetchGuildChannels(session: AccessToken, guild: string) {
+  return await callReturn<GuildChannel[]>(
+    `/guilds/${guild}/channels`,
+    botRequest(session, {
+      request: {
+        method: 'GET',
+      },
+    })
+  );
+}
diff --git a/src/api/discord.ts b/src/api/discord.ts
new file mode 100644
index 0000000..fcecb9e
--- /dev/null
+++ b/src/api/discord.ts
@@ -0,0 +1,129 @@
+import { logout } from '@/utils/auth/hooks';
+import { callReturn } from '@/utils/fetch/core';
+import { discordRequest } from '@/utils/fetch/requests';
+
+export type UserInfo = {
+  id: string;
+  username: string;
+  discriminator: string;
+  avatar: string;
+  mfa_enabled?: boolean;
+  banner?: string;
+  accent_color?: number;
+  locale?: string;
+  flags?: number;
+  premium_type?: number;
+  public_flags?: number;
+};
+
+export type Guild = {
+  id: string;
+  name: string;
+  icon: string;
+  permissions: string;
+};
+
+export type IconHash = string;
+
+export enum PermissionFlags {
+  CREATE_INSTANT_INVITE = 1 << 0,
+  KICK_MEMBERS = 1 << 1,
+  BAN_MEMBERS = 1 << 2,
+  ADMINISTRATOR = 1 << 3,
+  MANAGE_CHANNELS = 1 << 4,
+  MANAGE_GUILD = 1 << 5,
+  ADD_REACTIONS = 1 << 6,
+  VIEW_AUDIT_LOG = 1 << 7,
+  PRIORITY_SPEAKER = 1 << 8,
+  STREAM = 1 << 9,
+  VIEW_CHANNEL = 1 << 10,
+  SEND_MESSAGES = 1 << 11,
+  SEND_TTS_MESSAGES = 1 << 12,
+  MANAGE_MESSAGES = 1 << 13,
+  EMBED_LINKS = 1 << 14,
+  ATTACH_FILES = 1 << 15,
+  READ_MESSAGE_HISTORY = 1 << 16,
+  MENTION_EVERYONE = 1 << 17,
+  USE_EXTERNAL_EMOJIS = 1 << 18,
+  VIEW_GUILD_INSIGHTS = 1 << 19,
+  CONNECT = 1 << 20,
+  SPEAK = 1 << 21,
+  MUTE_MEMBERS = 1 << 22,
+  DEAFEN_MEMBERS = 1 << 23,
+  MOVE_MEMBERS = 1 << 24,
+  USE_VAD = 1 << 25,
+  CHANGE_NICKNAME = 1 << 26,
+  MANAGE_NICKNAMES = 1 << 27,
+  MANAGE_ROLES = 1 << 28,
+  MANAGE_WEBHOOKS = 1 << 29,
+  MANAGE_EMOJIS_AND_STICKERS = 1 << 30,
+  USE_APPLICATION_COMMANDS = 1 << 31,
+  REQUEST_TO_SPEAK = 1 << 32,
+  MANAGE_EVENTS = 1 << 33,
+  MANAGE_THREADS = 1 << 34,
+  CREATE_PUBLIC_THREADS = 1 << 35,
+  CREATE_PRIVATE_THREADS = 1 << 36,
+  USE_EXTERNAL_STICKERS = 1 << 37,
+  SEND_MESSAGES_IN_THREADS = 1 << 38,
+  USE_EMBEDDED_ACTIVITIES = 1 << 39,
+  MODERATE_MEMBERS = 1 << 40,
+}
+
+export enum ChannelTypes {
+  GUILD_TEXT = 0,
+  DM = 1,
+  GUILD_VOICE = 2,
+  GROUP_DM = 3,
+  GUILD_CATEGORY = 4,
+  GUILD_ANNOUNCEMENT = 5,
+  ANNOUNCEMENT_THREAD = 10,
+  PUBLIC_THREAD = 11,
+  PRIVATE_THREAD = 12,
+  GUILD_STAGE_VOICE = 13,
+  GUILD_DIRECTORY = 14,
+  GUILD_FORUM = 15,
+}
+
+export async function fetchUserInfo(accessToken: string) {
+  return await callReturn<UserInfo>(
+    `/users/@me`,
+    discordRequest(accessToken, {
+      request: {
+        method: 'GET',
+      },
+      allowed: {
+        401: async () => {
+          await logout();
+
+          throw new Error('Not logged in');
+        },
+      },
+    })
+  );
+}
+
+export async function getGuilds(accessToken: string) {
+  return await callReturn<Guild[]>(
+    `/users/@me/guilds`,
+    discordRequest(accessToken, { request: { method: 'GET' } })
+  );
+}
+
+export async function getGuild(accessToken: string, id: string) {
+  return await callReturn<Guild>(
+    `/guilds/${id}`,
+    discordRequest(accessToken, { request: { method: 'GET' } })
+  );
+}
+
+export function iconUrl(guild: Guild) {
+  return `https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}`;
+}
+
+export function avatarUrl(user: UserInfo) {
+  return `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}?size=512`;
+}
+
+export function bannerUrl(id: string, banner: string): string {
+  return `https://cdn.discordapp.com/banners/${id}/${banner}?size=1024`;
+}
diff --git a/src/api/hooks.ts b/src/api/hooks.ts
new file mode 100644
index 0000000..c6d74ad
--- /dev/null
+++ b/src/api/hooks.ts
@@ -0,0 +1,175 @@
+import { CustomFeatures, CustomGuildInfo } from '../config/types';
+import { QueryClient, useMutation, useQuery, useSuspenseQuery } from '@tanstack/react-query';
+import { UserInfo, getGuild, getGuilds, fetchUserInfo } from '@/api/discord';
+import {
+  disableFeature,
+  enableFeature,
+  fetchGuildChannels,
+  fetchGuildInfo,
+  fetchGuildRoles,
+  getFeature,
+  updateFeature,
+} from '@/api/bot';
+import { GuildInfo } from '@/config/types';
+import { useAccessToken, useSession } from '@/utils/auth/hooks';
+
+export const client = new QueryClient({
+  defaultOptions: {
+    mutations: {
+      retry: 0,
+    },
+    queries: {
+      refetchOnWindowFocus: false,
+      staleTime: Infinity,
+      retry: 0,
+    },
+  },
+});
+
+export const Keys = {
+  login: ['login'],
+  guild_info: (guild: string) => ['guild_info', guild],
+  features: (guild: string, feature: string) => ['feature', guild, feature],
+  guildRoles: (guild: string) => ['gulid_roles', guild],
+  guildChannels: (guild: string) => ['gulid_channel', guild],
+};
+
+export const Mutations = {
+  updateFeature: (guild: string, id: string) => ['feature', guild, id],
+};
+
+export function useGuild(id: string) {
+  const accessToken = useAccessToken();
+
+  return useQuery({
+    queryKey: ['guild', id],
+    queryFn: () => getGuild(accessToken as string, id),
+    enabled: accessToken != null
+  });
+}
+
+export function useGuilds() {
+  const accessToken = useAccessToken();
+
+  return useQuery({
+    queryKey: ['user_guilds'],
+    queryFn: () => getGuilds(accessToken as string),
+    enabled: accessToken != null
+  });
+}
+
+export function useSelfUserQuery() {
+  const accessToken = useAccessToken();
+
+  return useQuery<UserInfo>({
+    queryKey: ['users', 'me'],
+    queryFn: () => fetchUserInfo(accessToken!!),
+    enabled: accessToken != null,
+    staleTime: Infinity
+  });
+}
+
+export function useGuildInfoQuery(guild: string) {
+  const { status, session } = useSession();
+
+  return useQuery<CustomGuildInfo | null>({
+    queryKey: Keys.guild_info(guild),
+    queryFn: () => fetchGuildInfo(session!!, guild),
+    enabled: status === 'authenticated',
+    refetchOnWindowFocus: true,
+    retry: false,
+    staleTime: 0
+  });
+}
+
+export function useFeatureQuery<K extends keyof CustomFeatures>(guild: string, feature: K) {
+  // eslint-disable-next-line no-unused-vars
+  const { status, session } = useSession();
+
+  return useSuspenseQuery({
+    queryKey: Keys.features(guild, feature),
+    queryFn: () => getFeature(session!!, guild, feature)
+  });
+}
+
+export type EnableFeatureOptions = { guild: string; feature: string; enabled: boolean };
+export function useEnableFeatureMutation() {
+  const { session } = useSession();
+
+  return useMutation({
+    mutationFn: async ({ enabled, guild, feature }: EnableFeatureOptions) => {
+      if (enabled) return enableFeature(session!!, guild, feature);
+      return disableFeature(session!!, guild, feature);
+    },
+    async onSuccess(_, { guild, feature, enabled }) {
+      await client.invalidateQueries({queryKey: Keys.features(guild, feature)});
+      client.setQueryData<GuildInfo | null>(Keys.guild_info(guild), (prev) => {
+        if (prev == null) return null;
+
+        if (enabled) {
+          return {
+            ...prev,
+            enabledFeatures: prev.enabledFeatures.includes(feature)
+              ? prev.enabledFeatures
+              : [...prev.enabledFeatures, feature],
+          };
+        } else {
+          return {
+            ...prev,
+            enabledFeatures: prev.enabledFeatures.filter((f) => f !== feature),
+          };
+        }
+      });
+    },
+  });
+}
+
+export type UpdateFeatureOptions = {
+  guild: string;
+  feature: keyof CustomFeatures;
+  options: FormData | string;
+};
+export function useUpdateFeatureMutation() {
+  const { session } = useSession();
+
+  return useMutation({
+    mutationFn: (options: UpdateFeatureOptions) =>
+      updateFeature(session!!, options.guild, options.feature, options.options),
+    onSuccess(updated, options) {
+      const key = Keys.features(options.guild, options.feature);
+
+      return client.setQueryData(key, updated);
+    },
+  });
+}
+
+export function useGuildRolesQuery(guild: string) {
+  const { session } = useSession();
+
+  return useQuery({
+    queryKey: Keys.guildRoles(guild),
+    queryFn: () => fetchGuildRoles(session!!, guild)
+  });
+}
+
+export function useGuildChannelsQuery(guild: string) {
+  const { session } = useSession();
+
+  return useQuery({
+    queryKey: Keys.guildChannels(guild),
+    queryFn: () => fetchGuildChannels(session!!, guild)
+  });
+}
+
+export function useSelfUser(): UserInfo {
+  return useSelfUserQuery().data!!;
+}
+
+export function useGuildPreview(guild: string) {
+  const query = useGuilds();
+
+  return {
+    guild: query.data?.find((g) => g.id === guild),
+    query,
+  };
+}
diff --git a/src/components/GuildBanner.tsx b/src/components/GuildBanner.tsx
new file mode 100644
index 0000000..6dec2da
--- /dev/null
+++ b/src/components/GuildBanner.tsx
@@ -0,0 +1,46 @@
+import { FiSettings as SettingsIcon } from 'react-icons/fi';
+import { Flex, Heading, Text } from '@chakra-ui/layout';
+import { Button, ButtonGroup } from '@chakra-ui/react';
+import { guild as view } from '@/config/translations/guild';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+
+export function Banner() {
+  const { guild } = useRouter().query as { guild: string };
+  const t = view.useTranslations();
+
+  return (
+    <Flex
+      direction="column"
+      px={{ base: 5, lg: 8 }}
+      py={{ base: 5, lg: 7 }}
+      rounded="2xl"
+      bgColor="Brand"
+      bgImg={{ '3sm': '/Banner1.png' }}
+      bgSize="cover"
+      gap={1}
+    >
+      <Heading color="white" fontSize={{ base: '2xl' }} fontWeight="bold">
+        {t.banner.title}
+      </Heading>
+      <Text color="whiteAlpha.800">{t.banner.description}</Text>
+      <ButtonGroup mt={3}>
+        <Button
+          leftIcon={<SettingsIcon />}
+          color="white"
+          bg="whiteAlpha.200"
+          _hover={{
+            bg: 'whiteAlpha.300',
+          }}
+          _active={{
+            bg: 'whiteAlpha.400',
+          }}
+          as={Link}
+          href={`/guilds/${guild}/settings`}
+        >
+          {t.bn.settings}
+        </Button>
+      </ButtonGroup>
+    </Flex>
+  );
+}
diff --git a/src/components/SidebarTrigger.tsx b/src/components/SidebarTrigger.tsx
new file mode 100644
index 0000000..7a4ac8b
--- /dev/null
+++ b/src/components/SidebarTrigger.tsx
@@ -0,0 +1,27 @@
+import { Flex, Icon } from '@chakra-ui/react';
+import { IoMenuOutline } from 'react-icons/io5';
+import { usePageStore } from '@/stores';
+import { sidebarBreakpoint } from '@/theme/breakpoints';
+
+export function SidebarTrigger() {
+  const setOpen = usePageStore((s) => s.setSidebarIsOpen);
+
+  return (
+    <Flex display={{ base: 'flex', [sidebarBreakpoint]: 'none' }} alignItems="center">
+      <Flex w="max-content" h="max-content" onClick={() => setOpen(true)}>
+        <Icon
+          as={IoMenuOutline}
+          color="gray.400"
+          _dark={{
+            color: 'white',
+          }}
+          my="auto"
+          w="20px"
+          h="20px"
+          me="10px"
+          _hover={{ cursor: 'pointer' }}
+        />
+      </Flex>
+    </Flex>
+  );
+}
diff --git a/src/components/ThemeSwitch.tsx b/src/components/ThemeSwitch.tsx
new file mode 100644
index 0000000..12367be
--- /dev/null
+++ b/src/components/ThemeSwitch.tsx
@@ -0,0 +1,31 @@
+import { Button, Icon, useColorMode } from '@chakra-ui/react';
+import { IoMdMoon, IoMdSunny } from 'react-icons/io';
+
+export function ThemeSwitch({ secondary }: { secondary?: boolean }) {
+  const { colorMode, toggleColorMode } = useColorMode();
+
+  return (
+    <Button
+      variant="no-hover"
+      bg="transparent"
+      p="0px"
+      minW="unset"
+      minH="unset"
+      h="18px"
+      w="max-content"
+      onClick={toggleColorMode}
+      aria-label="Toggle color mode"
+    >
+      <Icon
+        me="10px"
+        h="18px"
+        w="18px"
+        color={secondary ? 'gray.400' : 'TextPrimary'}
+        _dark={{
+          color: 'TextPrimary',
+        }}
+        as={colorMode === 'light' ? IoMdMoon : IoMdSunny}
+      />
+    </Button>
+  );
+}
diff --git a/src/components/chart/StyledChart.tsx b/src/components/chart/StyledChart.tsx
new file mode 100644
index 0000000..e029857
--- /dev/null
+++ b/src/components/chart/StyledChart.tsx
@@ -0,0 +1,78 @@
+import { useColorModeValue, useToken } from '@chakra-ui/react';
+import { deepmerge } from 'deepmerge-ts';
+import dynamic from 'next/dynamic';
+import type { Props as ChartProps } from 'react-apexcharts';
+
+const Chart = dynamic(() => import('react-apexcharts'), { ssr: false });
+
+export function StyledChart(props: ChartProps) {
+  const theme = useColorModeValue('light', 'dark');
+  const [textColorPrimary, textColorSecondary] = useToken('colors', [
+    'TextPrimary',
+    'TextSecondary',
+  ]);
+
+  const options: ApexCharts.ApexOptions = {
+    chart: {
+      toolbar: {
+        show: false,
+      },
+      dropShadow: {
+        enabled: true,
+        top: 13,
+        left: 0,
+        blur: 10,
+        opacity: 0.1,
+        color: '#4318FF',
+      },
+    },
+    tooltip: {
+      fillSeriesColor: false,
+      theme: theme,
+    },
+    markers: {
+      size: 0,
+      colors: textColorPrimary,
+      strokeColors: '#7551FF',
+      strokeWidth: 3,
+      strokeOpacity: 0.9,
+      strokeDashArray: 0,
+      fillOpacity: 1,
+      discrete: [],
+      shape: 'circle',
+      radius: 2,
+      offsetX: 0,
+      offsetY: 0,
+      showNullDataPoints: true,
+    },
+    stroke: {
+      curve: 'smooth',
+    },
+    legend: {
+      labels: {
+        colors: textColorSecondary,
+      },
+    },
+    grid: {
+      show: false,
+    },
+    yaxis: {
+      labels: {
+        style: {
+          colors: textColorSecondary,
+        },
+      },
+    },
+    xaxis: {
+      labels: {
+        style: {
+          colors: textColorSecondary,
+          fontSize: '12px',
+          fontWeight: '500',
+        },
+      },
+    },
+  };
+
+  return <Chart {...props} options={deepmerge(options, props.options)} />;
+}
diff --git a/src/components/feature/FeatureItem.tsx b/src/components/feature/FeatureItem.tsx
new file mode 100644
index 0000000..a5b67fd
--- /dev/null
+++ b/src/components/feature/FeatureItem.tsx
@@ -0,0 +1,67 @@
+import { Box, Center, Flex, Text } from '@chakra-ui/layout';
+import { Button, ButtonGroup, Card, CardBody, CardFooter } from '@chakra-ui/react';
+import { IdFeature } from '@/utils/common';
+import { IoOpen, IoOptions } from 'react-icons/io5';
+import { useEnableFeatureMutation } from '@/api/hooks';
+import { guild as view } from '@/config/translations/guild';
+import Router from 'next/router';
+
+export function FeatureItem({
+  guild,
+  feature,
+  enabled,
+}: {
+  guild: string;
+  feature: IdFeature;
+  enabled: boolean;
+}) {
+  const t = view.useTranslations();
+  const mutation = useEnableFeatureMutation();
+
+  return (
+    <Card variant="primary">
+      <CardBody as={Flex} direction="row" gap={3}>
+        <Center
+          bg={enabled ? 'Brand' : 'brandAlpha.100'}
+          color={enabled ? 'white' : 'brand.500'}
+          rounded="xl"
+          w="50px"
+          h="50px"
+          fontSize="3xl"
+          _dark={{
+            color: enabled ? 'white' : 'brand.200',
+          }}
+        >
+          {feature.icon}
+        </Center>
+        <Box flex={1}>
+          <Text fontSize={{ base: '16px', md: 'lg' }} fontWeight="600">
+            {feature.name}
+          </Text>
+          <Text fontSize={{ base: 'sm', md: 'md' }} color="TextSecondary">
+            {feature.description}
+          </Text>
+        </Box>
+      </CardBody>
+      <CardFooter as={ButtonGroup} mt={3}>
+        <Button
+          size={{ base: 'sm', md: 'md' }}
+          disabled={mutation.isPending}
+          {...(enabled
+            ? {
+                variant: 'action',
+                rounded: '2xl',
+                leftIcon: <IoOptions />,
+                onClick: () => Router.push(`/guilds/${guild}/features/${feature.id}`),
+                children: t.bn['config feature'],
+              }
+            : {
+                leftIcon: <IoOpen />,
+                onClick: () => mutation.mutate({ enabled: true, guild, feature: feature.id }),
+                children: t.bn['enable feature'],
+              })}
+        />
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/src/components/feature/UpdateFeaturePanel.tsx b/src/components/feature/UpdateFeaturePanel.tsx
new file mode 100644
index 0000000..1e20220
--- /dev/null
+++ b/src/components/feature/UpdateFeaturePanel.tsx
@@ -0,0 +1,112 @@
+import { RiErrorWarningFill as WarningIcon } from 'react-icons/ri';
+import { Box, Flex, Heading, Spacer, Text } from '@chakra-ui/layout';
+import { ButtonGroup, Button, Icon } from '@chakra-ui/react';
+import { SlideFade } from '@chakra-ui/react';
+import { FeatureConfig, UseFormRenderResult, CustomFeatures } from '@/config/types';
+import { IoSave } from 'react-icons/io5';
+import { useEnableFeatureMutation, useUpdateFeatureMutation } from '@/api/hooks';
+import { Params } from '@/pages/guilds/[guild]/features/[feature]';
+import { feature as view } from '@/config/translations/feature';
+import { useRouter } from 'next/router';
+
+export function UpdateFeaturePanel({
+  feature,
+  config,
+}: {
+  feature: CustomFeatures[keyof CustomFeatures];
+  config: FeatureConfig<keyof CustomFeatures>;
+}) {
+  const { guild, feature: featureId } = useRouter().query as Params;
+  const mutation = useUpdateFeatureMutation();
+  const enableMutation = useEnableFeatureMutation();
+  const result = config.useRender(feature, (data) => {
+    return mutation.mutateAsync({
+      guild,
+      feature: featureId,
+      options: data,
+    });
+  });
+
+  const onDisable = () => {
+    enableMutation.mutate({ enabled: false, guild, feature: featureId });
+  };
+
+  return (
+    <Flex as="form" direction="column" gap={5} w="full" h="full">
+      <Flex direction={{ base: 'column', md: 'row' }} mx={{ '3sm': 5 }} justify="space-between">
+        <Box>
+          <Heading fontSize="2xl" fontWeight="600">
+            {config.name}
+          </Heading>
+          <Text color="TextSecondary">{config.description}</Text>
+        </Box>
+        <ButtonGroup mt={3}>
+          <Button variant="danger" isLoading={enableMutation.isPending} onClick={onDisable}>
+            <view.T text={(e) => e.bn.disable} />
+          </Button>
+        </ButtonGroup>
+      </Flex>
+
+      {result.component}
+      <Savebar isLoading={mutation.isPending} result={result} />
+    </Flex>
+  );
+}
+
+function Savebar({
+  result: { canSave, onSubmit, reset },
+  isLoading,
+}: {
+  result: UseFormRenderResult;
+  isLoading: boolean;
+}) {
+  const t = view.useTranslations();
+  const breakpoint = '3sm';
+
+  return (
+    <Flex
+      as={SlideFade}
+      in={canSave}
+      bg="CardBackground"
+      rounded="3xl"
+      zIndex="sticky"
+      pos="sticky"
+      bottom={{ base: 2, [breakpoint]: '10px' }}
+      w="full"
+      p={{ base: 1, [breakpoint]: '15px' }}
+      shadow="normal"
+      alignItems="center"
+      flexDirection={{ base: 'column', [breakpoint]: 'row' }}
+      gap={{ base: 1, [breakpoint]: 2 }}
+      mt="auto"
+    >
+      <Icon
+        display={{ base: 'none', [breakpoint]: 'block' }}
+        as={WarningIcon}
+        _light={{ color: 'orange.400' }}
+        _dark={{ color: 'orange.300' }}
+        w="30px"
+        h="30px"
+      />
+      <Text fontSize={{ base: 'md', [breakpoint]: 'lg' }} fontWeight="600">
+        {t.unsaved}
+      </Text>
+      <Spacer />
+      <ButtonGroup isDisabled={isLoading} size={{ base: 'sm', [breakpoint]: 'md' }}>
+        <Button
+          type="submit"
+          variant="action"
+          rounded="full"
+          leftIcon={<IoSave />}
+          isLoading={isLoading}
+          onClick={onSubmit}
+        >
+          {t.bn.save}
+        </Button>
+        <Button rounded="full" onClick={reset}>
+          {t.bn.discard}
+        </Button>
+      </ButtonGroup>
+    </Flex>
+  );
+}
diff --git a/src/components/forms/ChannelSelect.tsx b/src/components/forms/ChannelSelect.tsx
new file mode 100644
index 0000000..6054b92
--- /dev/null
+++ b/src/components/forms/ChannelSelect.tsx
@@ -0,0 +1,121 @@
+import { BsChatLeftText as ChatIcon } from 'react-icons/bs';
+import { GuildChannel } from '@/api/bot';
+import { ChannelTypes } from '@/api/discord';
+import { Option, SelectField } from '@/components/forms/SelectField';
+import { forwardRef, useMemo } from 'react';
+import { MdRecordVoiceOver } from 'react-icons/md';
+import { useGuildChannelsQuery } from '@/api/hooks';
+import { Icon } from '@chakra-ui/react';
+import { useRouter } from 'next/router';
+import { SelectInstance, Props as SelectProps } from 'chakra-react-select';
+import { Override } from '@/utils/types';
+import { ControlledInput } from './types';
+import { FormCard } from './Form';
+import { useController } from 'react-hook-form';
+import { common } from '@/config/translations/common';
+
+/**
+ * Render an options
+ */
+const render = (channel: GuildChannel): Option => {
+  const icon = () => {
+    switch (channel.type) {
+      case ChannelTypes.GUILD_STAGE_VOICE:
+      case ChannelTypes.GUILD_VOICE: {
+        return <Icon as={MdRecordVoiceOver} />;
+      }
+      default:
+        return <ChatIcon />;
+    }
+  };
+
+  return {
+    label: channel.name,
+    value: channel.id,
+    icon: icon(),
+  };
+};
+
+function mapOptions(channels: GuildChannel[]) {
+  //channels in category
+  const categories = new Map<string, GuildChannel[]>();
+  //channels with no parent category
+  const roots: GuildChannel[] = [];
+
+  //group channels
+  for (const channel of channels) {
+    if (channel.category == null) roots.push(channel);
+    else {
+      const category = categories.get(channel.category);
+
+      if (category == null) {
+        categories.set(channel.category, [channel]);
+      } else {
+        category.push(channel);
+      }
+    }
+  }
+
+  //map channels into select menu options
+  return roots.map((channel) => {
+    if (channel.type === ChannelTypes.GUILD_CATEGORY) {
+      return {
+        ...render(channel),
+        options: categories.get(channel.id)?.map(render) ?? [],
+      };
+    }
+
+    return render(channel);
+  });
+}
+
+type Props = Override<
+  SelectProps<Option, false>,
+  {
+    value?: string;
+    onChange: (v: string) => void;
+  }
+>;
+
+export const ChannelSelect = forwardRef<SelectInstance<Option, false>, Props>(
+  ({ value, onChange, ...rest }, ref) => {
+    const guild = useRouter().query.guild as string;
+    const channelsQuery = useGuildChannelsQuery(guild);
+    const isLoading = channelsQuery.isLoading;
+
+    const selected = value != null ? channelsQuery.data?.find((c) => c.id === value) : null;
+    const options = useMemo(
+      () => (channelsQuery.data != null ? mapOptions(channelsQuery.data) : []),
+      [channelsQuery.data]
+    );
+
+    return (
+      <SelectField<Option>
+        isDisabled={isLoading}
+        isLoading={isLoading}
+        placeholder={<common.T text="select channel" />}
+        value={selected != null ? render(selected) : null}
+        options={options}
+        onChange={(e) => e != null && onChange(e.value)}
+        ref={ref}
+        {...rest}
+      />
+    );
+  }
+);
+
+ChannelSelect.displayName = 'ChannelSelect';
+
+export const ChannelSelectForm: ControlledInput<Omit<Props, 'value' | 'onChange'>> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const { field, fieldState } = useController(controller);
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <ChannelSelect {...field} {...props} />
+    </FormCard>
+  );
+};
diff --git a/src/components/forms/ColorPicker.tsx b/src/components/forms/ColorPicker.tsx
new file mode 100644
index 0000000..99f49a7
--- /dev/null
+++ b/src/components/forms/ColorPicker.tsx
@@ -0,0 +1,114 @@
+import {
+  Center,
+  Flex,
+  Input,
+  InputGroup,
+  InputLeftAddon,
+  Popover,
+  PopoverBody,
+  PopoverContent,
+  PopoverTrigger,
+  SimpleGrid,
+  Text,
+} from '@chakra-ui/react';
+import { HexAlphaColorPicker, HexColorPicker } from 'react-colorful';
+import { ColorPickerBaseProps } from 'react-colorful/dist/types';
+import { FormCard } from './Form';
+import { convertHexToRGBA } from '@/utils/common';
+import { useController } from 'react-hook-form';
+import { ControlledInput } from './types';
+
+export type ColorPickerFormProps = Omit<ColorPickerProps, 'value' | 'onChange'>;
+
+export const SmallColorPickerForm: ControlledInput<
+  ColorPickerFormProps,
+  ColorPickerProps['value']
+> = ({ control, controller, ...props }) => {
+  const { field, fieldState } = useController(controller);
+  const { value } = field;
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <Popover>
+        <PopoverTrigger>
+          <InputGroup>
+            <InputLeftAddon bg={value} rounded="xl" h="full" />
+            <Input
+              autoComplete="off"
+              variant="main"
+              placeholder={value ?? 'Select a color'}
+              {...field}
+              value={field.value ?? ''}
+            />
+          </InputGroup>
+        </PopoverTrigger>
+
+        <PopoverContent>
+          <PopoverBody>
+            <ColorPicker value={value} onChange={field.onChange} {...props} />
+          </PopoverBody>
+        </PopoverContent>
+      </Popover>
+    </FormCard>
+  );
+};
+
+export const ColorPickerForm: ControlledInput<ColorPickerFormProps, ColorPickerProps['value']> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const { field, fieldState } = useController(controller);
+  const { value } = field;
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <SimpleGrid columns={{ base: 1, '3sm': 2 }} gap={2}>
+        <Flex direction="column" gap={3}>
+          <Center
+            display={{ base: 'none', '3sm': 'flex' }}
+            minH="150px"
+            rounded="xl"
+            border="1px solid"
+            borderColor="InputBorder"
+            bgColor={value == null ? 'InputBackground' : convertHexToRGBA(value)}
+            flex={1}
+          >
+            {value == null && (
+              <Text fontSize="sm" color="TextSecondary">
+                No Color
+              </Text>
+            )}
+          </Center>
+          <Input
+            placeholder={value ?? 'Select a color'}
+            variant="main"
+            autoComplete="off"
+            {...field}
+            value={field.value ?? ''}
+          />
+        </Flex>
+        <ColorPicker value={field.value} onChange={field.onChange} {...props} />
+      </SimpleGrid>
+    </FormCard>
+  );
+};
+
+export type ColorPickerProps = {
+  value?: string | null;
+  onChange?: (color: string) => void;
+  supportAlpha?: boolean;
+};
+
+export function ColorPicker({ value, onChange, supportAlpha, ...rest }: ColorPickerProps) {
+  const props: Partial<ColorPickerBaseProps<string>> = {
+    color: value ?? undefined,
+    onChange,
+    style: {
+      width: '100%',
+    },
+    ...rest,
+  };
+
+  return supportAlpha ? <HexAlphaColorPicker {...props} /> : <HexColorPicker {...props} />;
+}
diff --git a/src/components/forms/DatePicker.tsx b/src/components/forms/DatePicker.tsx
new file mode 100644
index 0000000..fc22274
--- /dev/null
+++ b/src/components/forms/DatePicker.tsx
@@ -0,0 +1,84 @@
+import { Calendar, CalendarProps } from 'react-calendar';
+import { FormCard } from './Form';
+import { ControlledInput } from './types';
+import { Icon } from '@chakra-ui/react';
+import { MdChevronLeft, MdChevronRight } from 'react-icons/md';
+import { Text } from '@chakra-ui/layout';
+import {
+  Input,
+  InputGroup,
+  InputRightElement,
+  Popover,
+  PopoverBody,
+  PopoverContent,
+  PopoverTrigger,
+} from '@chakra-ui/react';
+import { AiTwotoneCalendar as CalendarIcon } from 'react-icons/ai';
+import { useController } from 'react-hook-form';
+
+export function DatePicker(props: CalendarProps) {
+  return (
+    <Calendar
+      view={'month'}
+      tileContent={<Text color="brand.500" />}
+      prevLabel={<Icon as={MdChevronLeft} w="24px" h="24px" mt="4px" />}
+      nextLabel={<Icon as={MdChevronRight} w="24px" h="24px" mt="4px" />}
+      {...props}
+      value={props.value ?? null}
+    />
+  );
+}
+
+export type DatePickerFormProps = Omit<CalendarProps, 'value' | 'onChange'>;
+
+export const DatePickerForm: ControlledInput<DatePickerFormProps, CalendarProps['value']> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const {
+    field: { ref, ...field },
+    fieldState,
+  } = useController(controller);
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <DatePicker inputRef={ref} {...field} {...props} />
+    </FormCard>
+  );
+};
+
+export const SmallDatePickerForm: ControlledInput<DatePickerFormProps, CalendarProps['value']> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const {
+    field: { ref, ...field },
+    fieldState,
+  } = useController(controller);
+
+  const text = field.value?.toLocaleString(undefined, {
+    dateStyle: 'short',
+  });
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <Popover>
+        <PopoverTrigger>
+          <InputGroup>
+            <Input value={text ?? ''} placeholder="Select a Date" variant="main" readOnly />
+            <InputRightElement zIndex={0}>
+              <CalendarIcon />
+            </InputRightElement>
+          </InputGroup>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverBody>
+            <DatePicker inputRef={ref} {...field} {...props} />
+          </PopoverBody>
+        </PopoverContent>
+      </Popover>
+    </FormCard>
+  );
+};
diff --git a/src/components/forms/FilePicker.tsx b/src/components/forms/FilePicker.tsx
new file mode 100644
index 0000000..b6498f8
--- /dev/null
+++ b/src/components/forms/FilePicker.tsx
@@ -0,0 +1,96 @@
+import { Box, Center, Flex, Text, VStack } from '@chakra-ui/layout';
+import { Icon, Image, useFormControl } from '@chakra-ui/react';
+import { ComponentProps } from 'react';
+import Dropzone, { DropzoneOptions } from 'react-dropzone';
+import { FaFile } from 'react-icons/fa';
+import { MdUpload } from 'react-icons/md';
+import { FormCard } from './Form';
+import { useController } from 'react-hook-form';
+import { ControlledInput } from './types';
+import { useFileUrl } from '@/utils/use-file-url';
+
+export type FilePickerFormProps = {
+  options?: DropzoneOptions;
+  placeholder?: string;
+};
+
+export const FilePickerForm: ControlledInput<FilePickerFormProps, File[] | undefined | null> = ({
+  control,
+  controller,
+  options,
+  placeholder,
+}) => {
+  const {
+    field: { value, onChange, ref, ...field },
+    fieldState,
+  } = useController(controller);
+
+  const empty = value == null || value.length === 0;
+
+  return (
+    <FormCard {...control} error={fieldState.error?.message}>
+      <Dropzone ref={ref} {...options} onDrop={onChange}>
+        {({ getInputProps, getRootProps }) => (
+          <Box
+            bg="InputBackground"
+            border="1px dashed"
+            borderColor="InputBorder"
+            borderRadius="16px"
+            w="100%"
+            p={5}
+            cursor="pointer"
+            {...getRootProps()}
+          >
+            <Input input={getInputProps(field)} />
+            {empty ? (
+              <VStack
+                color="secondaryGray.700"
+                textAlign="center"
+                _dark={{ color: 'secondaryGray.600' }}
+              >
+                <Icon as={MdUpload} w="70px" h="70px" />
+                <Text fontWeight="500">{placeholder ?? 'Upload Files'}</Text>
+              </VStack>
+            ) : (
+              <Flex direction="column" gap={2}>
+                {(value as File[])?.map((file, i) => (
+                  <FilePreview key={i} file={file} />
+                ))}
+              </Flex>
+            )}
+          </Box>
+        )}
+      </Dropzone>
+    </FormCard>
+  );
+};
+
+function Input({ input }: { input: ComponentProps<'input'> }) {
+  const inputProps = useFormControl<HTMLInputElement>(input);
+
+  return <input {...inputProps} />;
+}
+
+function FilePreview({ file }: { file: File }) {
+  const url = useFileUrl(file);
+
+  return (
+    <Flex direction="row" gap={2} w="full" align="center">
+      {file.type.startsWith('image/') ? (
+        <Image alt={file.name} maxW="70px" maxH="70px" src={url} rounded="md" />
+      ) : (
+        <Center rounded="2xl" bg="brand.300" w="50px" h="50px">
+          <Icon as={FaFile} color="white" />
+        </Center>
+      )}
+      <VStack align="start" flex={1} spacing="3px">
+        <Text fontSize="md" fontWeight="600" color="TextPrimary">
+          {file.name}
+        </Text>
+        <Text fontSize="sm" color="TextSecondary">
+          {file.size} bytes
+        </Text>
+      </VStack>
+    </Flex>
+  );
+}
diff --git a/src/components/forms/Form.tsx b/src/components/forms/Form.tsx
new file mode 100644
index 0000000..7bd31ec
--- /dev/null
+++ b/src/components/forms/Form.tsx
@@ -0,0 +1,92 @@
+import {
+  FormControl,
+  FormControlProps,
+  FormErrorMessage,
+  FormLabel,
+} from '@chakra-ui/form-control';
+import { Flex, Spacer, Text } from '@chakra-ui/layout';
+import { ReactNode } from 'react';
+import {
+  Controller,
+  ControllerProps,
+  FieldValues,
+  Path,
+  UseControllerProps,
+} from 'react-hook-form';
+
+export function Form(props: FormControlProps) {
+  return (
+    <FormControl
+      as={Flex}
+      direction="column"
+      bg="CardBackground"
+      rounded="3xl"
+      p={5}
+      boxShadow="normal"
+      {...props}
+    >
+      {props.children}
+    </FormControl>
+  );
+}
+
+export type FormCardProps = {
+  required?: boolean;
+  baseControl?: FormControlProps;
+  /**
+   * Show an error message if not null
+   */
+  error?: string;
+  label?: string | ReactNode;
+  description?: string | ReactNode;
+
+  children: ReactNode;
+};
+
+export function FormCard({
+  label,
+  description,
+  required,
+  baseControl,
+  children,
+  error,
+}: FormCardProps) {
+  return (
+    <Form isRequired={required} isInvalid={error != null} {...baseControl}>
+      <FormLabel fontSize={{ base: '16px', md: 'lg' }} fontWeight="medium" mb={0}>
+        {label}
+      </FormLabel>
+      <Text fontSize={{ base: 'sm', md: 'md' }} color="TextSecondary">
+        {description}
+      </Text>
+      <Spacer mt={2} />
+      {children}
+      <FormErrorMessage>{error}</FormErrorMessage>
+    </Form>
+  );
+}
+
+export type FormCardControllerProps<
+  TFieldValue extends FieldValues,
+  TName extends Path<TFieldValue>
+> = {
+  control: Omit<FormCardProps, 'error' | 'children'>;
+  controller: UseControllerProps<TFieldValue, TName>;
+  render: ControllerProps<TFieldValue, TName>['render'];
+};
+
+export function FormCardController<
+  TFieldValue extends FieldValues,
+  TName extends Path<TFieldValue>
+>({ control, controller, render }: FormCardControllerProps<TFieldValue, TName>) {
+  return (
+    <Controller
+      {...controller}
+      render={(props) => (
+        <FormCard {...control} error={props.fieldState.error?.message}>
+          {render(props)}
+        </FormCard>
+      )}
+    />
+  );
+}
diff --git a/src/components/forms/InputForm.tsx b/src/components/forms/InputForm.tsx
new file mode 100644
index 0000000..fa66a62
--- /dev/null
+++ b/src/components/forms/InputForm.tsx
@@ -0,0 +1,18 @@
+import { Input, InputProps } from '@chakra-ui/react';
+import { forwardRef } from 'react';
+import { FormCard } from './Form';
+import { WithControl } from './types';
+
+export type InputFormProps = WithControl<InputProps>;
+
+export const InputForm = forwardRef<HTMLInputElement, InputFormProps>(
+  ({ control, ...props }, ref) => {
+    return (
+      <FormCard {...control}>
+        <Input variant="main" ref={ref} {...props} />
+      </FormCard>
+    );
+  }
+);
+
+InputForm.displayName = 'InputForm';
diff --git a/src/components/forms/RoleSelect.tsx b/src/components/forms/RoleSelect.tsx
new file mode 100644
index 0000000..b9a138d
--- /dev/null
+++ b/src/components/forms/RoleSelect.tsx
@@ -0,0 +1,75 @@
+import { Icon, Image } from '@chakra-ui/react';
+import { useGuildRolesQuery } from '@/api/hooks';
+import { Option, SelectField } from '@/components/forms/SelectField';
+import { toRGB } from '@/utils/common';
+import { Role } from '@/api/bot';
+import { useRouter } from 'next/router';
+import { Params } from '@/pages/guilds/[guild]/features/[feature]';
+import { forwardRef } from 'react';
+import { SelectInstance, Props as SelectProps } from 'chakra-react-select';
+import { Override } from '@/utils/types';
+import { ControlledInput } from './types';
+import { FormCard } from './Form';
+import { useController } from 'react-hook-form';
+import { common } from '@/config/translations/common';
+
+import { BsPeopleFill } from 'react-icons/bs';
+
+type Props = Override<
+  SelectProps<Option, false>,
+  {
+    value?: string;
+    onChange: (role: string) => void;
+  }
+>;
+
+function render(role: Role): Option {
+  return {
+    value: role.id,
+    label: role.name,
+    icon:
+      role.icon?.iconUrl != null ? (
+        <Image alt="icon" src={role.icon.iconUrl} bg={toRGB(role.color)} w="25px" h="25px" />
+      ) : (
+        <Icon as={BsPeopleFill} color={toRGB(role.color)} w="20px" h="20px" />
+      ),
+  };
+}
+
+export const RoleSelect = forwardRef<SelectInstance<Option, false>, Props>((props, ref) => {
+  const { value, onChange, ...rest } = props;
+  const { guild } = useRouter().query as Params;
+  const rolesQuery = useGuildRolesQuery(guild);
+  const isLoading = rolesQuery.isLoading;
+
+  const selected = value != null ? rolesQuery.data?.find((role) => role.id === value) : null;
+
+  return (
+    <SelectField<Option>
+      isDisabled={isLoading}
+      isLoading={isLoading}
+      placeholder={<common.T text="select role" />}
+      value={selected != null ? render(selected) : null}
+      onChange={(e) => e != null && onChange(e.value)}
+      options={rolesQuery.data?.map(render)}
+      ref={ref}
+      {...rest}
+    />
+  );
+});
+
+RoleSelect.displayName = 'RolesSelect';
+
+export const RoleSelectForm: ControlledInput<Omit<Props, 'value' | 'onChange'>> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const { fieldState, field } = useController(controller);
+
+  return (
+    <FormCard {...control} error={fieldState?.error?.message}>
+      <RoleSelect {...field} {...props} />
+    </FormCard>
+  );
+};
diff --git a/src/components/forms/SearchBar.tsx b/src/components/forms/SearchBar.tsx
new file mode 100644
index 0000000..15eb72c
--- /dev/null
+++ b/src/components/forms/SearchBar.tsx
@@ -0,0 +1,54 @@
+import {
+  Icon,
+  IconButton,
+  Input,
+  InputGroup,
+  InputGroupProps,
+  InputLeftElement,
+  InputProps,
+} from '@chakra-ui/react';
+import { AiOutlineSearch as SearchIcon } from 'react-icons/ai';
+import { common } from '@/config/translations/common';
+
+export function SearchBar(
+  props: {
+    input?: InputProps;
+    onSearch?: () => void;
+  } & InputGroupProps
+) {
+  const t = common.useTranslations();
+  const { input, onSearch, ...rest } = props;
+
+  return (
+    <InputGroup {...rest}>
+      <InputLeftElement>
+        <IconButton
+          aria-label="search"
+          bg="inherit"
+          borderRadius="inherit"
+          _active={{}}
+          variant="ghost"
+          icon={<Icon as={SearchIcon} color="TextPrimary" width="15px" height="15px" />}
+          onClick={onSearch}
+        />
+      </InputLeftElement>
+      <Input
+        variant="search"
+        fontSize="sm"
+        bg="secondaryGray.300"
+        color="TextPrimary"
+        fontWeight="500"
+        _placeholder={{ color: 'gray.400', fontSize: '14px' }}
+        borderRadius="30px"
+        placeholder={`${t.search}...`}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter') onSearch?.();
+        }}
+        _dark={{
+          bg: 'navy.900',
+        }}
+        {...input}
+      />
+    </InputGroup>
+  );
+}
diff --git a/src/components/forms/SelectField.tsx b/src/components/forms/SelectField.tsx
new file mode 100644
index 0000000..d5f7017
--- /dev/null
+++ b/src/components/forms/SelectField.tsx
@@ -0,0 +1,119 @@
+import { Box, HStack } from '@chakra-ui/layout';
+import {
+  chakraComponents,
+  ChakraStylesConfig,
+  OptionBase,
+  Props,
+  Select,
+  SelectComponent,
+  SelectInstance,
+} from 'chakra-react-select';
+import { forwardRef, ReactNode } from 'react';
+import { dark, light } from '@/theme/colors';
+import { useColorModeValue } from '@chakra-ui/react';
+
+const customComponents = {
+  SingleValue: ({ children, ...props }: any) => {
+    return (
+      <chakraComponents.SingleValue {...props}>
+        <HStack>
+          {props.data.icon}
+          <span>{children}</span>
+        </HStack>
+      </chakraComponents.SingleValue>
+    );
+  },
+  Option: ({ children, ...props }: any) => {
+    return (
+      <chakraComponents.Option {...props}>
+        <Box mr={2}>{props.data.icon}</Box> {children}
+      </chakraComponents.Option>
+    );
+  },
+};
+
+const styles: ChakraStylesConfig<any, any, any> = {
+  menuList: (provided) => ({
+    ...provided,
+    _light: {
+      ...(provided as any)._light,
+      shadow: light.shadow,
+    },
+    _dark: {
+      ...(provided as any)._dark,
+      shadow: dark.shadow,
+    },
+  }),
+  placeholder: (provided) => ({
+    ...provided,
+    _light: {
+      color: 'secondaryGray.700',
+    },
+    _dark: {
+      color: 'secondaryGray.600',
+    },
+  }),
+  dropdownIndicator: (provided) => ({
+    ...provided,
+    bg: 'transparent',
+  }),
+  groupHeading: (provided) => ({
+    ...provided,
+    _light: {
+      bg: 'secondaryGray.100',
+    },
+    _dark: {
+      bg: 'navy.800',
+    },
+  }),
+  option: (provided, options) => ({
+    ...provided,
+    color: options.isSelected && 'white',
+    _light: {
+      bg: options.isSelected && light.brand,
+      _hover: {
+        bg: options.isSelected ? light.brand : 'white',
+      },
+    },
+    _dark: {
+      bg: options.isSelected && dark.brand,
+      _hover: {
+        bg: options.isSelected ? dark.brand : 'whiteAlpha.200',
+      },
+    },
+  }),
+  control: (provided, data) => ({
+    ...provided,
+    rounded: '2xl',
+    _light: {
+      borderColor: data.isFocused ? light.brand : 'secondaryGray.500',
+      bg: 'secondaryGray.300',
+    },
+    _dark: {
+      borderColor: data.isFocused ? dark.brand : 'navy.600',
+      bg: 'blackAlpha.300',
+    },
+  }),
+};
+
+export type Option = OptionBase & {
+  label: string;
+  value: string;
+  icon?: ReactNode;
+};
+
+export const SelectFieldBase = forwardRef<SelectInstance, Props>((props, ref) => {
+  return (
+    <Select<any, any, any>
+      focusBorderColor={useColorModeValue(light.brand, dark.brand)}
+      components={customComponents}
+      chakraStyles={styles}
+      ref={ref}
+      {...props}
+    />
+  );
+});
+
+SelectFieldBase.displayName = 'SelectField';
+
+export const SelectField = SelectFieldBase as SelectComponent;
diff --git a/src/components/forms/SwitchField.tsx b/src/components/forms/SwitchField.tsx
new file mode 100644
index 0000000..a72f92c
--- /dev/null
+++ b/src/components/forms/SwitchField.tsx
@@ -0,0 +1,64 @@
+// Chakra imports
+import {
+  Box,
+  Flex,
+  FormErrorMessage,
+  FormLabel,
+  Switch,
+  SwitchProps,
+  Text,
+} from '@chakra-ui/react';
+import { ReactNode } from 'react';
+import { useController } from 'react-hook-form';
+import { Form } from './Form';
+import { ControlledInput } from './types';
+
+export const SwitchFieldForm: ControlledInput<{}, boolean> = ({
+  control,
+  controller,
+  ...props
+}) => {
+  const {
+    field: { value, ...field },
+    fieldState,
+  } = useController(controller);
+
+  return (
+    <Form isInvalid={fieldState.invalid} isRequired={control.required} {...control.baseControl}>
+      <Flex justify="space-between" align="center" borderRadius="16px" gap={3}>
+        <Box>
+          <FormLabel fontSize={{ base: '16px', md: 'lg' }} fontWeight="medium" mb={0}>
+            {control.label}
+          </FormLabel>
+          <Text fontSize={{ base: 'sm', md: 'md' }} color="TextSecondary">
+            {control.description}
+          </Text>
+        </Box>
+        <Switch variant="main" size="md" isChecked={value} {...field} {...props} />
+      </Flex>
+      <FormErrorMessage>{fieldState.error?.message}</FormErrorMessage>
+    </Form>
+  );
+};
+
+export function SwitchField(
+  props: {
+    id?: string;
+    label?: ReactNode;
+    desc?: ReactNode;
+  } & SwitchProps
+) {
+  const { id, label, desc, ...rest } = props;
+
+  return (
+    <Flex justify="space-between" align="center" borderRadius="16px" gap={6}>
+      <Box>
+        <FormLabel htmlFor={id} fontSize="md" fontWeight="medium" mb={0}>
+          {label}
+        </FormLabel>
+        <Text color="TextSecondary">{desc}</Text>
+      </Box>
+      <Switch id={id} variant="main" size="md" {...rest} />
+    </Flex>
+  );
+}
diff --git a/src/components/forms/TextAreaForm.tsx b/src/components/forms/TextAreaForm.tsx
new file mode 100644
index 0000000..5254fd2
--- /dev/null
+++ b/src/components/forms/TextAreaForm.tsx
@@ -0,0 +1,18 @@
+import { Textarea, TextareaProps } from '@chakra-ui/react';
+import { forwardRef } from 'react';
+import { FormCard } from './Form';
+import { WithControl } from './types';
+
+export type TextAreaFormProps = WithControl<TextareaProps>;
+
+export const TextAreaForm = forwardRef<HTMLTextAreaElement, TextAreaFormProps>(
+  ({ control, ...input }, ref) => {
+    return (
+      <FormCard {...control}>
+        <Textarea variant="glass" {...input} ref={ref} />
+      </FormCard>
+    );
+  }
+);
+
+TextAreaForm.displayName = 'Textarea';
diff --git a/src/components/forms/types.ts b/src/components/forms/types.ts
new file mode 100644
index 0000000..fac2530
--- /dev/null
+++ b/src/components/forms/types.ts
@@ -0,0 +1,27 @@
+import type { Override } from '@/utils/types';
+import type { ReactElement } from 'react';
+import type { FieldValues, Path, UseControllerProps, FieldPathByValue } from 'react-hook-form';
+import type { FormCardProps } from './Form';
+
+type ControlledInputProps<
+  T,
+  TFieldValue extends FieldValues,
+  TName extends Path<TFieldValue>
+> = Override<
+  T,
+  {
+    control: Omit<FormCardProps, 'error' | 'children'>;
+    controller: UseControllerProps<TFieldValue, TName>;
+  }
+>;
+
+export type ControlledInput<Props, V = unknown> = <
+  TFieldValues extends FieldValues,
+  TName extends FieldPathByValue<TFieldValues, V>
+>(
+  props: ControlledInputProps<Props, TFieldValues, TName>
+) => ReactElement;
+
+export type WithControl<T> = T & {
+  control: Omit<FormCardProps, 'children'>;
+};
diff --git a/src/components/layout/Separator.tsx b/src/components/layout/Separator.tsx
new file mode 100644
index 0000000..0663998
--- /dev/null
+++ b/src/components/layout/Separator.tsx
@@ -0,0 +1,15 @@
+import { HStack, Box, Text } from '@chakra-ui/layout';
+import { useColorModeValue } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+
+export function HSeparator({ children }: { children: ReactNode }) {
+  const bg = useColorModeValue('gray.300', 'gray.600');
+
+  return (
+    <HStack>
+      <Box w="full" h="1px" bg={bg} />
+      <Text color="secondaryGray.600">{children}</Text>
+      <Box w="full" h="1px" bg={bg} />
+    </HStack>
+  );
+}
diff --git a/src/components/layout/app.tsx b/src/components/layout/app.tsx
new file mode 100644
index 0000000..840d50c
--- /dev/null
+++ b/src/components/layout/app.tsx
@@ -0,0 +1,64 @@
+import { Box, Flex, Show } from '@chakra-ui/react';
+import { QueryStatus } from '@/components/panel/QueryPanel';
+import { useSelfUserQuery } from '@/api/hooks';
+import { LoadingPanel } from '@/components/panel/LoadingPanel';
+import { Navbar } from '@/components/layout/navbar';
+import { Sidebar, SidebarResponsive } from './sidebar';
+import { sidebarBreakpoint, navbarBreakpoint } from '@/theme/breakpoints';
+import { ReactNode } from 'react';
+import { DefaultNavbar } from './navbar/default';
+
+export default function AppLayout({
+  navbar,
+  children,
+  sidebar,
+}: {
+  navbar?: ReactNode;
+  children: ReactNode;
+  sidebar?: ReactNode;
+}) {
+  const query = useSelfUserQuery();
+
+  return (
+    <Flex direction="row" h="full">
+      <Sidebar sidebar={sidebar} />
+      <Show below={sidebarBreakpoint}>
+        <SidebarResponsive sidebar={sidebar} />
+      </Show>
+      <QueryStatus query={query} loading={<LoadingPanel />} error="Failed to load user info">
+        <Flex
+          pos="relative"
+          direction="column"
+          height="100%"
+          overflow="auto"
+          w="full"
+          maxWidth={{ base: '100%', xl: 'calc( 100% - 290px )' }}
+          maxHeight="100%"
+        >
+          <Box
+            top={0}
+            mx="auto"
+            maxW="1200px"
+            zIndex="sticky"
+            pos="sticky"
+            w="full"
+            pt={{ [navbarBreakpoint]: '16px' }}
+            px={{ '3sm': '30px' }}
+          >
+            <Navbar>{navbar ?? <DefaultNavbar />}</Navbar>
+          </Box>
+          <Box
+            mx="auto"
+            w="full"
+            maxW="1200px"
+            flex={1}
+            my={{ base: '30px', [sidebarBreakpoint]: '50px' }}
+            px={{ base: '24px', '3sm': '30px' }}
+          >
+            {children}
+          </Box>
+        </Flex>
+      </QueryStatus>
+    </Flex>
+  );
+}
diff --git a/src/components/layout/auth.tsx b/src/components/layout/auth.tsx
new file mode 100644
index 0000000..da27ad9
--- /dev/null
+++ b/src/components/layout/auth.tsx
@@ -0,0 +1,54 @@
+// Chakra imports
+import { Box, HStack, Image, Spacer, Text } from '@chakra-ui/react';
+import { config } from '@/config/common';
+import { ReactNode } from 'react';
+import { SelectField } from '../forms/SelectField';
+import { languages, names, useLang } from '@/config/translations/provider';
+import { common } from '@/config/translations/common';
+
+export default function AuthLayout({ children }: { children: ReactNode }) {
+  return (
+    <Box w="full" h="full" overflow="auto" py={40} px={{ base: 5, lg: 10 }}>
+      {children}
+      <HStack
+        pos="fixed"
+        top={0}
+        left={0}
+        w="full"
+        bg="MainBackground"
+        px={{ base: 5, lg: 10 }}
+        py={2}
+      >
+        {config.icon != null && <Image src={config.icon} boxSize={10} alt='Logo'/>}
+        <Text fontWeight="600" fontSize="lg">
+          {config.name}
+        </Text>
+        <Spacer />
+        <Box w="150px">
+          <LanguageSelect />
+        </Box>
+      </HStack>
+    </Box>
+  );
+}
+
+function LanguageSelect() {
+  const { lang, setLang } = useLang();
+  const t = common.useTranslations();
+
+  return (
+    <SelectField
+      id="lang"
+      value={{
+        label: names[lang],
+        value: lang,
+      }}
+      onChange={(e) => e != null && setLang(e.value)}
+      options={languages.map(({ name, key }) => ({
+        label: name,
+        value: key,
+      }))}
+      placeholder={t['select lang']}
+    />
+  );
+}
diff --git a/src/components/layout/guild/get-guild-layout.tsx b/src/components/layout/guild/get-guild-layout.tsx
new file mode 100644
index 0000000..c4d98df
--- /dev/null
+++ b/src/components/layout/guild/get-guild-layout.tsx
@@ -0,0 +1,18 @@
+import AppLayout from '../app';
+import { ReactNode } from 'react';
+import GuildNavbar from './guild-navbar';
+import { InGuildSidebar } from './guild-sidebar';
+
+export default function getGuildLayout({
+  back,
+  children,
+}: {
+  back?: boolean;
+  children: ReactNode;
+}) {
+  return (
+    <AppLayout navbar={<GuildNavbar back={back} />} sidebar={back ? <InGuildSidebar /> : undefined}>
+      {children}
+    </AppLayout>
+  );
+}
diff --git a/src/components/layout/guild/guild-navbar.tsx b/src/components/layout/guild/guild-navbar.tsx
new file mode 100644
index 0000000..34e573a
--- /dev/null
+++ b/src/components/layout/guild/guild-navbar.tsx
@@ -0,0 +1,68 @@
+import { FaChevronLeft as ChevronLeftIcon } from 'react-icons/fa';
+import { Box, Flex, Text } from '@chakra-ui/layout';
+import { Avatar, Icon, SkeletonCircle } from '@chakra-ui/react';
+import { iconUrl } from '@/api/discord';
+import { useGuildPreview } from '@/api/hooks';
+import { motion } from 'framer-motion';
+import { ReactElement } from 'react';
+import { sidebarBreakpoint } from '@/theme/breakpoints';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+
+export default function GuildNavbar({ back }: { back?: boolean }) {
+  const { guild: selected } = useRouter().query as { guild: string };
+  const { guild } = useGuildPreview(selected);
+
+  return (
+    <Flex w="full" direction="row" alignItems="center">
+      <HorizontalCollapse in={back ?? false}>
+        <Box
+          as={Link}
+          href={`/guilds/${selected}`}
+          display={{ base: 'flex', [sidebarBreakpoint]: 'none' }}
+          pr={3}
+          py={3}
+        >
+          <Icon aria-label="back" as={ChevronLeftIcon} my="auto" fontSize="lg" />
+        </Box>
+      </HorizontalCollapse>
+      {guild == null ? (
+        <SkeletonCircle mr={3} />
+      ) : (
+        <Avatar
+          name={guild?.name}
+          src={iconUrl(guild)}
+          display={{ base: 'none', [sidebarBreakpoint]: 'block' }}
+          mr={3}
+        />
+      )}
+      <Text
+        fontWeight="600"
+        textOverflow="ellipsis"
+        whiteSpace="nowrap"
+        w="0"
+        flex={1}
+        overflow="hidden"
+      >
+        {guild?.name}
+      </Text>
+    </Flex>
+  );
+}
+
+function HorizontalCollapse({ in: isOpen, children }: { in: boolean; children: ReactElement }) {
+  return (
+    <motion.section
+      animate={isOpen ? 'open' : 'collapsed'}
+      exit="collapsed"
+      initial="collapsed"
+      variants={{
+        open: { opacity: 1, width: 'auto' },
+        collapsed: { opacity: 0, width: 0 },
+      }}
+      transition={{ duration: 0.4, ease: [0.04, 0.62, 0.23, 0.98] }}
+    >
+      {children}
+    </motion.section>
+  );
+}
diff --git a/src/components/layout/guild/guild-sidebar.tsx b/src/components/layout/guild/guild-sidebar.tsx
new file mode 100644
index 0000000..0cc559b
--- /dev/null
+++ b/src/components/layout/guild/guild-sidebar.tsx
@@ -0,0 +1,54 @@
+import { FaChevronLeft as ChevronLeftIcon } from 'react-icons/fa';
+import { Flex, HStack, Text, VStack } from '@chakra-ui/layout';
+import { Icon, IconButton } from '@chakra-ui/react';
+import { HSeparator } from '@/components/layout/Separator';
+import { getFeatures } from '@/utils/common';
+import { IoSettings } from 'react-icons/io5';
+import { useGuildPreview } from '@/api/hooks';
+import { sidebarBreakpoint } from '@/theme/breakpoints';
+import { guild as view } from '@/config/translations/guild';
+import { useRouter } from 'next/router';
+import Link from 'next/link';
+import { Params } from '@/pages/guilds/[guild]/features/[feature]';
+import { SidebarItem } from '../sidebar/SidebarItem';
+
+export function InGuildSidebar() {
+  const router = useRouter();
+  const { guild: guildId, feature: activeId } = router.query as Params;
+  const { guild } = useGuildPreview(guildId);
+
+  const t = view.useTranslations();
+
+  return (
+    <Flex direction="column" gap={2} p={3}>
+      <HStack as={Link} cursor="pointer" mb={2} href={`/guilds/${guildId}`}>
+        <IconButton
+          display={{ base: 'none', [sidebarBreakpoint]: 'block' }}
+          icon={<Icon verticalAlign="middle" as={ChevronLeftIcon} />}
+          aria-label="back"
+        />
+        <Text fontSize="lg" fontWeight="600">
+          {guild?.name}
+        </Text>
+      </HStack>
+      <VStack align="stretch">
+        <SidebarItem
+          href={`/guilds/${guildId}/settings`}
+          active={router.route === `/guilds/[guild]/settings`}
+          icon={<Icon as={IoSettings} />}
+          name={t.bn.settings}
+        />
+        <HSeparator>Features</HSeparator>
+        {getFeatures().map((feature) => (
+          <SidebarItem
+            key={feature.id}
+            name={feature.name}
+            icon={feature.icon}
+            active={activeId === feature.id}
+            href={`/guilds/${guildId}/features/${feature.id}`}
+          />
+        ))}
+      </VStack>
+    </Flex>
+  );
+}
diff --git a/src/components/layout/navbar/default.tsx b/src/components/layout/navbar/default.tsx
new file mode 100644
index 0000000..96d68d2
--- /dev/null
+++ b/src/components/layout/navbar/default.tsx
@@ -0,0 +1,78 @@
+// Chakra Imports
+import { Breadcrumb, BreadcrumbItem, Flex, Icon, SkeletonText, Tag, Text } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+import { useActiveSidebarItem } from '@/utils/router';
+import { IoHome } from 'react-icons/io5';
+import { FaChevronRight as ChevronRightIcon } from 'react-icons/fa';
+import { navbarBreakpoint } from '@/theme/breakpoints';
+import { common } from '@/config/translations/common';
+import Link from 'next/link';
+
+export function DefaultNavbar() {
+  const activeItem = useActiveSidebarItem();
+  const breadcrumb = [
+    {
+      icon: (<IoHome />) as ReactNode,
+      text: (<common.T text="pages" />) as ReactNode,
+      href: '/user/home',
+    },
+  ];
+
+  if (activeItem != null)
+    breadcrumb.push({
+      icon: activeItem.icon,
+      text: <>{activeItem.name}</>,
+      href: activeItem.path,
+    });
+
+  return (
+    <Flex
+      direction="column"
+      gap={{
+        base: 2,
+        [navbarBreakpoint]: 3,
+      }}
+      mt={{
+        base: '8px',
+        [navbarBreakpoint]: '0',
+      }}
+    >
+      <Breadcrumb
+        fontSize="sm"
+        separator={
+          <Icon
+            verticalAlign="middle"
+            as={ChevronRightIcon}
+            color="brand.500"
+            _dark={{
+              color: 'brand.100',
+            }}
+          />
+        }
+      >
+        {breadcrumb.map((item, i) => (
+          <BreadcrumbItem key={i}>
+            <Tag
+              as={Link}
+              href={item.href}
+              gap={1}
+              rounded="full"
+              color="brand.500"
+              bg="brand.100"
+              _dark={{
+                color: 'brand.100',
+                bg: '#7551FF33',
+              }}
+            >
+              {item.icon}
+              <Text>{item.text}</Text>
+            </Tag>
+          </BreadcrumbItem>
+        ))}
+      </Breadcrumb>
+      <Text color="TextPrimary" fontWeight="bold" fontSize={{ base: '25px', '3sm': '34px' }} mb={2}>
+        {activeItem?.name || <SkeletonText w="full" noOfLines={2} />}
+      </Text>
+    </Flex>
+  );
+}
diff --git a/src/components/layout/navbar/index.tsx b/src/components/layout/navbar/index.tsx
new file mode 100644
index 0000000..6929df0
--- /dev/null
+++ b/src/components/layout/navbar/index.tsx
@@ -0,0 +1,52 @@
+import { Flex, useColorModeValue } from '@chakra-ui/react';
+import { navbarBreakpoint } from '@/theme/breakpoints';
+import { ReactNode } from 'react';
+
+import { UserMenu } from '@/components/menu/UserMenu';
+import { SidebarTrigger } from '@/components/SidebarTrigger';
+import { ThemeSwitch } from '@/components/ThemeSwitch';
+
+export function Navbar({ links, children }: { links?: ReactNode; children: ReactNode }) {
+  const navbarBg = useColorModeValue('rgba(244, 247, 254, 0.2)', 'rgba(8, 8, 28, 0.5)');
+
+  return (
+    <Flex
+      direction="row"
+      mx="auto"
+      bg={navbarBg}
+      backdropFilter="blur(20px)"
+      borderRadius={{ [navbarBreakpoint]: '16px' }}
+      lineHeight="25.6px"
+      px={{ base: '24px', [navbarBreakpoint]: 5 }}
+      py={{ base: '3px', [navbarBreakpoint]: '8px' }}
+      gap={2}
+      justify="space-between"
+      alignItems="stretch"
+    >
+      {children}
+      <NavbarLinksBox>{links}</NavbarLinksBox>
+    </Flex>
+  );
+}
+
+function NavbarLinksBox({ children }: { children?: ReactNode }) {
+  return (
+    <Flex
+      justify="end"
+      align="center"
+      direction="row"
+      bg="CardBackground"
+      p="10px"
+      borderRadius="30px"
+      boxShadow="normal"
+    >
+      {children ?? (
+        <>
+          <SidebarTrigger />
+          <ThemeSwitch secondary />
+          <UserMenu color="TextPrimary" shadow="normal" bg="CardBackground" />
+        </>
+      )}
+    </Flex>
+  );
+}
diff --git a/src/components/layout/sidebar/GuildItem.tsx b/src/components/layout/sidebar/GuildItem.tsx
new file mode 100644
index 0000000..3b9e32e
--- /dev/null
+++ b/src/components/layout/sidebar/GuildItem.tsx
@@ -0,0 +1,41 @@
+import { Avatar, Card, CardBody, Flex, Skeleton, Text } from '@chakra-ui/react';
+import { Guild, iconUrl } from '@/api/discord';
+import Link from 'next/link';
+
+export function GuildItem({
+  guild,
+  active,
+  href,
+}: {
+  guild: Guild;
+  active: boolean;
+  href: string;
+}) {
+  return (
+    <Card
+      bg={active ? 'Brand' : 'MainBackground'}
+      color={active ? 'white' : undefined}
+      cursor="pointer"
+      as={Link}
+      href={href}
+      rounded="xl"
+    >
+      <CardBody as={Flex} direction="column" gap={3}>
+        <Avatar name={guild.name} src={iconUrl(guild)} />
+        <Text fontWeight="600">{guild.name}</Text>
+      </CardBody>
+    </Card>
+  );
+}
+
+export function GuildItemsSkeleton() {
+  return (
+    <>
+      <Skeleton h="124px" rounded="xl" />
+      <Skeleton h="124px" rounded="xl" />
+      <Skeleton h="124px" rounded="xl" />
+      <Skeleton h="124px" rounded="xl" />
+      <Skeleton h="124px" rounded="xl" />
+    </>
+  );
+}
diff --git a/src/components/layout/sidebar/SidebarContent.tsx b/src/components/layout/sidebar/SidebarContent.tsx
new file mode 100644
index 0000000..77f1d62
--- /dev/null
+++ b/src/components/layout/sidebar/SidebarContent.tsx
@@ -0,0 +1,119 @@
+import {
+  Avatar,
+  Box,
+  Card,
+  CardBody,
+  Flex,
+  Heading,
+  HStack,
+  IconButton,
+  Spacer,
+  Stack,
+  Text,
+  VStack,
+} from '@chakra-ui/react';
+import { useActiveSidebarItem, SidebarItemInfo } from '@/utils/router';
+import { useGuilds, useSelfUserQuery } from '@/api/hooks';
+import { SearchBar } from '@/components/forms/SearchBar';
+import { useMemo, useState } from 'react';
+import { config } from '@/config/common';
+import { FiSettings as SettingsIcon } from 'react-icons/fi';
+import { avatarUrl } from '@/api/discord';
+import { GuildItem, GuildItemsSkeleton } from './GuildItem';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import { SidebarItem } from './SidebarItem';
+import items from '@/config/sidebar-items';
+
+export function SidebarContent() {
+  const [filter, setFilter] = useState('');
+  const guilds = useGuilds();
+  const { guild: selectedGroup } = useRouter().query as {
+    guild: string;
+  };
+
+  const filteredGuilds = useMemo(
+    () =>
+      guilds.data?.filter((guild) => {
+        const contains = guild.name.toLowerCase().includes(filter.toLowerCase());
+
+        return config.guild.filter(guild) && contains;
+      }),
+    [guilds.data, filter]
+  );
+
+  return (
+    <>
+      <VStack align="center" py="2rem" m={3} bg="Brand" rounded="xl">
+        <Heading size="lg" fontWeight={600} color="white">
+          {config.name}
+        </Heading>
+      </VStack>
+
+      <Stack direction="column" mb="auto">
+        <Items />
+        <Box px="10px">
+          <SearchBar
+            w="full"
+            input={{
+              value: filter,
+              onChange: (e) => setFilter(e.target.value),
+            }}
+          />
+        </Box>
+        <Flex direction="column" px="10px" gap={3}>
+          {filteredGuilds == null ? (
+            <GuildItemsSkeleton />
+          ) : (
+            filteredGuilds?.map((guild) => (
+              <GuildItem
+                key={guild.id}
+                guild={guild}
+                active={selectedGroup === guild.id}
+                href={`/guilds/${guild.id}`}
+              />
+            ))
+          )}
+        </Flex>
+      </Stack>
+    </>
+  );
+}
+
+export function BottomCard() {
+  const user = useSelfUserQuery().data;
+  if (user == null) return <></>;
+
+  return (
+    <Card pos="sticky" left={0} bottom={0} w="full" py={2}>
+      <CardBody as={HStack}>
+        <Avatar src={avatarUrl(user)} name={user.username} size="sm" />
+        <Text fontWeight="600">{user.username}</Text>
+        <Spacer />
+        <Link href="/user/profile">
+          <IconButton icon={<SettingsIcon />} aria-label="settings" />
+        </Link>
+      </CardBody>
+    </Card>
+  );
+}
+
+function Items() {
+  const active = useActiveSidebarItem();
+
+  return (
+    <Flex direction="column" px="10px" gap={0}>
+      {items
+        .filter((item) => !item.hidden)
+        .map((route: SidebarItemInfo, index: number) => (
+          <SidebarItem
+            key={index}
+            href={route.path}
+            name={route.name}
+            icon={route.icon}
+            active={active === route}
+          />
+        ))}
+    </Flex>
+  );
+}
diff --git a/src/components/layout/sidebar/SidebarItem.tsx b/src/components/layout/sidebar/SidebarItem.tsx
new file mode 100644
index 0000000..4c53d0a
--- /dev/null
+++ b/src/components/layout/sidebar/SidebarItem.tsx
@@ -0,0 +1,59 @@
+import { Center, StackProps, HStack, Text } from '@chakra-ui/layout';
+import Link from 'next/link';
+import { ReactNode } from 'react';
+
+export function SidebarItem({
+  name,
+  active,
+  icon,
+  href,
+}: {
+  name: ReactNode;
+  icon: ReactNode;
+  active: boolean;
+  href: string;
+}) {
+  return (
+    <CardItem active={active} href={href}>
+      <Center
+        p={2}
+        fontSize="sm"
+        bg={active ? 'brand.500' : 'transparent'}
+        rounded="xl"
+        color={active ? 'white' : 'TextPrimary'}
+        border="2px solid"
+        borderColor="blackAlpha.200"
+        boxShadow={`0px 0px 15px ${
+          active ? 'var(--chakra-colors-brandAlpha-500)' : 'rgba(112, 144, 176, 0.3)'
+        }`}
+        _dark={{
+          bg: active ? 'brand.400' : 'transparent',
+          borderColor: 'whiteAlpha.400',
+        }}
+      >
+        {icon}
+      </Center>
+      <Text fontSize="md" fontWeight="medium">
+        {name}
+      </Text>
+    </CardItem>
+  );
+}
+
+function CardItem({ active, href, ...props }: { href: string; active: boolean } & StackProps) {
+  return (
+    <HStack
+      as={Link}
+      href={href}
+      rounded="xl"
+      p={2}
+      color={active ? 'TextPrimary' : 'TextSecondary'}
+      bg={active ? 'MainBackground' : undefined}
+      _dark={{
+        bg: active ? 'whiteAlpha.100' : undefined,
+      }}
+      cursor="pointer"
+      {...props}
+    />
+  );
+}
diff --git a/src/components/layout/sidebar/index.tsx b/src/components/layout/sidebar/index.tsx
new file mode 100644
index 0000000..3741445
--- /dev/null
+++ b/src/components/layout/sidebar/index.tsx
@@ -0,0 +1,68 @@
+import {
+  Drawer,
+  DrawerBody,
+  DrawerOverlay,
+  DrawerContent,
+  DrawerCloseButton,
+  Flex,
+  Spacer,
+} from '@chakra-ui/react';
+import { BottomCard, SidebarContent } from './SidebarContent';
+import { AnimatePresence, motion } from 'framer-motion';
+import { usePageStore } from '@/stores';
+import { sidebarBreakpoint } from '@/theme/breakpoints';
+import { ReactNode } from 'react';
+
+export function Sidebar({ sidebar }: { sidebar?: ReactNode }) {
+  return (
+    <Flex
+      direction="column"
+      display={{ base: 'none', [sidebarBreakpoint]: 'flex' }}
+      flexShrink={0}
+      bg="CardBackground"
+      w="300px"
+      h="100%"
+      overflowX="hidden"
+      overflowY="auto"
+    >
+      <AnimatePresence exitBeforeEnter initial={false}>
+        <motion.div
+          key={sidebar == null ? 'default' : 'new'}
+          initial={{ x: '100px', opacity: 0 }}
+          animate={{ x: 0, opacity: 1 }}
+          exit={{ x: '-100px', opacity: 0 }}
+          transition={{ duration: 0.2, ease: 'easeInOut' }}
+        >
+          {sidebar ?? <SidebarContent />}
+        </motion.div>
+      </AnimatePresence>
+      <Spacer />
+      <BottomCard />
+    </Flex>
+  );
+}
+
+export function SidebarResponsive({ sidebar }: { sidebar?: ReactNode }) {
+  const [isOpen, setOpen] = usePageStore((s) => [s.sidebarIsOpen, s.setSidebarIsOpen]);
+
+  return (
+    <Drawer isOpen={isOpen} onClose={() => setOpen(false)}>
+      <DrawerOverlay />
+      <DrawerContent w="285px" maxW="285px" bg="CardBackground">
+        <DrawerCloseButton
+          zIndex="3"
+          onClick={() => setOpen(false)}
+          _focus={{ boxShadow: 'none' }}
+          _hover={{ boxShadow: 'none' }}
+        />
+        <DrawerBody maxW="285px" px="0rem" pb="0">
+          <Flex direction="column" height="100%" overflow="auto">
+            {sidebar ?? <SidebarContent />}
+            <Spacer />
+            <BottomCard />
+          </Flex>
+        </DrawerBody>
+      </DrawerContent>
+    </Drawer>
+  );
+}
diff --git a/src/components/menu/UserMenu.tsx b/src/components/menu/UserMenu.tsx
new file mode 100644
index 0000000..a00a103
--- /dev/null
+++ b/src/components/menu/UserMenu.tsx
@@ -0,0 +1,88 @@
+import {
+  Avatar,
+  Flex,
+  Menu,
+  MenuButton,
+  MenuItem,
+  MenuList,
+  Text,
+  useColorModeValue,
+} from '@chakra-ui/react';
+import { UserInfo, avatarUrl } from '@/api/discord';
+import { common } from '@/config/translations/common';
+import Link from 'next/link';
+import { useSelfUser } from '@/api/hooks';
+import { useLogoutMutation } from '@/utils/auth/hooks';
+
+export function UserMenu(props: { color: string; shadow: string; bg: string }) {
+  const user = useSelfUser();
+
+  return (
+    <Menu>
+      <MenuButton p="0px">
+        <Avatar
+          _hover={{ cursor: 'pointer' }}
+          color="white"
+          name={user.username}
+          src={avatarUrl(user)}
+          bg="#11047A"
+          w="40px"
+          h="40px"
+        />
+      </MenuButton>
+      <List user={user} shadow={props.shadow} menuBg={props.bg} textColor={props.color} />
+    </Menu>
+  );
+}
+
+function List(props: { textColor: string; shadow: string; menuBg: string; user: UserInfo }) {
+  const t = common.useTranslations();
+  const { menuBg, shadow, textColor, user } = props;
+  const borderColor = useColorModeValue('#E6ECFA', 'rgba(135, 140, 189, 0.3)');
+  const logout = useLogoutMutation();
+
+  return (
+    <MenuList boxShadow={shadow} p="0px" mt="10px" borderRadius="20px" bg={menuBg} border="none">
+      <Flex w="100%" mb="0px">
+        <Text
+          ps="20px"
+          pt="16px"
+          pb="10px"
+          w="100%"
+          borderBottom="1px solid"
+          borderColor={borderColor}
+          fontSize="sm"
+          fontWeight="700"
+          color={textColor}
+        >
+          <span aria-label="Hi" role="img">
+            👋
+          </span>
+          &nbsp; Hey, {user.username}
+        </Text>
+      </Flex>
+      <Flex flexDirection="column" p="10px">
+        <MenuItem
+          _hover={{ bg: 'none' }}
+          _focus={{ bg: 'none' }}
+          borderRadius="8px"
+          px="14px"
+          as={Link}
+          href={`/user/profile`}
+        >
+          <Text fontSize="sm">{t.profile}</Text>
+        </MenuItem>
+        <MenuItem
+          _hover={{ bg: 'none' }}
+          _focus={{ bg: 'none' }}
+          color="red.400"
+          borderRadius="8px"
+          onClick={() => logout.mutate()}
+          px="14px"
+        >
+          <Text fontSize="sm">{t.logout}</Text>
+        </MenuItem>
+      </Flex>
+    </MenuList>
+  );
+}
diff --git a/src/components/panel/ErrorPanel.tsx b/src/components/panel/ErrorPanel.tsx
new file mode 100644
index 0000000..0130cb3
--- /dev/null
+++ b/src/components/panel/ErrorPanel.tsx
@@ -0,0 +1,20 @@
+import { Button, Center, Icon, Text, VStack } from '@chakra-ui/react';
+import { MdOutlineError } from 'react-icons/md';
+
+export function ErrorPanel({ children, retry }: { children: string; retry: () => void }) {
+  const red = 'red.400';
+
+  return (
+    <Center w="full" h="full">
+      <VStack>
+        <Icon color={red} as={MdOutlineError} w="100px" h="100px" />
+        <Text color={red} fontWeight="bold">
+          {children}
+        </Text>
+        <Button variant="danger" onClick={retry}>
+          Try Again
+        </Button>
+      </VStack>
+    </Center>
+  );
+}
diff --git a/src/components/panel/LoadingPanel.tsx b/src/components/panel/LoadingPanel.tsx
new file mode 100644
index 0000000..18d731a
--- /dev/null
+++ b/src/components/panel/LoadingPanel.tsx
@@ -0,0 +1,15 @@
+import { Center, CenterProps, Spinner, Text, VStack } from '@chakra-ui/react';
+import { common } from '@/config/translations/common';
+
+export function LoadingPanel(props: CenterProps) {
+  const t = common.useTranslations();
+
+  return (
+    <Center w="full" h="full" {...props}>
+      <VStack>
+        <Spinner size="lg" />
+        <Text color="TextPrimary">{t.loading}</Text>
+      </VStack>
+    </Center>
+  );
+}
diff --git a/src/components/panel/QueryPanel.tsx b/src/components/panel/QueryPanel.tsx
new file mode 100644
index 0000000..7f001a2
--- /dev/null
+++ b/src/components/panel/QueryPanel.tsx
@@ -0,0 +1,24 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+import { ErrorPanel } from './ErrorPanel';
+
+export function QueryStatus({
+  query,
+  error,
+  loading,
+  children,
+}: {
+  query: UseQueryResult;
+  error: string;
+  /**
+   * element to display when loading
+   */
+  loading: ReactNode;
+  children: ReactNode;
+}) {
+  if (query.isError) return <ErrorPanel retry={() => query.refetch()}>{error}</ErrorPanel>;
+  if (query.isLoading) return <>{loading}</>;
+  if (query.isSuccess) return <>{children}</>;
+
+  return <></>;
+}
diff --git a/src/config/common.tsx b/src/config/common.tsx
new file mode 100644
index 0000000..174637e
--- /dev/null
+++ b/src/config/common.tsx
@@ -0,0 +1,14 @@
+import { PermissionFlags } from '@/api/discord';
+import { AppConfig } from './types';
+
+export const config: AppConfig = {
+  name: 'VOTL Bot',
+  icon:
+    'https://cdn.fileeditor.dev/media/votl/logo.png',
+  inviteUrl:
+    `https://discord.com/oauth2/authorize?client_id=${process.env.BOT_CLIENT_ID}&permissions=8&integration_type=0&scope=bot+applications.commands`,
+  guild: {
+    //filter guilds that user has no permissions to manage it
+    filter: (guild) => (Number(guild.permissions) & PermissionFlags.ADMINISTRATOR) !== 0,
+  },
+};
diff --git a/src/config/example/HomeView.tsx b/src/config/example/HomeView.tsx
new file mode 100644
index 0000000..00e0f1c
--- /dev/null
+++ b/src/config/example/HomeView.tsx
@@ -0,0 +1,160 @@
+import {
+  Center,
+  Circle,
+  Flex,
+  Grid,
+  Heading,
+  HStack,
+  Text,
+  Button,
+  Card,
+  CardBody,
+  CardHeader,
+  Icon,
+} from '@chakra-ui/react';
+import { config } from '@/config/common';
+import { StyledChart } from '@/components/chart/StyledChart';
+import { dashboard } from '@/config/translations/dashboard';
+import Link from 'next/link';
+import { BsMusicNoteBeamed } from 'react-icons/bs';
+import { IoOpen, IoPricetag } from 'react-icons/io5';
+import { FaRobot } from 'react-icons/fa';
+import { MdVoiceChat } from 'react-icons/md';
+import { GuildSelect } from '@/pages/user/home';
+
+export default function HomeView() {
+  const t = dashboard.useTranslations();
+
+  return (
+    <Flex direction="column" gap={5}>
+      <Flex direction="row" alignItems="center" rounded="2xl" bg="Brand" gap={4} p={5}>
+        <Circle
+          color="white"
+          bgGradient="linear(to right bottom, transparent, blackAlpha.600)"
+          p={4}
+          shadow="2xl"
+          display={{ base: 'none', md: 'block' }}
+        >
+          <Icon as={FaRobot} w="60px" h="60px" />
+        </Circle>
+
+        <Flex direction="column" align="start" gap={1}>
+          <Heading color="white" fontSize="2xl" fontWeight="bold">
+            {t.invite.title}
+          </Heading>
+          <Text color="whiteAlpha.800">{t.invite.description}</Text>
+          <Button
+            mt={3}
+            as={Link}
+            href={config.inviteUrl}
+            color="white"
+            bg="whiteAlpha.200"
+            _hover={{
+              bg: 'whiteAlpha.300',
+            }}
+            _active={{
+              bg: 'whiteAlpha.400',
+            }}
+            leftIcon={<IoOpen />}
+          >
+            {t.invite.bn}
+          </Button>
+        </Flex>
+      </Flex>
+
+      <Flex direction="column" gap={1} mt={3}>
+        <Heading size="md">{t.servers.title}</Heading>
+        <Text color="TextSecondary">{t.servers.description}</Text>
+      </Flex>
+      <GuildSelect />
+
+      <Flex direction="column" gap={1}>
+        <Heading size="md">{t.command.title}</Heading>
+        <Text color="TextSecondary">{t.command.description}</Text>
+        <HStack mt={3}>
+          <Button leftIcon={<IoPricetag />} variant="action">
+            {t.pricing}
+          </Button>
+          <Button px={6} rounded="xl" variant="secondary">
+            {t.learn_more}
+          </Button>
+        </HStack>
+      </Flex>
+      <TestChart />
+      <Grid templateColumns={{ base: '1fr', lg: '0.5fr 1fr' }} gap={3}>
+        <Card rounded="3xl" variant="primary">
+          <CardBody as={Center} p={4} flexDirection="column" gap={3}>
+            <Circle p={4} bg="brandAlpha.100" color="brand.500" _dark={{ color: 'brand.200' }}>
+              <Icon as={BsMusicNoteBeamed} w="80px" h="80px" />
+            </Circle>
+            <Text fontWeight="medium">{t.vc.create}</Text>
+          </CardBody>
+        </Card>
+        <Flex direction="column" gap={3}>
+          <Text fontSize="lg" fontWeight="600">
+            {t.vc['created channels']}
+          </Text>
+          <VoiceChannelItem />
+          <VoiceChannelItem />
+        </Flex>
+      </Grid>
+    </Flex>
+  );
+}
+
+function TestChart() {
+  return (
+    <StyledChart
+      options={{
+        colors: ['#4318FF', '#39B8FF'],
+        chart: {
+          animations: {
+            enabled: false,
+          },
+        },
+        xaxis: {
+          categories: ['SEP', 'OCT', 'NOV', 'DEC', 'JAN', 'FEB'],
+        },
+        legend: {
+          position: 'right',
+        },
+        responsive: [
+          {
+            breakpoint: 650,
+            options: {
+              legend: {
+                position: 'bottom',
+              },
+            },
+          },
+        ],
+      }}
+      series={[
+        {
+          name: 'Paid',
+          data: [50, 64, 48, 66, 49, 68],
+        },
+        {
+          name: 'Free Usage',
+          data: [30, 50, 13, 46, 26, 16],
+        },
+      ]}
+      height="300"
+      type="line"
+    />
+  );
+}
+
+function VoiceChannelItem() {
+  return (
+    <Card rounded="2xl" variant="primary">
+      <CardHeader as={HStack}>
+        <Icon as={MdVoiceChat} color="Brand" fontSize={{ base: '2xl', md: '3xl' }} />
+        <Text>My Channel</Text>
+      </CardHeader>
+      <CardBody mt={3}>
+        <Text color="TextSecondary">89 Members</Text>
+      </CardBody>
+    </Card>
+  );
+}
diff --git a/src/config/example/MemeFeature.tsx b/src/config/example/MemeFeature.tsx
new file mode 100644
index 0000000..96fcb72
--- /dev/null
+++ b/src/config/example/MemeFeature.tsx
@@ -0,0 +1,68 @@
+import { SimpleGrid } from '@chakra-ui/layout';
+import { MemeFeature, UseFormRender, memeFeatureSchema } from '@/config/types';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { ChannelSelectForm } from '@/components/forms/ChannelSelect';
+import { FormCardController } from '@/components/forms/Form';
+import { SelectField } from '@/components/forms/SelectField';
+import type { OptionBase } from 'chakra-react-select';
+
+type Option = OptionBase & {
+  label: string;
+  value: Exclude<MemeFeature['source'], undefined>;
+};
+
+const sources: Option[] = [
+  { label: 'youtube', value: 'youtube' },
+  { label: 'twitter', value: 'twitter' },
+  { label: 'discord', value: 'discord' },
+];
+
+export const useMemeFeature: UseFormRender<MemeFeature> = (data, onSubmit) => {
+  const { reset, handleSubmit, formState, control } = useForm<MemeFeature>({
+    resolver: zodResolver(memeFeatureSchema),
+    shouldUnregister: false,
+    defaultValues: {
+      channel: data.channel,
+      source: data.source,
+    },
+  });
+
+  return {
+    component: (
+      <SimpleGrid columns={{ base: 1, lg: 2 }} gap={3}>
+        <ChannelSelectForm
+          control={{
+            label: 'Channel',
+            description: 'Where to send the welcome message',
+          }}
+          controller={{ control, name: 'channel' }}
+        />
+        <FormCardController
+          control={{ label: 'Source', description: 'The source of the meme' }}
+          controller={{ control, name: 'source' }}
+          render={({ field }) => (
+            <SelectField<Option>
+              {...field}
+              value={field.value != null ? sources.find((v) => v.value === field.value) : undefined}
+              onChange={(v) => v && field.onChange(v.value)}
+              options={sources}
+            />
+          )}
+        />
+      </SimpleGrid>
+    ),
+    onSubmit: handleSubmit(async (e) => {
+      const data = await onSubmit(
+        JSON.stringify({
+          channel: e.channel,
+          source: e.source,
+        })
+      );
+
+      reset(data);
+    }),
+    canSave: formState.isDirty,
+    reset: () => reset(control._defaultValues),
+  };
+};
diff --git a/src/config/example/WelcomeMessageFeature.tsx b/src/config/example/WelcomeMessageFeature.tsx
new file mode 100644
index 0000000..667c8a3
--- /dev/null
+++ b/src/config/example/WelcomeMessageFeature.tsx
@@ -0,0 +1,109 @@
+import { SimpleGrid } from '@chakra-ui/layout';
+import { TextAreaForm } from '@/components/forms/TextAreaForm';
+import { UseFormRender, WelcomeMessageFeature } from '@/config/types';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { ColorPickerForm, SmallColorPickerForm } from '@/components/forms/ColorPicker';
+import { DatePickerForm } from '@/components/forms/DatePicker';
+import { FilePickerForm } from '@/components/forms/FilePicker';
+import { SwitchFieldForm } from '@/components/forms/SwitchField';
+import { ChannelSelectForm } from '@/components/forms/ChannelSelect';
+
+const schema = z.object({
+  message: z.string().min(20),
+  channel: z.string(),
+  color: z.string().optional(),
+  date: z.date().optional(),
+  file: z.custom<File[]>().optional(),
+  danger: z.boolean(),
+});
+
+type Input = z.infer<typeof schema>;
+
+export const useWelcomeMessageFeature: UseFormRender<WelcomeMessageFeature> = (data, onSubmit) => {
+  const { register, reset, handleSubmit, formState, control } = useForm<Input>({
+    resolver: zodResolver(schema),
+    shouldUnregister: false,
+    defaultValues: {
+      channel: data.channel,
+      message: data.message ?? '',
+      color: undefined,
+      date: undefined,
+      file: [],
+      danger: false,
+    },
+  });
+
+  return {
+    component: (
+      <SimpleGrid columns={{ base: 1, lg: 2 }} gap={3}>
+        <ChannelSelectForm
+          control={{
+            label: 'Channel',
+            description: 'Where to send the welcome message',
+          }}
+          controller={{ control, name: 'channel' }}
+        />
+        <TextAreaForm
+          control={{
+            label: 'Message',
+            description: 'The message to send',
+            error: formState.errors.message?.message,
+          }}
+          placeholder="Type some text here..."
+          {...register('message')}
+        />
+        <SmallColorPickerForm
+          control={{
+            label: 'Color',
+            description: 'The color of message',
+          }}
+          supportAlpha
+          controller={{ control, name: 'color' }}
+        />
+        <FilePickerForm
+          control={{
+            label: 'File',
+            description: 'The file to upload',
+          }}
+          options={{ accept: { 'image/*': [] }, multiple: false }}
+          controller={{ control, name: 'file' }}
+        />
+        <ColorPickerForm
+          control={{
+            label: 'Color',
+            description: 'The color of message',
+          }}
+          controller={{ control, name: 'color' }}
+        />
+        <DatePickerForm
+          control={{
+            label: 'Date',
+            description: 'The date of today',
+          }}
+          controller={{ control, name: 'date' }}
+        />
+        <SwitchFieldForm
+          control={{ label: 'Turn on', description: 'Enable something' }}
+          controller={{
+            control,
+            name: 'danger',
+          }}
+        />
+      </SimpleGrid>
+    ),
+    onSubmit: handleSubmit(async (e) => {
+      const data = await onSubmit(
+        JSON.stringify({
+          message: e.message,
+          channel: e.channel,
+        })
+      );
+
+      reset(data);
+    }),
+    canSave: formState.isDirty,
+    reset: () => reset(control._defaultValues),
+  };
+};
diff --git a/src/config/features.tsx b/src/config/features.tsx
new file mode 100644
index 0000000..aec2022
--- /dev/null
+++ b/src/config/features.tsx
@@ -0,0 +1,79 @@
+import { Icon } from '@chakra-ui/react';
+import { BsMusicNoteBeamed } from 'react-icons/bs';
+import { FaGamepad } from 'react-icons/fa';
+import { IoHappy } from 'react-icons/io5';
+import { MdAddReaction, MdMessage } from 'react-icons/md';
+import { FeaturesConfig } from './types';
+import { provider } from '@/config/translations/provider';
+import { createI18n } from '@/utils/i18n';
+import { useWelcomeMessageFeature } from './example/WelcomeMessageFeature';
+import { useMemeFeature } from './example/MemeFeature';
+
+/**
+ * Support i18n (Localization)
+ */
+const { T } = createI18n(provider, {
+  en: {
+    music: 'Music Player',
+    'music description': 'Play music in Your Discord Server',
+    gaming: 'Gaming',
+    'gaming description': 'Enjoy playing games with your friends',
+    'reaction role': 'Reaction Role',
+    'reaction role description': 'Give user a role when clicking on a button',
+    memes: 'Memes Time',
+    'memes description': 'Send memes everyday',
+  },
+});
+
+/**
+ * Define information for each features
+ *
+ * There is an example:
+ */
+export const features: FeaturesConfig = {
+  music: {
+    name: <T text="music" />,
+    description: <T text="music description" />,
+    icon: <Icon as={BsMusicNoteBeamed} />,
+    useRender() {
+      return {
+        component: <></>,
+        onSubmit: () => {},
+      };
+    },
+  },
+  'welcome-message': {
+    name: 'Welcome Message',
+    description: 'Send message when user joined the server',
+    icon: <Icon as={MdMessage} />,
+    useRender: useWelcomeMessageFeature,
+  },
+  gaming: {
+    name: <T text="gaming" />,
+    description: <T text="gaming description" />,
+    icon: <Icon as={FaGamepad} />,
+    useRender() {
+      return {
+        component: <></>,
+        onSubmit: () => {},
+      };
+    },
+  },
+  'reaction-role': {
+    name: <T text="reaction role" />,
+    description: <T text="reaction role description" />,
+    icon: <Icon as={MdAddReaction} />,
+    useRender() {
+      return {
+        component: <></>,
+        onSubmit: () => {},
+      };
+    },
+  },
+  meme: {
+    name: <T text="memes" />,
+    description: <T text="memes description" />,
+    icon: <Icon as={IoHappy} />,
+    useRender: useMemeFeature,
+  },
+};
diff --git a/src/config/sidebar-items.tsx b/src/config/sidebar-items.tsx
new file mode 100644
index 0000000..4629619
--- /dev/null
+++ b/src/config/sidebar-items.tsx
@@ -0,0 +1,19 @@
+import { Icon } from '@chakra-ui/react';
+import { common } from '@/config/translations/common';
+import { MdPerson, MdDashboard } from 'react-icons/md';
+import { SidebarItemInfo } from '@/utils/router';
+
+const items: SidebarItemInfo[] = [
+  {
+    name: <common.T text="dashboard" />,
+    path: '/user/home',
+    icon: <Icon as={MdDashboard} />,
+  },
+  {
+    name: <common.T text="profile" />,
+    path: '/user/profile',
+    icon: <Icon as={MdPerson} />,
+  },
+];
+
+export default items;
diff --git a/src/config/translations/auth.ts b/src/config/translations/auth.ts
new file mode 100644
index 0000000..4194742
--- /dev/null
+++ b/src/config/translations/auth.ts
@@ -0,0 +1,10 @@
+import { provider } from './provider';
+import { createI18n } from '@/utils/i18n';
+
+export const auth = createI18n(provider, {
+  en: {
+    login: 'Sign in',
+    'login description': 'Login and start using our bot today',
+    login_bn: 'Login with Discord',
+  },
+});
diff --git a/src/config/translations/common.ts b/src/config/translations/common.ts
new file mode 100644
index 0000000..a13d5e7
--- /dev/null
+++ b/src/config/translations/common.ts
@@ -0,0 +1,16 @@
+import { provider } from './provider';
+import { createI18n } from '@/utils/i18n';
+
+export const common = createI18n(provider, {
+  en: {
+    loading: 'Loading',
+    search: 'Search',
+    'select lang': 'Select your language',
+    'select role': 'Select a role',
+    'select channel': 'Select a channel',
+    dashboard: 'Dashboard',
+    profile: 'Profile',
+    pages: 'Pages',
+    logout: 'Logout',
+  },
+});
diff --git a/src/config/translations/dashboard.ts b/src/config/translations/dashboard.ts
new file mode 100644
index 0000000..8dc197b
--- /dev/null
+++ b/src/config/translations/dashboard.ts
@@ -0,0 +1,26 @@
+import { provider } from './provider';
+import { createI18n } from '@/utils/i18n';
+
+export const dashboard = createI18n(provider, {
+  en: {
+    pricing: 'Pricing',
+    learn_more: 'Learn More',
+    invite: {
+      title: 'Invite our Bot',
+      description: 'Try our discord bot with one-click',
+      bn: 'Invite now',
+    },
+    servers: {
+      title: 'Select Server',
+      description: 'Select the server to configure',
+    },
+    vc: {
+      create: 'Create a voice channel',
+      'created channels': 'Created Voice channels',
+    },
+    command: {
+      title: 'Command Usage',
+      description: 'Use of commands of your server',
+    },
+  },
+});
diff --git a/src/config/translations/feature.ts b/src/config/translations/feature.ts
new file mode 100644
index 0000000..65287eb
--- /dev/null
+++ b/src/config/translations/feature.ts
@@ -0,0 +1,20 @@
+import { provider } from './provider';
+import { createI18n } from '@/utils/i18n';
+
+export const feature = createI18n(provider, {
+  en: {
+    unsaved: 'Save Changes',
+    error: {
+      'not enabled': 'Not Enabled',
+      'not enabled description': 'Try enable this feature?',
+      'not found': 'Not Found',
+      'not found description': "Hmm... Weird we can't find it",
+    },
+    bn: {
+      enable: 'Enable Feature',
+      disable: 'Disable',
+      save: 'Save',
+      discard: 'Discard',
+    },
+  },
+});
diff --git a/src/config/translations/guild.ts b/src/config/translations/guild.ts
new file mode 100644
index 0000000..86fceb2
--- /dev/null
+++ b/src/config/translations/guild.ts
@@ -0,0 +1,23 @@
+import { provider } from './provider';
+import { createI18n } from '@/utils/i18n';
+
+export const guild = createI18n(provider, {
+  en: {
+    features: 'Features',
+    banner: {
+      title: 'Getting Started',
+      description: 'Create your bot and type something',
+    },
+    error: {
+      'not found': 'Where is it?',
+      'not found description': "The bot can't access the server, let's invite him!",
+      load: 'Failed to load guild',
+    },
+    bn: {
+      'enable feature': 'Enable',
+      'config feature': 'Config',
+      invite: 'Invite bot',
+      settings: 'Settings',
+    },
+  },
+});
diff --git a/src/config/translations/profile.ts b/src/config/translations/profile.ts
new file mode 100644
index 0000000..96749ff
--- /dev/null
+++ b/src/config/translations/profile.ts
@@ -0,0 +1,16 @@
+import { createI18n } from '@/utils/i18n';
+import { common } from './common';
+import { provider } from './provider';
+
+export const profile = createI18n(provider, {
+  en: {
+    logout: common.translations.en.logout,
+    language: 'Language',
+    'language description': 'Select your language',
+    settings: 'Settings',
+    'dark mode': 'Dark Mode',
+    'dark mode description': 'Enables dark theme in order to protect your eyes',
+    'dev mode': 'Developer Mode',
+    'dev mode description': 'Used for debugging and testing',
+  },
+});
diff --git a/src/config/translations/provider.ts b/src/config/translations/provider.ts
new file mode 100644
index 0000000..dc75ca1
--- /dev/null
+++ b/src/config/translations/provider.ts
@@ -0,0 +1,29 @@
+import { initLanguages, initI18n } from '@/utils/i18n';
+import Router, { useRouter } from 'next/router';
+
+/**
+ * Supported languages
+ */
+export type Languages = 'en';
+export const { languages, names } = initLanguages<Languages>({
+  en: 'English',
+});
+
+export const provider = initI18n<Languages>({
+  useLang: () => {
+    const router = useRouter();
+    return (router.locale as Languages) ?? 'en';
+  },
+});
+
+export function useLang() {
+  const lang = provider.useLang();
+  return {
+    lang,
+    setLang(lang: Languages) {
+      const path = Router.asPath;
+
+      Router.push(path, path, { locale: lang });
+    },
+  };
+}
diff --git a/src/config/types/custom-types.ts b/src/config/types/custom-types.ts
new file mode 100644
index 0000000..483df14
--- /dev/null
+++ b/src/config/types/custom-types.ts
@@ -0,0 +1,32 @@
+/***
+ * Custom types that should be configured by developer
+ ***/
+
+import { z } from 'zod';
+import { GuildInfo } from './types';
+
+export type CustomGuildInfo = GuildInfo & {};
+
+/**
+ * Define feature ids and it's option types
+ */
+export type CustomFeatures = {
+  music: {};
+  gaming: {};
+  'reaction-role': {};
+  meme: {};
+  'welcome-message': WelcomeMessageFeature;
+};
+
+/** example only */
+export type WelcomeMessageFeature = {
+  channel?: string;
+  message: string;
+};
+
+export const memeFeatureSchema = z.object({
+  channel: z.string().optional(),
+  source: z.enum(['youtube', 'twitter', 'discord']).optional(),
+});
+
+export type MemeFeature = z.infer<typeof memeFeatureSchema>;
diff --git a/src/config/types/index.ts b/src/config/types/index.ts
new file mode 100644
index 0000000..f37b7e5
--- /dev/null
+++ b/src/config/types/index.ts
@@ -0,0 +1,2 @@
+export * from './custom-types';
+export * from './types';
diff --git a/src/config/types/types.ts b/src/config/types/types.ts
new file mode 100644
index 0000000..630ff50
--- /dev/null
+++ b/src/config/types/types.ts
@@ -0,0 +1,85 @@
+import { CustomFeatures } from './custom-types';
+import { Guild } from '@/api/discord';
+import { ReactElement, ReactNode } from 'react';
+
+export type AppConfig = {
+  /**
+   * bot name
+   */
+  name: string;
+  /**
+   * Image Url
+   */
+  icon: string;
+  /**
+   * Guild settings
+   */
+  guild: GuildConfig;
+  /**
+   * Url to invite the bot
+   *
+   * example: `https://discord.com/api/oauth2/authorize?client_id=907955781972918281&permissions=8&scope=bot`
+   */
+  inviteUrl: string;
+};
+
+export type GuildConfig = {
+  /**
+   * Filter configurable guilds
+   *
+   * ex: to allow only if user permissions include ADMINISTRATOR
+   * ```
+   * import { PermissionFlags } from '@/api/discord';
+   * (Number(guild.permissions) & PermissionFlags.ADMINISTRATOR) !== 0
+   * ```
+   */
+  filter: (guild: Guild) => boolean;
+};
+
+export interface GuildInfo {
+  enabledFeatures: string[];
+}
+
+export type FeaturesConfig = {
+  [K in keyof CustomFeatures]: FeatureConfig<K>;
+};
+
+/**
+ * Internal Feature info
+ */
+export interface FeatureConfig<K extends keyof CustomFeatures> {
+  name: ReactNode;
+  description?: ReactNode;
+  icon?: ReactElement;
+  /**
+   * Render content in Feature view
+   */
+  useRender: UseFormRender<CustomFeatures[K]>;
+  /**
+   * Render skeleton before featrue is loaded
+   */
+  useSkeleton?: () => ReactNode;
+}
+
+type SubmitFn<T> = (data: FormData | string) => Promise<T>;
+
+export type UseFormRenderResult = {
+  /**
+   * Save bar will be disappeared if `canSave` is false
+   */
+  canSave?: boolean;
+
+  /**
+   * called on submit
+   */
+  onSubmit: () => void;
+
+  /**
+   * Reset current value
+   */
+  reset?: () => void;
+
+  component: ReactElement;
+};
+
+export type UseFormRender<T = unknown> = (data: T, onSubmit: SubmitFn<T>) => UseFormRenderResult;
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..b341460
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,6 @@
+export { default } from './utils/auth/middleware';
+
+//Pages need to be logged in before visiting
+export const config = {
+  matcher: ['/guilds/:path*', '/user/:path*'],
+};
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
new file mode 100644
index 0000000..ff89b95
--- /dev/null
+++ b/src/pages/_app.tsx
@@ -0,0 +1,35 @@
+import { ChakraProvider } from '@chakra-ui/react';
+import { AppProps } from 'next/app';
+import { theme } from '@/theme/config';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { client } from '@/api/hooks';
+import { NextPage } from 'next';
+import { ReactNode } from 'react';
+import Head from 'next/head';
+
+import '@/styles/global.css';
+import 'react-calendar/dist/Calendar.css';
+import '@/styles/date-picker.css';
+
+export type NextPageWithLayout = NextPage & {
+  getLayout?: (children: ReactNode) => ReactNode;
+};
+
+type AppPropsWithLayout = AppProps & {
+  Component: NextPageWithLayout;
+};
+
+export default function App({ Component, pageProps }: AppPropsWithLayout) {
+  const getLayout = Component.getLayout ?? ((c) => c);
+
+  return (
+    <ChakraProvider theme={theme}>
+      <QueryClientProvider client={client}>
+        <Head>
+          <title>Demo Bot</title>
+        </Head>
+        {getLayout(<Component {...pageProps} />)}
+      </QueryClientProvider>
+    </ChakraProvider>
+  );
+}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
new file mode 100644
index 0000000..52ff172
--- /dev/null
+++ b/src/pages/_document.tsx
@@ -0,0 +1,18 @@
+// pages/_document.js
+
+import { ColorModeScript } from '@chakra-ui/react';
+import { Html, Head, Main, NextScript } from 'next/document';
+import { theme } from '@/theme/config';
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <ColorModeScript initialColorMode={theme.config.initialColorMode} />
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
diff --git a/src/pages/api/auth/callback.ts b/src/pages/api/auth/callback.ts
new file mode 100644
index 0000000..cdd217c
--- /dev/null
+++ b/src/pages/api/auth/callback.ts
@@ -0,0 +1,64 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import {
+  AccessToken,
+  API_ENDPOINT,
+  CLIENT_ID,
+  CLIENT_SECRET,
+  setServerSession,
+} from '@/utils/auth/server';
+import { i18n } from 'next.config';
+import { z } from 'zod';
+import { getAbsoluteUrl } from '@/utils/get-absolute-url';
+
+async function exchangeToken(code: string): Promise<AccessToken> {
+  const data = {
+    client_id: CLIENT_ID,
+    client_secret: CLIENT_SECRET,
+    grant_type: 'authorization_code',
+    code: code,
+    redirect_uri: `${getAbsoluteUrl()}/api/auth/callback`,
+  };
+
+  const headers = {
+    'Content-Type': 'application/x-www-form-urlencoded',
+  };
+
+  const response = await fetch(`${API_ENDPOINT}/oauth2/token`, {
+    headers,
+    method: 'POST',
+    body: new URLSearchParams(data),
+  });
+
+  if (response.ok) {
+    return (await response.json()) as AccessToken;
+  } else {
+    throw new Error('Failed to exchange token');
+  }
+}
+
+const querySchema = z.object({
+  code: z.string(),
+  state: z
+    .string()
+    .optional()
+    //Handle unsupported locales
+    .transform((v) => {
+      if (i18n == null || v == null) return undefined;
+
+      return i18n.locales.find((locale) => locale === v);
+    }),
+});
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const query = querySchema.safeParse(req.query);
+
+  if (!query.success) {
+    return res.status(400).json('Invalid query param');
+  }
+
+  const { code, state } = query.data;
+  const token = await exchangeToken(code);
+
+  setServerSession(req, res, token);
+  res.redirect(state ? `/${state}/user/home` : `/user/home`);
+}
diff --git a/src/pages/api/auth/index.ts b/src/pages/api/auth/index.ts
new file mode 100644
index 0000000..0541147
--- /dev/null
+++ b/src/pages/api/auth/index.ts
@@ -0,0 +1,13 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { getServerSession } from '@/utils/auth/server';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const session = getServerSession(req);
+
+  if (!session.success) {
+    res.status(401).json('You must login first');
+    return;
+  }
+
+  res.status(200).json(session.data);
+}
diff --git a/src/pages/api/auth/login.ts b/src/pages/api/auth/login.ts
new file mode 100644
index 0000000..5f36dab
--- /dev/null
+++ b/src/pages/api/auth/login.ts
@@ -0,0 +1,21 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { CLIENT_ID } from '@/utils/auth/server';
+import { getAbsoluteUrl } from '@/utils/get-absolute-url';
+
+export default function handler(req: NextApiRequest, res: NextApiResponse) {
+  const { locale } = req.query as {
+    locale?: string;
+  };
+
+  const url =
+    'https://discord.com/api/oauth2/authorize?' +
+    new URLSearchParams({
+      client_id: CLIENT_ID,
+      redirect_uri: `${getAbsoluteUrl()}/api/auth/callback`,
+      response_type: 'code',
+      scope: 'identify guilds',
+      state: locale ?? '',
+    });
+
+  res.redirect(302, url);
+}
diff --git a/src/pages/api/auth/signout.ts b/src/pages/api/auth/signout.ts
new file mode 100644
index 0000000..f89c4ff
--- /dev/null
+++ b/src/pages/api/auth/signout.ts
@@ -0,0 +1,7 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+import { removeSession } from '@/utils/auth/server';
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  await removeSession(req, res);
+  res.status(200).json('logged out');
+}
diff --git a/src/pages/auth/signin.tsx b/src/pages/auth/signin.tsx
new file mode 100644
index 0000000..bc1d349
--- /dev/null
+++ b/src/pages/auth/signin.tsx
@@ -0,0 +1,66 @@
+import { Button, Flex, Heading, Icon, Text } from '@chakra-ui/react';
+import { BsDiscord } from 'react-icons/bs';
+import { auth } from '@/config/translations/auth';
+import { NextPageWithLayout } from '@/pages/_app';
+import AuthLayout from '@/components/layout/auth';
+import { useRouter } from 'next/router';
+import { GetServerSideProps } from 'next';
+import { getServerSession } from '@/utils/auth/server';
+
+const LoginPage: NextPageWithLayout = () => {
+  const t = auth.useTranslations();
+  const locale = useRouter().locale;
+
+  return (
+    <Flex
+      w="full"
+      h="full"
+      direction="column"
+      align="center"
+      justify="center"
+      textAlign="center"
+      gap={3}
+    >
+      <Heading size="xl" whiteSpace="pre-wrap" fontWeight="600">
+        {t.login}
+      </Heading>
+      <Text color="TextSecondary" fontSize="lg">
+        {t['login description']}
+      </Text>
+      <Button
+        mt={3}
+        leftIcon={<Icon as={BsDiscord} fontSize="2xl" />}
+        variant="action"
+        size="lg"
+        width="350px"
+        maxW="full"
+        as="a"
+        href={`/api/auth/login?locale=${locale}`}
+      >
+        {t.login_bn}
+      </Button>
+    </Flex>
+  );
+};
+
+LoginPage.getLayout = (c) => <AuthLayout>{c}</AuthLayout>;
+export default LoginPage;
+
+//Redirect the user back to home if they have been logged in
+export const getServerSideProps: GetServerSideProps<{}> = async ({ req }) => {
+  const loggedin = getServerSession(req).success;
+
+  if (loggedin) {
+    return {
+      redirect: {
+        destination: '/user/home',
+        permanent: true,
+      },
+      props: {},
+    };
+  }
+
+  return {
+    props: {},
+  };
+};
diff --git a/src/pages/guilds/[guild]/features/[feature].tsx b/src/pages/guilds/[guild]/features/[feature].tsx
new file mode 100644
index 0000000..9ccdcc4
--- /dev/null
+++ b/src/pages/guilds/[guild]/features/[feature].tsx
@@ -0,0 +1,72 @@
+import { Icon } from '@chakra-ui/react';
+import { Center, Heading, Text } from '@chakra-ui/layout';
+import { Button } from '@chakra-ui/react';
+import { LoadingPanel } from '@/components/panel/LoadingPanel';
+import { features } from '@/config/features';
+import { CustomFeatures, FeatureConfig } from '@/config/types';
+import { BsSearch } from 'react-icons/bs';
+import { useEnableFeatureMutation, useFeatureQuery } from '@/api/hooks';
+import { UpdateFeaturePanel } from '@/components/feature/UpdateFeaturePanel';
+import { feature as view } from '@/config/translations/feature';
+import { useRouter } from 'next/router';
+import { NextPageWithLayout } from '@/pages/_app';
+import getGuildLayout from '@/components/layout/guild/get-guild-layout';
+
+export type Params = {
+  guild: string;
+  feature: keyof CustomFeatures;
+};
+
+export type UpdateFeatureValue<K extends keyof CustomFeatures> = Partial<CustomFeatures[K]>;
+
+const FeaturePage: NextPageWithLayout = () => {
+  const { feature, guild } = useRouter().query as Params;
+
+  const query = useFeatureQuery(guild, feature);
+  const featureConfig = features[feature] as FeatureConfig<typeof feature>;
+  const skeleton = featureConfig?.useSkeleton?.();
+
+  if (featureConfig == null) return <NotFound />;
+  if (query.isError) return <NotEnabled />;
+  if (query.isLoading) return skeleton != null ? <>{skeleton}</> : <LoadingPanel />;
+  return <UpdateFeaturePanel key={feature} feature={query.data} config={featureConfig} />;
+};
+
+function NotEnabled() {
+  const t = view.useTranslations();
+  const { guild, feature } = useRouter().query as Params;
+  const enable = useEnableFeatureMutation();
+
+  return (
+    <Center flexDirection="column" h="full" gap={1}>
+      <Text fontSize="xl" fontWeight="600">
+        {t.error['not enabled']}
+      </Text>
+      <Text color="TextSecondary">{t.error['not enabled description']}</Text>
+      <Button
+        mt={3}
+        isLoading={enable.isPending}
+        onClick={() => enable.mutate({ enabled: true, guild, feature })}
+        variant="action"
+        px={6}
+      >
+        {t.bn.enable}
+      </Button>
+    </Center>
+  );
+}
+
+function NotFound() {
+  const t = view.useTranslations();
+
+  return (
+    <Center flexDirection="column" gap={2} h="full">
+      <Icon as={BsSearch} w="50px" h="50px" />
+      <Heading size="lg">{t.error['not found']}</Heading>
+      <Text color="TextSecondary">{t.error['not found description']}</Text>
+    </Center>
+  );
+}
+
+FeaturePage.getLayout = (c) => getGuildLayout({ children: c, back: true });
+export default FeaturePage;
diff --git a/src/pages/guilds/[guild]/index.tsx b/src/pages/guilds/[guild]/index.tsx
new file mode 100644
index 0000000..4e1a639
--- /dev/null
+++ b/src/pages/guilds/[guild]/index.tsx
@@ -0,0 +1,83 @@
+import { Center, Flex, Heading, SimpleGrid, Text, Button, Icon } from '@chakra-ui/react';
+import { LoadingPanel } from '@/components/panel/LoadingPanel';
+import { QueryStatus } from '@/components/panel/QueryPanel';
+import { config } from '@/config/common';
+import { guild as view } from '@/config/translations/guild';
+import { BsMailbox } from 'react-icons/bs';
+import { FaRobot } from 'react-icons/fa';
+import { useGuildInfoQuery } from '@/api/hooks';
+import { useRouter } from 'next/router';
+import { getFeatures } from '@/utils/common';
+import { Banner } from '@/components/GuildBanner';
+import { FeatureItem } from '@/components/feature/FeatureItem';
+import type { CustomGuildInfo } from '@/config/types/custom-types';
+import { NextPageWithLayout } from '@/pages/_app';
+import getGuildLayout from '@/components/layout/guild/get-guild-layout';
+
+const GuildPage: NextPageWithLayout = () => {
+  const t = view.useTranslations();
+  const guild = useRouter().query.guild as string;
+  const query = useGuildInfoQuery(guild);
+
+  return (
+    <QueryStatus query={query} loading={<LoadingPanel />} error={t.error.load}>
+      {query.data != null ? (
+        <GuildPanel guild={guild} info={query.data} />
+      ) : (
+        <NotJoined guild={guild} />
+      )}
+    </QueryStatus>
+  );
+};
+
+function GuildPanel({ guild: id, info }: { guild: string; info: CustomGuildInfo }) {
+  const t = view.useTranslations();
+
+  return (
+    <Flex direction="column" gap={5}>
+      <Banner />
+      <Flex direction="column" gap={5} mt={3}>
+        <Heading size="md">{t.features}</Heading>
+        <SimpleGrid columns={{ base: 1, md: 2, '2xl': 3 }} gap={3}>
+          {getFeatures().map((feature) => (
+            <FeatureItem
+              key={feature.id}
+              guild={id}
+              feature={feature}
+              enabled={info.enabledFeatures.includes(feature.id)}
+            />
+          ))}
+        </SimpleGrid>
+      </Flex>
+    </Flex>
+  );
+}
+
+function NotJoined({ guild }: { guild: string }) {
+  const t = view.useTranslations();
+
+  return (
+    <Center flexDirection="column" gap={3} h="full" p={5}>
+      <Icon as={BsMailbox} w={50} h={50} />
+      <Text fontSize="xl" fontWeight="600">
+        {t.error['not found']}
+      </Text>
+      <Text textAlign="center" color="TextSecondary">
+        {t.error['not found description']}
+      </Text>
+      <Button
+        variant="action"
+        leftIcon={<FaRobot />}
+        px={6}
+        as="a"
+        href={`${config.inviteUrl}&guild_id=${guild}`}
+        target="_blank"
+      >
+        {t.bn.invite}
+      </Button>
+    </Center>
+  );
+}
+
+GuildPage.getLayout = (c) => getGuildLayout({ children: c });
+export default GuildPage;
diff --git a/src/pages/guilds/[guild]/settings.tsx b/src/pages/guilds/[guild]/settings.tsx
new file mode 100644
index 0000000..928d7e0
--- /dev/null
+++ b/src/pages/guilds/[guild]/settings.tsx
@@ -0,0 +1,91 @@
+import { Box, Flex, Heading, SimpleGrid, Text } from '@chakra-ui/layout';
+import { RoleSelectForm } from '@/components/forms/RoleSelect';
+import getGuildLayout from '@/components/layout/guild/get-guild-layout';
+import { NextPageWithLayout } from '@/pages/_app';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { SwitchFieldForm } from '@/components/forms/SwitchField';
+import { InputForm } from '@/components/forms/InputForm';
+import { ChannelSelectForm } from '@/components/forms/ChannelSelect';
+
+const schema = z.object({
+  beta: z.boolean(),
+  role: z.string().optional(),
+  prefix: z.string().min(1).max(1),
+  channel: z.string().optional(),
+});
+
+type ExampleSettings = z.infer<typeof schema>;
+
+/**
+ * Exmaple for using react-hook-form with built-in components
+ */
+const GuildSettingsPage: NextPageWithLayout = () => {
+  const { watch, register, control, formState, handleSubmit } = useForm<ExampleSettings>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      beta: true,
+      prefix: '/',
+      role: undefined,
+      channel: undefined,
+    },
+  });
+  const errors = formState.errors;
+
+  return (
+    <Flex direction="column">
+      <Box ml={{ '3sm': 5 }}>
+        <Heading fontSize="2xl" fontWeight="600">
+          Guild Settings
+        </Heading>
+        <Text
+          fontSize="lg"
+          fontWeight="500"
+          as="code"
+          _light={{ color: 'cyan.500' }}
+          _dark={{ color: 'cyan.400' }}
+          cursor="pointer"
+          onClick={handleSubmit(() => console.log('submit'))}
+        >
+          {JSON.stringify(watch())}
+        </Text>
+      </Box>
+      <SimpleGrid mt={5} columns={{ base: 1, md: 2 }} gap={3}>
+        <SwitchFieldForm
+          control={{
+            label: 'Beta Features',
+            description: 'Use beta features before releasing',
+          }}
+          controller={{ control, name: 'beta' }}
+        />
+        <RoleSelectForm
+          control={{
+            label: 'Admin Role',
+            description: 'Roles that able to configure the discord bot',
+          }}
+          controller={{ control, name: 'role' }}
+        />
+        <InputForm
+          control={{
+            label: 'Command prefix',
+            description: 'Change the default command prefix',
+            error: errors.prefix?.message,
+          }}
+          placeholder="/"
+          {...register('prefix')}
+        />
+        <ChannelSelectForm
+          control={{
+            label: 'Logs',
+            description: 'The channel to log bot states',
+          }}
+          controller={{ control, name: 'channel' }}
+        />
+      </SimpleGrid>
+    </Flex>
+  );
+};
+
+GuildSettingsPage.getLayout = (c) => getGuildLayout({ children: c, back: true });
+export default GuildSettingsPage;
diff --git a/src/pages/user/home.tsx b/src/pages/user/home.tsx
new file mode 100644
index 0000000..07f8d3e
--- /dev/null
+++ b/src/pages/user/home.tsx
@@ -0,0 +1,68 @@
+import {
+  Heading,
+  Button,
+  Card,
+  CardHeader,
+  Avatar,
+  Flex,
+  SimpleGrid,
+  Skeleton,
+  Text,
+} from '@chakra-ui/react';
+import { config } from '@/config/common';
+import { useGuilds } from '@/api/hooks';
+import HomeView from '@/config/example/HomeView';
+import { NextPageWithLayout } from '@/pages/_app';
+import AppLayout from '@/components/layout/app';
+import { iconUrl } from '@/api/discord';
+import Link from 'next/link';
+
+const HomePage: NextPageWithLayout = () => {
+  //used for example only, you should remove it
+  return <HomeView />;
+
+  return <GuildSelect />;
+};
+
+export function GuildSelect() {
+  const guilds = useGuilds();
+
+  if (guilds.status === 'success')
+    return (
+      <SimpleGrid columns={{ base: 1, md: 2, xl: 3 }} gap={3}>
+        {guilds.data
+          ?.filter((guild) => config.guild.filter(guild))
+          .map((guild) => (
+            <Card key={guild.id} variant="primary" as={Link} href={`/guilds/${guild.id}`}>
+              <CardHeader as={Flex} flexDirection="row" gap={3}>
+                <Avatar src={iconUrl(guild)} name={guild.name} size="md" />
+                <Text>{guild.name}</Text>
+              </CardHeader>
+            </Card>
+          ))}
+      </SimpleGrid>
+    );
+
+  if (guilds.status === 'error')
+    return (
+      <Button w="fit-content" variant="danger" onClick={() => guilds.refetch()}>
+        Try Again
+      </Button>
+    );
+
+  if (guilds.status === 'pending')
+    return (
+      <SimpleGrid columns={{ base: 1, md: 2, xl: 3 }} gap={3}>
+        <Skeleton minH="88px" rounded="2xl" />
+        <Skeleton minH="88px" rounded="2xl" />
+        <Skeleton minH="88px" rounded="2xl" />
+        <Skeleton minH="88px" rounded="2xl" />
+        <Skeleton minH="88px" rounded="2xl" />
+      </SimpleGrid>
+    );
+
+  return <></>;
+}
+
+HomePage.getLayout = (c) => <AppLayout>{c}</AppLayout>;
+export default HomePage;
diff --git a/src/pages/user/profile.tsx b/src/pages/user/profile.tsx
new file mode 100644
index 0000000..070ce3e
--- /dev/null
+++ b/src/pages/user/profile.tsx
@@ -0,0 +1,126 @@
+import { Flex, Grid, Spacer, Text, VStack } from '@chakra-ui/layout';
+import {
+  Avatar,
+  Button,
+  Card,
+  CardBody,
+  CardHeader,
+  FormControl,
+  FormLabel,
+  Image,
+  useColorMode,
+  Box,
+} from '@chakra-ui/react';
+import { avatarUrl, bannerUrl } from '@/api/discord';
+import { SelectField } from '@/components/forms/SelectField';
+import { SwitchField } from '@/components/forms/SwitchField';
+import { languages, names, useLang } from '@/config/translations/provider';
+import { profile } from '@/config/translations/profile';
+import { IoLogOut } from 'react-icons/io5';
+import { useSettingsStore } from '@/stores';
+import { NextPageWithLayout } from '@/pages/_app';
+import AppLayout from '@/components/layout/app';
+import { useLogoutMutation } from '@/utils/auth/hooks';
+import { useSelfUser } from '@/api/hooks';
+
+/**
+ * User info and general settings here
+ */
+const ProfilePage: NextPageWithLayout = () => {
+  const user = useSelfUser();
+  const logout = useLogoutMutation();
+  const t = profile.useTranslations();
+
+  const { colorMode, setColorMode } = useColorMode();
+  const { lang, setLang } = useLang();
+  const [devMode, setDevMode] = useSettingsStore((s) => [s.devMode, s.setDevMode]);
+
+  return (
+    <Grid templateColumns={{ base: '1fr', lg: 'minmax(0, 800px) auto' }} gap={{ base: 3, lg: 6 }}>
+      <Flex direction="column">
+        {user.banner != null ? (
+          <Image
+            alt="banner"
+            src={bannerUrl(user.id, user.banner)}
+            sx={{ aspectRatio: '1100 / 440' }}
+            objectFit="cover"
+            rounded="2xl"
+          />
+        ) : (
+          <Box bg="Brand" rounded="2xl" sx={{ aspectRatio: '1100 / 440' }} />
+        )}
+        <VStack mt="-50px" ml="40px" align="start">
+          <Avatar
+            src={avatarUrl(user)}
+            name={user.username}
+            w="100px"
+            h="100px"
+            ringColor="CardBackground"
+            ring="6px"
+          />
+          <Text fontWeight="600" fontSize="2xl">
+            {user.username}
+          </Text>
+        </VStack>
+      </Flex>
+      <Card w="full" rounded="3xl" h="fit-content" variant="primary">
+        <CardHeader fontSize="2xl" fontWeight="600">
+          {t.settings}
+        </CardHeader>
+        <CardBody as={Flex} direction="column" gap={6} mt={3}>
+          <SwitchField
+            id="dark-mode"
+            label={t['dark mode']}
+            desc={t['dark mode description']}
+            isChecked={colorMode === 'dark'}
+            onChange={(e) => setColorMode(e.target.checked ? 'dark' : 'light')}
+          />
+          <SwitchField
+            id="developer-mode"
+            label={t['dev mode']}
+            desc={t['dev mode description']}
+            isChecked={devMode}
+            onChange={(e) => setDevMode(e.target.checked)}
+          />
+          <FormControl>
+            <Box mb={2}>
+              <FormLabel fontSize="md" fontWeight="medium" m={0}>
+                {t.language}
+              </FormLabel>
+              <Text color="TextSecondary">{t['language description']}</Text>
+            </Box>
+            <SelectField
+              value={{
+                label: names[lang],
+                value: lang,
+              }}
+              onChange={(e) => e != null && setLang(e.value)}
+              options={languages.map((lang) => ({
+                label: lang.name,
+                value: lang.key,
+              }))}
+            />
+          </FormControl>
+          <Spacer />
+          <Button
+            leftIcon={<IoLogOut />}
+            variant="danger"
+            isLoading={logout.isPending}
+            onClick={() => logout.mutate()}
+          >
+            {t.logout}
+          </Button>
+        </CardBody>
+      </Card>
+      <Content />
+    </Grid>
+  );
+};
+
+function Content() {
+  return <></>;
+}
+
+ProfilePage.getLayout = (p) => <AppLayout>{p}</AppLayout>;
+
+export default ProfilePage;
diff --git a/src/stores/index.ts b/src/stores/index.ts
new file mode 100644
index 0000000..351d87f
--- /dev/null
+++ b/src/stores/index.ts
@@ -0,0 +1 @@
+export * from './pageStore';
diff --git a/src/stores/pageStore.ts b/src/stores/pageStore.ts
new file mode 100644
index 0000000..eb59ec2
--- /dev/null
+++ b/src/stores/pageStore.ts
@@ -0,0 +1,32 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+export type PageStore = {
+  sidebarIsOpen: boolean;
+  setSidebarIsOpen: (v: boolean) => void;
+};
+
+export type PersistStore = {
+  devMode: boolean;
+  setDevMode: (v: boolean) => void;
+};
+
+export const usePageStore = create<PageStore>((set) => ({
+  sidebarIsOpen: false,
+  setSidebarIsOpen: (v) => set({ sidebarIsOpen: v }),
+}));
+
+/**
+ * persist settings
+ */
+export const useSettingsStore = create(
+  persist<PersistStore>(
+    (set) => ({
+      devMode: false,
+      setDevMode: (v) => set({ devMode: v }),
+    }),
+    {
+      name: 'settings',
+    }
+  )
+);
diff --git a/src/styles/date-picker.css b/src/styles/date-picker.css
new file mode 100644
index 0000000..9bcaa29
--- /dev/null
+++ b/src/styles/date-picker.css
@@ -0,0 +1,164 @@
+.react-calendar {
+  width: 100%;
+  border: unset;
+  background-color: transparent;
+  font-family: 'DM Sans', sans-serif;
+}
+.react-calendar__navigation__prev2-button {
+  display: none;
+}
+.react-calendar__navigation__next2-button {
+  display: none;
+}
+.react-calendar__navigation {
+  align-items: center;
+}
+abbr[title] {
+  border-bottom: none;
+  -webkit-text-decoration: unset;
+  text-decoration: unset;
+  -webkit-text-decoration: unset;
+  -webkit-text-decoration: unset;
+  text-decoration: unset !important;
+}
+.react-calendar__navigation__prev-button {
+  background-color: #4318ff !important;
+  border-radius: 10px;
+  min-width: 34px !important;
+  height: 34px !important;
+  color: white;
+}
+.react-calendar__navigation__next-button {
+  background-color: #4318ff !important;
+  border-radius: 10px;
+  min-width: 34px !important;
+  width: 34px !important;
+  height: 34px !important;
+  color: white;
+}
+.react-calendar__navigation__label {
+  font-weight: 700 !important;
+  font-size: 18px;
+}
+.react-calendar__navigation__label:hover,
+.react-calendar__navigation__label:focus {
+  background-color: unset !important;
+  border-radius: 10px;
+}
+.react-calendar__tile {
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0px !important;
+  height: 34px !important;
+  color: #1b2559;
+}
+.react-calendar__month-view__weekdays {
+  background-color: #f4f7fe;
+  border-radius: 10px;
+  margin-bottom: 6px;
+}
+.react-calendar__tile--now,
+.react-calendar__tile--now:enabled:hover,
+.react-calendar__tile--now:enabled:focus {
+  background-color: #f4f7fe;
+  border-radius: 10px;
+}
+.react-calendar__month-view__days__day--neighboringMonth {
+  color: #b0bbd5;
+}
+.react-calendar__tile--active,
+.react-calendar__tile--active:enabled:hover,
+.react-calendar__tile--active:enabled:focus {
+  background: #4318ff;
+  border-radius: 10px;
+  color: white;
+}
+.react-calendar__tile--range,
+.react-calendar__tile--range:enabled:hover,
+.react-calendar__tile--range:enabled:focus {
+  background: #f4f7fe;
+  color: #4318ff;
+  border-radius: 0px;
+}
+.react-calendar__tile--rangeStart,
+.react-calendar__tile--rangeStart:enabled:hover,
+.react-calendar__tile--rangeStart:enabled:focus {
+  background: #4318ff;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  color: white;
+}
+.react-calendar__tile--rangeEnd,
+.react-calendar__tile--rangeEnd:enabled:hover,
+.react-calendar__tile--rangeEnd:enabled:focus {
+  background: #4318ff;
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+  color: white;
+}
+.react-calendar__tile:disabled {
+  color: #b0bbd5;
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+/* DARK MODE */
+
+body.chakra-ui-dark .react-calendar {
+  border-radius: 30px;
+}
+body.chakra-ui-dark .react-calendar__navigation__prev-button {
+  background-color: #7551ff !important;
+}
+body.chakra-ui-dark .react-calendar__navigation__next-button {
+  background-color: #7551ff !important;
+  color: white;
+}
+body.chakra-ui-dark .react-calendar__tile {
+  color: white;
+}
+body.chakra-ui-dark .react-calendar__tile:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile:enabled:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+body.chakra-ui-dark .react-calendar__month-view__weekdays {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+body.chakra-ui-dark .react-calendar__tile--now,
+body.chakra-ui-dark .react-calendar__tile--now:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile--now:enabled:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+body.chakra-ui-dark .react-calendar__month-view__days__day--neighboringMonth {
+  color: #b0bbd5;
+}
+body.chakra-ui-dark .react-calendar__tile--active,
+body.chakra-ui-dark .react-calendar__tile--active:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile--active:enabled:focus {
+  background: #7551ff;
+  color: white;
+}
+body.chakra-ui-dark .react-calendar__tile--range,
+body.chakra-ui-dark .react-calendar__tile--range:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile--range:enabled:focus {
+  background: rgba(255, 255, 255, 0.1);
+  color: #7551ff;
+}
+body.chakra-ui-dark .react-calendar__tile--rangeStart,
+body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:focus {
+  background: #7551ff;
+  color: white;
+}
+body.chakra-ui-dark .react-calendar__tile--rangeEnd,
+body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:hover,
+body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:focus {
+  background: #7551ff;
+  color: white;
+}
+
+body.chakra-ui-dark .react-calendar__tile:disabled {
+  color: rgba(176, 187, 213, 0.42);
+  background-color: rgba(0, 0, 0, 0.3);
+}
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..5e1e762
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,19 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
+
+body {
+  font-family: 'DM Sans', 'Noto Color Emoji' !important;
+  min-width: 350px;
+  width: auto;
+}
+
+html,
+body,
+#root,
+#__next {
+  height: 100%;
+}
+
+option {
+  color: black;
+}
diff --git a/src/styles/global.ts b/src/styles/global.ts
new file mode 100644
index 0000000..732c761
--- /dev/null
+++ b/src/styles/global.ts
@@ -0,0 +1,23 @@
+import { mode } from '@chakra-ui/theme-tools';
+
+export const globalStyles = (props: any) => ({
+  '::-webkit-scrollbar': {
+    w: '5px',
+    h: '5px',
+    bg: 'transparent',
+  },
+  '::-webkit-scrollbar-thumb': {
+    borderRadius: '10px',
+    bg: mode('rgba(0, 0, 0, 0.2)', 'rgba(255, 255, 255, 0.2)')(props),
+  },
+  '::-webkit-calendar-picker-indicator': {
+    filter: mode('none', 'invert(1)')(props),
+  },
+  body: {
+    color: 'TextPrimary',
+    bg: 'MainBackground',
+  },
+  input: {
+    color: 'gray.700',
+  },
+});
diff --git a/src/theme/breakpoints.ts b/src/theme/breakpoints.ts
new file mode 100644
index 0000000..1c2837d
--- /dev/null
+++ b/src/theme/breakpoints.ts
@@ -0,0 +1,13 @@
+export const breakpoints = {
+  sm: '320px',
+  '2sm': '380px',
+  '3sm': '574px',
+  md: '768px',
+  lg: '960px',
+  xl: '1200px',
+  '2xl': '1600px',
+  '3xl': '1920px',
+};
+
+export const navbarBreakpoint = '3sm';
+export const sidebarBreakpoint = 'xl';
diff --git a/src/theme/colors.ts b/src/theme/colors.ts
new file mode 100644
index 0000000..9fef36b
--- /dev/null
+++ b/src/theme/colors.ts
@@ -0,0 +1,77 @@
+export const colors = {
+  brand: {
+    100: '#E9E3FF',
+    200: '#9e86ff',
+    300: '#422AFB',
+    400: '#7551FF',
+    500: '#422AFB',
+    600: '#3311DB',
+    700: '#02044A',
+    800: '#190793',
+    900: '#11047A',
+  },
+  brandAlpha: {
+    500: '#7451ff9c',
+    100: '#7451ff2d',
+  },
+  secondaryGray: {
+    100: '#E0E5F2',
+    200: '#E1E9F8',
+    300: '#F4F7FE',
+    400: '#E9EDF7',
+    500: '#8F9BBA',
+    600: '#A3AED0',
+    700: '#707EAE',
+    800: '#707EAE',
+    900: '#1B2559',
+  },
+  red: {
+    500: '#EE5D50',
+    600: '#E31A1A',
+  },
+  blue: {
+    50: '#EFF4FB',
+    500: '#3965FF',
+  },
+  orange: {
+    100: '#FFF6DA',
+    500: '#FFB547',
+  },
+  green: {
+    100: '#E6FAF5',
+    500: '#01B574',
+  },
+  navy: {
+    50: '#d0dcfb',
+    100: '#aac0fe',
+    200: '#a3b9f8',
+    300: '#728fea',
+    400: '#3652ba',
+    500: '#2f4bba',
+    600: '#232c4f',
+    700: '#1d2343',
+    800: '#080e2c',
+    900: '#08081c',
+  },
+  gray: {
+    100: '#FAFCFE',
+  },
+};
+
+export const light = {
+  globalBg: 'secondaryGray.300',
+  brand: 'brand.500',
+  textColorPrimary: 'secondaryGray.900',
+  textColorSecondary: 'gray.500',
+  cardBg: 'white',
+  shadow: '14px 17px 40px 4px rgba(112, 144, 176, 0.18)',
+};
+
+export const dark = {
+  globalBg: 'navy.900',
+  brand: 'brand.400',
+  textColorPrimary: 'white',
+  textColorSecondary: 'gray.400',
+  cardBg: 'navy.800',
+  shadow: '14px 17px 40px 4px rgba(2, 4, 6, 0.06)',
+};
diff --git a/src/theme/components/avatar.ts b/src/theme/components/avatar.ts
new file mode 100644
index 0000000..c5b4f77
--- /dev/null
+++ b/src/theme/components/avatar.ts
@@ -0,0 +1,32 @@
+import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
+import { avatarAnatomy } from '@chakra-ui/anatomy';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(
+  avatarAnatomy.keys
+);
+
+export const avatarStyles = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    container: {
+      bg: 'brand.300',
+      color: 'white',
+    },
+  }),
+  variants: {
+    border: definePartsStyle({
+      container: {
+        border: 'auto',
+        borderWidth: 10,
+        borderColor: '#ffffff',
+        _dark: {
+          borderColor: 'navy.800',
+        },
+      },
+    }),
+    normal: definePartsStyle({
+      container: {
+        border: 0,
+      },
+    }),
+  },
+});
diff --git a/src/theme/components/button.ts b/src/theme/components/button.ts
new file mode 100644
index 0000000..adbf967
--- /dev/null
+++ b/src/theme/components/button.ts
@@ -0,0 +1,58 @@
+import { defineStyle, defineStyleConfig } from '@chakra-ui/react';
+import { mode } from '@chakra-ui/theme-tools';
+
+export const buttonStyles = defineStyleConfig({
+  baseStyle: defineStyle({
+    borderRadius: '16px',
+    transition: '.25s all ease',
+    boxSizing: 'border-box',
+    _focus: {
+      boxShadow: 'none',
+    },
+    _active: {
+      boxShadow: 'none',
+    },
+  }),
+  variants: {
+    danger: defineStyle({
+      color: 'white',
+      bg: 'red.500',
+      _hover: { bg: 'red.400' },
+      _active: { bg: 'red.300' },
+    }),
+    action: defineStyle((props) => ({
+      fontWeight: '600',
+      borderRadius: '50px',
+      bg: mode(
+        'linear-gradient(to right bottom, var(--chakra-colors-brand-500), var(--chakra-colors-brand-400))',
+        'linear-gradient(to right bottom, var(--chakra-colors-brand-400), var(--chakra-colors-brand-500))'
+      )(props),
+      color: 'white',
+      rounded: 'xl',
+      boxShadow: mode(
+        '1px 2px 5px var(--chakra-colors-brand-400)',
+        '1px 2px 15px var(--chakra-colors-brand-400)'
+      )(props),
+    })),
+    secondary: defineStyle({
+      _light: {
+        bg: 'white',
+        shadow: 'normal',
+      },
+      _dark: {
+        bg: 'whiteAlpha.200',
+        _hover: {
+          bg: 'whiteAlpha.300',
+        },
+        _active: {
+          bg: 'whiteAlpha.300',
+        },
+      },
+    }),
+  },
+  sizes: {
+    sm: {
+      px: '15px',
+    },
+  },
+});
diff --git a/src/theme/components/card.ts b/src/theme/components/card.ts
new file mode 100644
index 0000000..1ebb579
--- /dev/null
+++ b/src/theme/components/card.ts
@@ -0,0 +1,48 @@
+import { cardAnatomy } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+import { light, dark } from '@/theme/colors';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(
+  cardAnatomy.keys
+);
+
+export const cardStyles = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    container: {
+      _light: {
+        '--custom-card-bg': `colors.${light.cardBg}`,
+        '--card-color': `colors.${light.textColorPrimary}`,
+      },
+      _dark: {
+        '--custom-card-bg': `colors.${dark.cardBg}`,
+        '--card-color': `colors.${dark.textColorPrimary}`,
+      },
+      color: 'var(--card-color)',
+      bg: 'var(--custom-card-bg)',
+      p: 'var(--card-padding)',
+    },
+    header: {
+      fontSize: { base: '16px', md: 'lg' },
+      fontWeight: 'medium',
+      p: 0,
+    },
+    body: {
+      fontSize: { base: 'sm', md: 'md' },
+      p: 0,
+    },
+    footer: {
+      p: 0,
+      mt: 4,
+    },
+  }),
+  variants: {
+    primary: definePartsStyle({
+      container: {
+        rounded: '2xl',
+        _light: {
+          boxShadow: '14px 17px 30px 4px rgb(112 144 176 / 10%)',
+        },
+      },
+    }),
+  },
+});
diff --git a/src/theme/components/input.ts b/src/theme/components/input.ts
new file mode 100644
index 0000000..99aff1a
--- /dev/null
+++ b/src/theme/components/input.ts
@@ -0,0 +1,129 @@
+import { inputAnatomy } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/react';
+import { dark, light } from '../colors';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(
+  inputAnatomy.keys
+);
+
+const main = definePartsStyle({
+  field: {
+    border: '2px solid',
+    borderRadius: '16px',
+    fontSize: 'sm',
+    p: '20px',
+    _light: {
+      color: 'secondaryGray.900',
+      bg: 'transparent',
+      _placeholder: {
+        color: 'secondaryGray.700',
+      },
+      _invalid: {
+        borderColor: 'red.400',
+      },
+      borderColor: 'secondaryGray.400',
+    },
+
+    _dark: {
+      color: 'white',
+      bg: 'navy.800',
+      _placeholder: {
+        color: 'secondaryGray.600',
+      },
+      _invalid: {
+        borderColor: 'red.400',
+      },
+      borderColor: 'navy.600',
+    },
+  },
+});
+
+export const inputStyles = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    field: {
+      fontWeight: 400,
+      _light: {
+        borderColor: 'secondaryGray.400',
+      },
+      _dark: {
+        borderColor: 'navy.600',
+      },
+      borderRadius: '8px',
+    },
+  }),
+
+  variants: {
+    flushed: definePartsStyle({
+      field: {
+        _focus: {
+          _dark: {
+            borderColor: dark.brand,
+          },
+          _light: {
+            borderColor: light.brand,
+          },
+          boxShadow: 'none',
+        },
+
+        fontSize: '2xl',
+        fontWeight: '600',
+        _light: {
+          color: light.textColorPrimary,
+          borderBottomColor: 'secondaryGray.400',
+        },
+        _dark: {
+          color: dark.textColorPrimary,
+          borderBottomColor: 'navy.600',
+        },
+      },
+    }),
+    main,
+    focus: definePartsStyle({
+      field: {
+        ...main.field,
+        _focus: {
+          _light: {
+            borderColor: 'brand.300',
+          },
+          _dark: {
+            borderColor: 'brand.400',
+          },
+        },
+      },
+    }),
+    auth: definePartsStyle({
+      field: {
+        bg: 'transparent',
+        fontWeight: '500',
+        _light: {
+          color: 'navy.700',
+          borderColor: 'secondaryGray.100',
+        },
+        _dark: {
+          color: 'white',
+          borderColor: 'rgba(135, 140, 189, 0.3)',
+        },
+        border: '1px solid',
+        borderRadius: '16px',
+        _placeholder: { color: 'secondaryGray.600', fontWeight: '400' },
+      },
+    }),
+    authSecondary: definePartsStyle({
+      field: {
+        bg: 'transparent',
+        border: '1px solid',
+        borderColor: 'secondaryGray.100',
+        borderRadius: '16px',
+        _placeholder: { color: 'secondaryGray.600' },
+      },
+    }),
+    search: definePartsStyle({
+      field: {
+        border: 'none',
+        py: '11px',
+        borderRadius: 'inherit',
+        _placeholder: { color: 'secondaryGray.600' },
+      },
+    }),
+  },
+});
diff --git a/src/theme/components/menu.ts b/src/theme/components/menu.ts
new file mode 100644
index 0000000..6bcfde8
--- /dev/null
+++ b/src/theme/components/menu.ts
@@ -0,0 +1,29 @@
+import { menuAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+import { light, dark } from '../colors';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
+
+export const menuTheme = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    item: {
+      _hover: {
+        _light: {
+          bg: light.cardBg,
+        },
+        _dark: {
+          bg: dark.cardBg,
+        },
+      },
+      bg: 'transparent',
+    },
+    list: {
+      _light: {
+        bg: light.globalBg,
+      },
+      _dark: {
+        bg: dark.globalBg,
+      },
+    },
+  }),
+});
diff --git a/src/theme/components/modal.ts b/src/theme/components/modal.ts
new file mode 100644
index 0000000..bbf4ace
--- /dev/null
+++ b/src/theme/components/modal.ts
@@ -0,0 +1,29 @@
+import { modalAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
+
+const baseStyle = definePartsStyle({
+  overlay: {
+    backdropFilter: 'auto',
+    backdropBlur: 'lg',
+  },
+  closeButton: {
+    _hover: {},
+    _focus: {
+      boxShadow: 'none',
+    },
+  },
+  dialog: {
+    _light: {
+      bg: 'secondaryGray.300',
+    },
+    _dark: {
+      bg: 'navy.900',
+    },
+  },
+});
+
+export const modalStyles = defineMultiStyleConfig({
+  baseStyle,
+});
diff --git a/src/theme/components/popover.ts b/src/theme/components/popover.ts
new file mode 100644
index 0000000..eeb4c61
--- /dev/null
+++ b/src/theme/components/popover.ts
@@ -0,0 +1,17 @@
+import { popoverAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+
+const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(parts.keys);
+
+export const popoverStyles = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    content: {
+      bg: 'secondaryGray.300',
+      rounded: 'xl',
+      boxShadow: 'normal',
+      _dark: {
+        bg: 'navy.900',
+      },
+    },
+  }),
+});
diff --git a/src/theme/components/select.ts b/src/theme/components/select.ts
new file mode 100644
index 0000000..8952692
--- /dev/null
+++ b/src/theme/components/select.ts
@@ -0,0 +1,49 @@
+import { dark } from './../colors';
+import { selectAnatomy } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers, getToken, useToken } from '@chakra-ui/react';
+import { light } from '@/theme/colors';
+import { mode, StyleFunctionProps } from '@chakra-ui/theme-tools';
+
+const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(
+  selectAnatomy.keys
+);
+
+function getDefaults(props: StyleFunctionProps) {
+  const { focusBorderColor: fc, errorBorderColor: ec } = props;
+  return {
+    focusBorderColor: fc || mode(light.brand, dark.brand)(props),
+    errorBorderColor: ec || mode('red.500', 'red.300')(props),
+  };
+}
+
+const outline = definePartsStyle((props) => {
+  const defaults = getDefaults(props);
+  const [focusBorderColor, errorBorderColor] = useToken('colors', [
+    defaults.focusBorderColor,
+    defaults.errorBorderColor,
+  ]);
+
+  return {
+    field: {
+      border: '1px solid',
+      borderColor: 'inherit',
+      bg: 'inherit',
+      _hover: {
+        borderColor: mode('gray.300', 'whiteAlpha.400')(props),
+      },
+      _invalid: {
+        borderColor: errorBorderColor,
+        boxShadow: `0 0 0 1px ${errorBorderColor}`,
+      },
+      _focusVisible: {
+        zIndex: 0,
+        borderColor: focusBorderColor,
+        boxShadow: `0 0 0 1px ${focusBorderColor}`,
+      },
+    },
+  };
+});
+
+export const selectStyles = defineMultiStyleConfig({
+  variants: { outline },
+});
diff --git a/src/theme/components/skeleton.ts b/src/theme/components/skeleton.ts
new file mode 100644
index 0000000..4b46b55
--- /dev/null
+++ b/src/theme/components/skeleton.ts
@@ -0,0 +1,15 @@
+import { cssVar, defineStyle, defineStyleConfig } from '@chakra-ui/react';
+
+const $startColor = cssVar('skeleton-start-color');
+const $endColor = cssVar('skeleton-end-color');
+
+export const skeletonStyles = defineStyleConfig({
+  baseStyle: defineStyle({
+    [$startColor.variable]: 'colors.navy.600',
+    [$endColor.variable]: 'colors.navy.800',
+    _light: {
+      [$startColor.variable]: 'colors.gray.200',
+      [$endColor.variable]: 'colors.gray.300',
+    },
+  }),
+});
diff --git a/src/theme/components/slider.ts b/src/theme/components/slider.ts
new file mode 100644
index 0000000..51fa2cf
--- /dev/null
+++ b/src/theme/components/slider.ts
@@ -0,0 +1,15 @@
+import { mode } from '@chakra-ui/theme-tools';
+import { sliderAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+
+const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(parts.keys);
+
+export const sliderStyles = defineMultiStyleConfig({
+  variants: {
+    main: definePartsStyle((props) => ({
+      thumb: {
+        bg: mode('brand.500', 'brand.400')(props),
+      },
+    })),
+  },
+});
diff --git a/src/theme/components/switch.ts b/src/theme/components/switch.ts
new file mode 100644
index 0000000..02fcc29
--- /dev/null
+++ b/src/theme/components/switch.ts
@@ -0,0 +1,43 @@
+import { switchAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+import { light, dark } from '../colors';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
+
+export const switchStyles = defineMultiStyleConfig({
+  baseStyle: definePartsStyle({
+    thumb: {
+      fontWeight: 400,
+      borderRadius: '50%',
+      w: '16px',
+      h: '16px',
+      _checked: { transform: 'translate(20px, 0px)' },
+    },
+    track: {
+      display: 'flex',
+      alignItems: 'center',
+      boxSizing: 'border-box',
+      w: '40px',
+      h: '20px',
+      p: '2px',
+      ps: '2px',
+      _focus: {
+        boxShadow: 'none',
+      },
+      _light: {
+        bg: 'gray.300',
+      },
+      _dark: {
+        bg: 'navy.700',
+      },
+      _checked: {
+        _light: {
+          bg: light.brand,
+        },
+        _dark: {
+          bg: dark.brand,
+        },
+      },
+    },
+  }),
+});
diff --git a/src/theme/components/tabs.ts b/src/theme/components/tabs.ts
new file mode 100644
index 0000000..fef4c14
--- /dev/null
+++ b/src/theme/components/tabs.ts
@@ -0,0 +1,15 @@
+import { tabsAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+
+const { definePartsStyle, defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys);
+
+const baseStyle = definePartsStyle({
+  tabpanel: {
+    px: 0,
+    pb: 0,
+  },
+});
+
+export const tabsStyles = defineMultiStyleConfig({
+  baseStyle,
+});
diff --git a/src/theme/components/textarea.ts b/src/theme/components/textarea.ts
new file mode 100644
index 0000000..fa6aa6b
--- /dev/null
+++ b/src/theme/components/textarea.ts
@@ -0,0 +1,53 @@
+import { mode } from '@chakra-ui/theme-tools';
+import { defineStyle, defineStyleConfig } from '@chakra-ui/react';
+import { light, dark } from '../colors';
+
+export const textareaStyles = defineStyleConfig({
+  baseStyle: defineStyle((props) => ({
+    fontWeight: 400,
+    borderRadius: '8px',
+    fontSize: 'md',
+    bg: mode(light.globalBg, dark.globalBg)(props),
+    rounded: 'lg',
+    border: 0,
+    _focus: { boxShadow: 'none' },
+  })),
+  variants: {
+    main: defineStyle((props: any) => ({
+      bg: mode('transparent', 'navy.800')(props),
+      border: '2px solid',
+      color: mode('secondaryGray.900', 'white')(props),
+      borderColor: mode('secondaryGray.400', 'navy.600')(props),
+      borderRadius: '16px',
+      fontSize: 'sm',
+      p: '20px',
+      _placeholder: {
+        color: mode('secondaryGray.700', 'secondaryGray.600')(props),
+      },
+    })),
+    glass: {
+      borderColor: 'var(--border-color)',
+      border: '1px solid',
+      _light: {
+        bg: 'secondaryGray.300',
+        borderColor: 'blackAlpha.200',
+        _invalid: {
+          borderColor: 'red.300',
+        },
+        _placeholder: {
+          color: 'secondaryGray.700',
+        },
+      },
+      _dark: {
+        bg: 'blackAlpha.300',
+        borderColor: 'whiteAlpha.200',
+        _invalid: {
+          borderColor: 'red.400',
+        },
+        _placeholder: {
+          color: 'secondaryGray.600',
+        },
+      },
+    },
+  },
+});
diff --git a/src/theme/config.tsx b/src/theme/config.tsx
new file mode 100644
index 0000000..1363f20
--- /dev/null
+++ b/src/theme/config.tsx
@@ -0,0 +1,82 @@
+import { extendTheme } from '@chakra-ui/react';
+import { buttonStyles } from './components/button';
+import { inputStyles } from './components/input';
+import { sliderStyles } from './components/slider';
+import { textareaStyles } from './components/textarea';
+import { switchStyles } from './components/switch';
+import { breakpoints } from './breakpoints';
+import { modalStyles } from './components/modal';
+import { avatarStyles } from './components/avatar';
+import { menuTheme } from './components/menu';
+import { skeletonStyles } from './components/skeleton';
+import { tabsStyles } from './components/tabs';
+import { cardStyles } from './components/card';
+import { globalStyles } from '../styles/global';
+import { colors, dark, light } from './colors';
+import { selectStyles } from './components/select';
+import { popoverStyles } from './components/popover';
+
+export const theme = extendTheme({
+  breakpoints,
+  colors,
+  styles: {
+    global: globalStyles,
+  },
+  fonts: {
+    heading: `Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif`,
+    body: `Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif`,
+  },
+  components: {
+    Button: buttonStyles,
+    Switch: switchStyles,
+    Modal: modalStyles,
+    Avatar: avatarStyles,
+    Menu: menuTheme,
+    RangeSlider: sliderStyles,
+    Input: inputStyles,
+    Textarea: textareaStyles,
+    Skeleton: skeletonStyles,
+    Tabs: tabsStyles,
+    Card: cardStyles,
+    Select: selectStyles,
+    Popover: popoverStyles,
+  },
+  semanticTokens: {
+    shadows: {
+      normal: {
+        default: light.shadow,
+        _dark: dark.shadow,
+      },
+    },
+    colors: {
+      TextPrimary: {
+        default: light.textColorPrimary,
+        _dark: dark.textColorPrimary,
+      },
+      TextSecondary: {
+        default: light.textColorSecondary,
+        _dark: dark.textColorSecondary,
+      },
+      MainBackground: {
+        default: light.globalBg,
+        _dark: dark.globalBg,
+      },
+      InputBackground: {
+        default: 'secondaryGray.300',
+        _dark: 'blackAlpha.300',
+      },
+      InputBorder: {
+        default: 'blackAlpha.200',
+        _dark: 'whiteAlpha.200',
+      },
+      Brand: {
+        default: light.brand,
+        _dark: dark.brand,
+      },
+      CardBackground: {
+        default: light.cardBg,
+        _dark: dark.cardBg,
+      },
+    },
+  },
+});
diff --git a/src/utils/auth/hooks.ts b/src/utils/auth/hooks.ts
new file mode 100644
index 0000000..74eaa22
--- /dev/null
+++ b/src/utils/auth/hooks.ts
@@ -0,0 +1,74 @@
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { client, Keys } from '@/api/hooks';
+import { AccessToken } from './server';
+import { callReturn, callDefault } from '@/utils/fetch/core';
+import Router from 'next/router';
+
+/**
+ * Get discord oauth2 access token if logged in, otherwise return null
+ */
+async function auth() {
+  return await callReturn<AccessToken>('/api/auth', {
+    request: {
+      method: 'GET',
+    },
+  });
+}
+
+export async function logout() {
+  await callDefault(`/api/auth/signout`, {
+    request: {
+      method: 'POST',
+    },
+  });
+
+  await client.invalidateQueries({queryKey: Keys.login});
+  await Router.push('/auth/signin');
+}
+
+type SessionResult =
+  | {
+      status: 'authenticated';
+      session: AccessToken;
+    }
+  | {
+      status: 'loading' | 'unauthenticated';
+      session: null;
+    };
+
+export function useSession(): SessionResult {
+  const { isError, isLoading, data } = useQuery({
+    queryKey: Keys.login,
+    queryFn: () => auth()
+  });
+
+  if (isError)
+    return {
+      status: 'unauthenticated',
+      session: null,
+    };
+
+  if (isLoading)
+    return {
+      status: 'loading',
+      session: null,
+    };
+
+  return {
+    status: 'authenticated',
+    session: data!,
+  };
+}
+
+export function useAccessToken() {
+  const { session } = useSession();
+
+  return session?.access_token;
+}
+
+export function useLogoutMutation() {
+  return useMutation({
+    mutationKey: ['logout'],
+    mutationFn: () => logout()
+  });
+}
diff --git a/src/utils/auth/middleware.ts b/src/utils/auth/middleware.ts
new file mode 100644
index 0000000..81581f9
--- /dev/null
+++ b/src/utils/auth/middleware.ts
@@ -0,0 +1,19 @@
+import { NextMiddleware, NextResponse } from 'next/server';
+import { middleware_hasServerSession } from './server';
+
+export const withAuth = (authUrl: string, middleware: NextMiddleware): NextMiddleware => {
+  return (req, evt) => {
+    const loggedin = middleware_hasServerSession(req);
+
+    if (!loggedin) {
+      const url = req.nextUrl.clone();
+      url.pathname = authUrl;
+
+      return NextResponse.redirect(url);
+    }
+
+    return middleware(req, evt);
+  };
+};
+
+export default withAuth('/auth/signin', () => NextResponse.next());
diff --git a/src/utils/auth/server.ts b/src/utils/auth/server.ts
new file mode 100644
index 0000000..c2c0fb6
--- /dev/null
+++ b/src/utils/auth/server.ts
@@ -0,0 +1,77 @@
+import { deleteCookie, setCookie } from 'cookies-next';
+import { NextApiRequest, NextApiResponse } from 'next';
+import { NextApiRequestCookies } from 'next/dist/server/api-utils';
+import { NextRequest } from 'next/server';
+import { z } from 'zod';
+import type { OptionsType } from 'cookies-next/lib/types';
+import type { IncomingMessage } from 'http';
+
+export const API_ENDPOINT = 'https://discord.com/api/v10';
+export const CLIENT_ID = process.env.BOT_CLIENT_ID ?? '';
+export const CLIENT_SECRET = process.env.BOT_CLIENT_SECRET ?? '';
+
+const TokenCookie = 'ts-token';
+
+const tokenSchema = z.object({
+  access_token: z.string(),
+  token_type: z.literal('Bearer'),
+  expires_in: z.number(),
+  refresh_token: z.string(),
+  scope: z.string(),
+});
+
+const options: OptionsType = {
+  httpOnly: true,
+  maxAge: 60 * 60 * 24 * 30,
+};
+
+export type AccessToken = z.infer<typeof tokenSchema>;
+
+export function middleware_hasServerSession(req: NextRequest) {
+  const raw = req.cookies.get(TokenCookie)?.value;
+
+  return raw != null && tokenSchema.safeParse(JSON.parse(raw)).success;
+}
+
+export function getServerSession(
+  req: IncomingMessage & {
+    cookies: NextApiRequestCookies;
+  }
+) {
+  const raw = req.cookies[TokenCookie];
+
+  return tokenSchema.safeParse(raw == null ? raw : JSON.parse(raw));
+}
+
+export function setServerSession(req: NextApiRequest, res: NextApiResponse, data: AccessToken) {
+  // @ts-ignore
+  setCookie(TokenCookie, data, { req, res, ...options });
+}
+
+export async function removeSession(req: NextApiRequest, res: NextApiResponse) {
+  const session = getServerSession(req);
+
+  if (session.success) {
+    // @ts-ignore
+    deleteCookie(TokenCookie, { req, res, ...options });
+    await revokeToken(session.data.access_token);
+  }
+}
+
+async function revokeToken(accessToken: string) {
+  const data = {
+    client_id: CLIENT_ID,
+    client_secret: CLIENT_SECRET,
+    token: accessToken,
+  };
+
+  const headers = {
+    'Content-Type': 'application/x-www-form-urlencoded',
+  };
+
+  await fetch(`https://discord.com/api/oauth2/token/revoke`, {
+    headers,
+    body: new URLSearchParams(data),
+    method: 'POST',
+  });
+}
diff --git a/src/utils/common.ts b/src/utils/common.ts
new file mode 100644
index 0000000..59ecba4
--- /dev/null
+++ b/src/utils/common.ts
@@ -0,0 +1,43 @@
+import { CustomFeatures } from '../config/types';
+import { features } from '../config/features';
+import { FeatureConfig } from '../config/types';
+
+export type IdFeature<K extends keyof CustomFeatures = keyof CustomFeatures> = FeatureConfig<K> & {
+  id: K;
+};
+
+export function getFeatures(): IdFeature<any>[] {
+  return Object.entries(features).map(([k, v]) => {
+    return {
+      id: k,
+      ...v,
+    };
+  });
+}
+
+export function toRGB(num: number) {
+  num >>>= 0;
+  let b = num & 0xff,
+    g = (num & 0xff00) >>> 8,
+    r = (num & 0xff0000) >>> 16;
+  return 'rgb(' + [r, g, b].join(',') + ')';
+}
+
+export const convertHexToRGBA = (hexCode: string, opacity = 1) => {
+  let hex = hexCode.replace('#', '');
+
+  if (hex.length === 3) {
+    hex = `${hex[0]}${hex[0]}${hex[1]}${hex[1]}${hex[2]}${hex[2]}`;
+  }
+
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+
+  /* Backward compatibility for whole number based opacity values. */
+  if (opacity > 1 && opacity <= 100) {
+    opacity = opacity / 100;
+  }
+
+  return `rgba(${r},${g},${b},${opacity})`;
+};
diff --git a/src/utils/fetch/core.ts b/src/utils/fetch/core.ts
new file mode 100644
index 0000000..2599679
--- /dev/null
+++ b/src/utils/fetch/core.ts
@@ -0,0 +1,62 @@
+export type ReturnOptions<T> = Options & {
+  /**
+   * Map result if status code is not equal to 200
+   * @param status
+   */
+  allowed?: {
+    [status: number]: (res: Response) => T | Promise<T>;
+  };
+};
+
+export type Options = {
+  /**
+   * specify the origin url
+   */
+  origin?: string;
+
+  /**
+   * throw an error if status code is not equal to 200
+   *
+   * default: true
+   */
+  errorOnFail?: boolean;
+
+  request: RequestInit;
+};
+
+export async function callDefault(url: string, init: Options) {
+  const options = await parseOptions(url, init);
+
+  return fetch(options.url, options.request).then((r) => handleError(r, init));
+}
+
+export async function callReturn<T>(url: string, init: ReturnOptions<T>): Promise<T> {
+  const options = await parseOptions(url, init);
+
+  const res = await fetch(options.url, options.request);
+
+  if (!res.ok) {
+    if (init.allowed?.[res.status] != null) {
+      return await init.allowed[res.status](res);
+    } else {
+      await handleError(res, options);
+    }
+  }
+
+  return await res.json();
+}
+
+/** throw error if condition matches */
+async function handleError(res: Response, options: Options) {
+  if (!res.ok && (options.errorOnFail ?? true)) {
+    const raw = await res.json();
+    throw new Error(raw);
+  }
+}
+
+async function parseOptions<T extends Options>(url: string, options: T) {
+  return {
+    url: options.origin == null ? url : `${options.origin}${url}`,
+    request: options.request,
+  };
+}
diff --git a/src/utils/fetch/requests.ts b/src/utils/fetch/requests.ts
new file mode 100644
index 0000000..e46a072
--- /dev/null
+++ b/src/utils/fetch/requests.ts
@@ -0,0 +1,38 @@
+import { deepmerge } from 'deepmerge-ts';
+import { AccessToken } from '@/utils/auth/server';
+import { Options } from './core';
+
+const bot_api_endpoint = process.env.NEXT_PUBLIC_API_ENDPOINT ?? 'http://localhost:8080';
+const discord_api_endpoint = 'https://discord.com/api/v10';
+
+export function botRequest<T extends Options>(session: AccessToken, options: T): T {
+  return {
+    ...options,
+    origin: bot_api_endpoint,
+    request: deepmerge(
+      {
+        headers: {
+          Authorization: `${session.token_type} ${session.access_token}`,
+        },
+        credentials: 'include',
+        mode: 'cors',
+      },
+      options.request
+    ),
+  };
+}
+
+export function discordRequest<T extends Options>(accessToken: string, options: T): T {
+  return {
+    ...options,
+    origin: discord_api_endpoint,
+    request: deepmerge(
+      {
+        headers: {
+          Authorization: `Bearer ${accessToken}`,
+        },
+      },
+      options.request
+    ),
+  };
+}
diff --git a/src/utils/get-absolute-url.ts b/src/utils/get-absolute-url.ts
new file mode 100644
index 0000000..792c53a
--- /dev/null
+++ b/src/utils/get-absolute-url.ts
@@ -0,0 +1,7 @@
+export function getAbsoluteUrl(): string {
+  const defaultUrl = 'http://localhost:3000';
+
+  if (process.env.APP_URL != null) return process.env.APP_URL;
+
+  return process.env.VERCEL_URL == null ? defaultUrl : `https://${process.env.VERCEL_URL}`;
+}
diff --git a/src/utils/i18n/create.tsx b/src/utils/i18n/create.tsx
new file mode 100644
index 0000000..2fbdb6a
--- /dev/null
+++ b/src/utils/i18n/create.tsx
@@ -0,0 +1,72 @@
+import { ReactElement, ReactNode } from 'react';
+import { Translation, TranslationModel } from './translations';
+
+export type I18nConfig<Languages extends string, Model extends TranslationModel> = {
+  useTranslations: () => Translation<Model>;
+  translations: {
+    [lang in Languages]: Translation<Model>;
+  };
+  T: (props: { text: keyof Model | ((model: Model) => ReactNode) }) => ReactElement;
+};
+
+export type I18nProvider<Languages extends string> = {
+  useLang: () => Languages;
+  useTranslations<Model>(text: {
+    [K in Languages]: Model;
+  }): Model;
+  T<Model>(props: {
+    [K in Languages]: Model;
+  }): ReactElement;
+};
+
+export type TranslationofConfig<T> = T extends I18nConfig<never, infer Keys>
+  ? Translation<Keys>
+  : never;
+
+/**
+ * A type-safe light-weight implmentation of i18n
+ */
+export function initI18n<Languages extends string>(config: {
+  /**
+   * get and subscribe current langauge
+   */
+  useLang: () => Languages;
+}): I18nProvider<Languages> {
+  return {
+    useLang: config.useLang,
+    useTranslations(text) {
+      const lang = config.useLang();
+
+      return text[lang];
+    },
+    T(props) {
+      const lang = config.useLang();
+
+      return <>{props[lang]}</>;
+    },
+  };
+}
+
+export function createI18n<Model extends TranslationModel, Languages extends string>(
+  provider: I18nProvider<Languages>,
+  translations: {
+    [lang in Languages]: Translation<Model>;
+  }
+): I18nConfig<Languages, Model> {
+  return {
+    translations: translations,
+    useTranslations() {
+      const lang = provider.useLang();
+      const translation = translations[lang];
+
+      return translation;
+    },
+    T({ text }) {
+      const lang = provider.useLang();
+      const translation = translations[lang];
+      if (typeof text === 'function') return <>{text(translation)}</>;
+
+      return <>{translation[text]}</>;
+    },
+  };
+}
diff --git a/src/utils/i18n/index.ts b/src/utils/i18n/index.ts
new file mode 100644
index 0000000..316787a
--- /dev/null
+++ b/src/utils/i18n/index.ts
@@ -0,0 +1,3 @@
+export * from './languages';
+export * from './translations';
+export * from './create';
diff --git a/src/utils/i18n/languages.ts b/src/utils/i18n/languages.ts
new file mode 100644
index 0000000..350ef08
--- /dev/null
+++ b/src/utils/i18n/languages.ts
@@ -0,0 +1,21 @@
+export type LanguagesProvider<Languages extends string> = {
+  names: {
+    [K in Languages]: string;
+  };
+  languages: {
+    key: Languages;
+    name: string;
+  }[];
+};
+
+export function initLanguages<Langs extends string>(languages: {
+  [K in Langs]: string;
+}): LanguagesProvider<Langs> {
+  return {
+    languages: Object.entries<string>(languages).map(([key, name]) => ({
+      key: key as Langs,
+      name: name as string,
+    })),
+    names: languages,
+  };
+}
diff --git a/src/utils/i18n/translations.tsx b/src/utils/i18n/translations.tsx
new file mode 100644
index 0000000..506cac6
--- /dev/null
+++ b/src/utils/i18n/translations.tsx
@@ -0,0 +1,19 @@
+import { ReactNode, ReactElement } from 'react';
+import { I18nConfig } from './create';
+
+export type TranslationKey = string | number | symbol;
+
+export type TranslationModel = {
+  [key: TranslationKey]: any;
+};
+
+export type Translation<Model extends TranslationModel> = {
+  [K in keyof Model]: Model[K];
+};
+
+export function element<Languages extends string, Model extends TranslationModel>(
+  config: I18nConfig<Languages, Model>,
+  key: keyof Model | ((model: Model) => ReactNode)
+): ReactElement {
+  return <config.T text={key} />;
+}
diff --git a/src/utils/router.ts b/src/utils/router.ts
new file mode 100644
index 0000000..12437be
--- /dev/null
+++ b/src/utils/router.ts
@@ -0,0 +1,22 @@
+import { useRouter } from 'next/router';
+import items from '@/config/sidebar-items';
+import { ReactNode, useMemo } from 'react';
+
+export function useActiveSidebarItem(): SidebarItemInfo | null {
+  const route = useRouter().route;
+
+  return useMemo(() => {
+    for (const item of items) {
+      if (item.path === route) return item;
+    }
+
+    return null;
+  }, [route]);
+}
+
+export interface SidebarItemInfo {
+  name: ReactNode;
+  icon?: ReactNode;
+  path: string;
+  hidden?: boolean;
+}
diff --git a/src/utils/types.ts b/src/utils/types.ts
new file mode 100644
index 0000000..5882875
--- /dev/null
+++ b/src/utils/types.ts
@@ -0,0 +1 @@
+export type Override<T, R> = Omit<T, keyof R> & R;
diff --git a/src/utils/use-file-url.ts b/src/utils/use-file-url.ts
new file mode 100644
index 0000000..2972db5
--- /dev/null
+++ b/src/utils/use-file-url.ts
@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+export function useFileUrl(file: Blob) {
+  const [url, setUrl] = useState<string>();
+
+  useEffect(() => {
+    if (file != null) {
+      const fileReader = new FileReader();
+      fileReader.onload = (e) => {
+        const result = e.target?.result;
+
+        if (result != null && typeof result === 'string') {
+          setUrl(result);
+        }
+      };
+
+      fileReader.readAsDataURL(file);
+      return () => {
+        fileReader.abort();
+      };
+    }
+  }, [file]);
+
+  return url;
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..89c7eab
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+      "@public/*": ["./public/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}