diff --git a/.dockerignore b/.dockerignore
index bc2259c8..803c7ba1 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,7 +1,7 @@
-.git/
-.gitignore
-.next/
-.dockerignore
-Dockerfile
-node_modules/
+.git/
+.gitignore
+.next/
+.dockerignore
+Dockerfile
+node_modules/
 docker-compose.yml
\ No newline at end of file
diff --git a/.eslintrc.json b/.eslintrc.json
index bffb357a..ea782d70 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,3 +1,3 @@
-{
-  "extends": "next/core-web-vitals"
-}
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/.github/workflows/build-test.yml b/.github/workflows/build-test.yml
index 8db1b523..b9f71982 100644
--- a/.github/workflows/build-test.yml
+++ b/.github/workflows/build-test.yml
@@ -1,19 +1,19 @@
-name: build-test
-
-on:
-  pull_request:
-    types: [opened, synchronize, reopened]
-
-jobs:
-  build-lint-test:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out repository code
-        uses: actions/checkout@v3
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          cache: yarn
-          cache-dependency-path: "yarn.lock"
-      - run: yarn
-      - run: yarn build
+name: build-test
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  build-lint-test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository code
+        uses: actions/checkout@v3
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: yarn
+          cache-dependency-path: "yarn.lock"
+      - run: yarn
+      - run: yarn build
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 7f0b4a07..5cbe734d 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -1,64 +1,64 @@
-name: Publish Frontend Image
-
-on:
-  release:
-    types:
-      - published
-  workflow_dispatch:
-
-env:
-  DOCKER_REPO: lofowebteam/tpc_portal_frontend
-
-jobs:
-  push_to_registry:
-    name: Push Docker image to Docker Hub
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out the repo
-        uses: actions/checkout@v4
-
-      - name: Log in to Docker Hub
-        uses: docker/login-action@v3
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Build and push Docker image
-        uses: docker/build-push-action@v5
-        with:
-          context: .
-          file: ./Dockerfile
-          push: true
-          tags: ${{ env.DOCKER_REPO }}:${{ github.sha }},${{ env.DOCKER_REPO }}:latest
-          cache-from: type=registry,ref=${{ env.DOCKER_REPO }}:buildcache
-          cache-to: type=registry,ref=${{ env.DOCKER_REPO }}:buildcache,mode=max
-
-  bump_tag:
-    name: Bump tag into docker-compose.yml
-    needs: push_to_registry
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout charts
-        uses: actions/checkout@v4
-        with:
-          repository: Web-Team-IITI-Gymkhana/tpc-pipeline-testing
-          ref: "main"
-          token: ${{ secrets.TPC_GITHUB_ACTION_ADMIN }}
-          path: base_dir
-
-      - name: Changing Chart version
-        uses: mikefarah/yq@v4.34.1
-        with:
-          cmd: yq -i '.services.frontend.image = "${{ env.DOCKER_REPO }}:${{ github.sha }}"' base_dir/docker-compose.yml
-
-      - name: Commit updated docker compose
-        run: |
-          cd base_dir
-          git config user.name github-actions[bot]
-          git config user.email 41898282+github-actions[bot]@users.noreply.github.com
-          git add docker-compose.yml
-          git commit -m "[CI] Bump frontend image tag to ${{ github.sha }}"
-          git push
+name: Publish Frontend Image
+
+on:
+  release:
+    types:
+      - published
+  workflow_dispatch:
+
+env:
+  DOCKER_REPO: lofowebteam/tpc_portal_frontend
+
+jobs:
+  push_to_registry:
+    name: Push Docker image to Docker Hub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v4
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ${{ env.DOCKER_REPO }}:${{ github.sha }},${{ env.DOCKER_REPO }}:latest
+          cache-from: type=registry,ref=${{ env.DOCKER_REPO }}:buildcache
+          cache-to: type=registry,ref=${{ env.DOCKER_REPO }}:buildcache,mode=max
+
+  bump_tag:
+    name: Bump tag into docker-compose.yml
+    needs: push_to_registry
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout charts
+        uses: actions/checkout@v4
+        with:
+          repository: Web-Team-IITI-Gymkhana/tpc-pipeline-testing
+          ref: "main"
+          token: ${{ secrets.TPC_GITHUB_ACTION_ADMIN }}
+          path: base_dir
+
+      - name: Changing Chart version
+        uses: mikefarah/yq@v4.34.1
+        with:
+          cmd: yq -i '.services.frontend.image = "${{ env.DOCKER_REPO }}:${{ github.sha }}"' base_dir/docker-compose.yml
+
+      - name: Commit updated docker compose
+        run: |
+          cd base_dir
+          git config user.name github-actions[bot]
+          git config user.email 41898282+github-actions[bot]@users.noreply.github.com
+          git add docker-compose.yml
+          git commit -m "[CI] Bump frontend image tag to ${{ github.sha }}"
+          git push
diff --git a/.github/workflows/push-to-server.yml b/.github/workflows/push-to-server.yml
index 681e1a84..f404e04f 100644
--- a/.github/workflows/push-to-server.yml
+++ b/.github/workflows/push-to-server.yml
@@ -1,25 +1,25 @@
-name: Push To Server
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    name: deploy on remote
-    steps:
-      - uses: appleboy/ssh-action@v1.0.3
-        with:
-          host: ${{ secrets.DC_HOST }}
-          username: ${{ secrets.DC_USER }}
-          password: ${{ secrets.DC_PASS }}
-          script: |
-            cd ~/tpc_portal/tpc-frontend
-            git pull origin main
-            docker stop tpc_portal-frontend-1
-            docker rm tpc_portal-frontend-1
-            docker rmi tpc_portal-frontend || true
-            cd ..
-            docker compose up -d
+name: Push To Server
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    name: deploy on remote
+    steps:
+      - uses: appleboy/ssh-action@v1.0.3
+        with:
+          host: ${{ secrets.DC_HOST }}
+          username: ${{ secrets.DC_USER }}
+          password: ${{ secrets.DC_PASS }}
+          script: |
+            cd ~/tpc_portal/tpc-frontend
+            git pull origin main
+            docker stop tpc_portal-frontend-1
+            docker rm tpc_portal-frontend-1
+            docker rmi tpc_portal-frontend || true
+            cd ..
+            docker compose up -d
diff --git a/.gitignore b/.gitignore
index 85eceb72..5e8fac59 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,36 +1,36 @@
-# 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*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-.env
+# 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*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+.env
diff --git a/.prettierignore b/.prettierignore
index 1b8ac889..d606dbcf 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,3 +1,3 @@
-# Ignore artifacts:
-build
-coverage
+# Ignore artifacts:
+build
+coverage
diff --git a/.prettierrc b/.prettierrc
index 0967ef42..69a88e3b 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1 +1 @@
-{}
+{}
diff --git a/Dockerfile b/Dockerfile
index 757503c3..c9645f4b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,16 +1,16 @@
-FROM node:alpine
-
-WORKDIR /usr/app
-
-COPY ./package.json ./
-COPY ./yarn.lock ./
-
-RUN yarn install --frozen-lockfile
-
-COPY ./ ./
-
-RUN yarn build
-
-USER node
-
+FROM node:alpine
+
+WORKDIR /usr/app
+
+COPY ./package.json ./
+COPY ./yarn.lock ./
+
+RUN yarn install --frozen-lockfile
+
+COPY ./ ./
+
+RUN yarn build
+
+USER node
+
 CMD [ "yarn", "start" ]
\ No newline at end of file
diff --git a/README.md b/README.md
index c4033664..73ea1f0e 100644
--- a/README.md
+++ b/README.md
@@ -1,36 +1,36 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/components.json b/components.json
index e4f02213..f6314a8e 100644
--- a/components.json
+++ b/components.json
@@ -1,17 +1,17 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/app/globals.css",
-    "baseColor": "gray",
-    "cssVariables": false,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  }
-}
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/app/globals.css",
+    "baseColor": "gray",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}
diff --git a/next.config.js b/next.config.js
index 4c1569aa..30426c17 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,18 +1,18 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  env: {
-    NEXT_PUBLIC_BACKEND_URL: process.env.NEXT_PUBLIC_BACKEND_URL,
-  },
-  reactStrictMode: false,
-  images: {
-    domains: ["localhost"],
-  },
-  webpack: (config, { isServer }) => {
-    if (!isServer) {
-      config.resolve.fallback.fs = false;
-    }
-    return config;
-  },
-};
-
-module.exports = nextConfig;
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  env: {
+    NEXT_PUBLIC_BACKEND_URL: process.env.NEXT_PUBLIC_BACKEND_URL,
+  },
+  reactStrictMode: false,
+  images: {
+    domains: ["localhost"],
+  },
+  webpack: (config, { isServer }) => {
+    if (!isServer) {
+      config.resolve.fallback.fs = false;
+    }
+    return config;
+  },
+};
+
+module.exports = nextConfig;
diff --git a/package.json b/package.json
index 1654f953..7131cc1b 100644
--- a/package.json
+++ b/package.json
@@ -1,93 +1,92 @@
-{
-  "name": "my-app",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@faker-js/faker": "^8.4.1",
-    "@mui/icons-material": "^5.15.20",
-    "@mui/material": "^5.15.20",
-    "@mui/x-date-pickers": "^7.6.2",
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.0.7",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@reduxjs/toolkit": "^2.0.1",
-    "@tanstack/react-table": "^8.11.2",
-    "@types/qs": "^6.9.14",
-    "antd": "^5.19.1",
-    "axios": "^1.6.3",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "copy-to-clipboard": "^3.3.3",
-    "csv-parser": "^3.0.0",
-    "dayjs": "^1.11.10",
-    "embla-carousel-react": "^8.0.0-rc19",
-    "export-to-csv": "^1.3.0",
-    "formik": "^2.4.5",
-    "formik-wizard-form": "^2.1.0",
-    "framer-motion": "^10.16.4",
-    "js-cookie": "^3.0.5",
-    "jsonwebtoken": "^9.0.2",
-    "jwt-decode": "^4.0.0",
-    "lucide-react": "^0.302.0",
-    "material-icons": "^1.13.12",
-    "material-react-table": "^2.13.0",
-    "next": "^14.1.4",
-    "next-auth": "^4.23.2",
-    "papaparse": "^5.4.1",
-    "pdf-lib": "^1.17.1",
-    "prettier": "3.3.3",
-    "qs": "^6.12.0",
-    "react": "latest",
-    "react-chronos": "^1.0.5",
-    "react-cool-onclickoutside": "^1.7.0",
-    "react-dom": "latest",
-    "react-google-button": "^0.7.2",
-    "react-hot-toast": "^2.4.1",
-    "react-icons": "^4.12.0",
-    "react-modal": "^3.16.1",
-    "react-redux": "^9.0.4",
-    "react-responsive": "^10.0.0",
-    "react-select": "^5.8.0",
-    "react-table": "^7.8.0",
-    "styled-components": "^6.1.8",
-    "tailwind-merge": "^2.2.0",
-    "tailwindcss-animate": "^1.0.7",
-    "xlsx": "^0.18.5",
-    "yup": "^1.3.3"
-  },
-  "devDependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "@types/js-cookie": "^3.0.6",
-    "@types/node": "latest",
-    "@types/papaparse": "^5.3.10",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "@types/react-modal": "^3.16.3",
-    "autoprefixer": "latest",
-    "eslint": "latest",
-    "eslint-config-next": "latest",
-    "postcss": "latest",
-    "tailwindcss": "latest",
-    "typescript": "latest"
-  }
-}
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@faker-js/faker": "^8.4.1",
+    "@mui/icons-material": "^5.15.20",
+    "@mui/material": "^5.15.20",
+    "@mui/x-date-pickers": "^7.6.2",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@reduxjs/toolkit": "^2.0.1",
+    "@tanstack/react-table": "^8.11.2",
+    "@types/qs": "^6.9.14",
+    "antd": "^5.19.1",
+    "axios": "^1.6.3",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "cmdk": "^0.2.0",
+    "copy-to-clipboard": "^3.3.3",
+    "csv-parser": "^3.0.0",
+    "dayjs": "^1.11.10",
+    "embla-carousel-react": "^8.0.0-rc19",
+    "export-to-csv": "^1.3.0",
+    "formik": "^2.4.5",
+    "formik-wizard-form": "^2.1.0",
+    "framer-motion": "^10.16.4",
+    "js-cookie": "^3.0.5",
+    "jwt-decode": "^4.0.0",
+    "lucide-react": "^0.302.0",
+    "material-icons": "^1.13.12",
+    "material-react-table": "^2.13.0",
+    "next": "^14.1.4",
+    "next-auth": "^4.23.2",
+    "papaparse": "^5.4.1",
+    "pdf-lib": "^1.17.1",
+    "prettier": "3.3.3",
+    "qs": "^6.12.0",
+    "react": "latest",
+    "react-chronos": "^1.0.5",
+    "react-cool-onclickoutside": "^1.7.0",
+    "react-dom": "latest",
+    "react-google-button": "^0.7.2",
+    "react-hot-toast": "^2.4.1",
+    "react-icons": "^4.12.0",
+    "react-modal": "^3.16.1",
+    "react-redux": "^9.0.4",
+    "react-responsive": "^10.0.0",
+    "react-select": "^5.8.0",
+    "react-table": "^7.8.0",
+    "styled-components": "^6.1.8",
+    "tailwind-merge": "^2.2.0",
+    "tailwindcss-animate": "^1.0.7",
+    "xlsx": "^0.18.5",
+    "yup": "^1.3.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/forms": "^0.5.7",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "latest",
+    "@types/papaparse": "^5.3.10",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "@types/react-modal": "^3.16.3",
+    "autoprefixer": "latest",
+    "eslint": "latest",
+    "eslint-config-next": "latest",
+    "postcss": "latest",
+    "tailwindcss": "latest",
+    "typescript": "latest"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
index 12a703d9..a1b36d24 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/public/cross.svg b/public/cross.svg
index 7cbbe0ed..35f68d9f 100644
--- a/public/cross.svg
+++ b/public/cross.svg
@@ -1,21 +1,21 @@
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        x="0px"
-        y="0px"
-        width="2rem"
-        height="2rem"
-        viewBox="0 0 48 48"
-      >
-        <path
-          fill="#f44336"
-          d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"
-        ></path>
-        <path
-          fill="#fff"
-          d="M29.656,15.516l2.828,2.828l-14.14,14.14l-2.828-2.828L29.656,15.516z"
-        ></path>
-        <path
-          fill="#fff"
-          d="M32.484,29.656l-2.828,2.828l-14.14-14.14l2.828-2.828L32.484,29.656z"
-        ></path>
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        x="0px"
+        y="0px"
+        width="2rem"
+        height="2rem"
+        viewBox="0 0 48 48"
+      >
+        <path
+          fill="#f44336"
+          d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"
+        ></path>
+        <path
+          fill="#fff"
+          d="M29.656,15.516l2.828,2.828l-14.14,14.14l-2.828-2.828L29.656,15.516z"
+        ></path>
+        <path
+          fill="#fff"
+          d="M32.484,29.656l-2.828,2.828l-14.14-14.14l2.828-2.828L32.484,29.656z"
+        ></path>
       </svg>
\ No newline at end of file
diff --git a/public/google_icon.svg b/public/google_icon.svg
index d949ddeb..8e75ebec 100644
--- a/public/google_icon.svg
+++ b/public/google_icon.svg
@@ -1,44 +1,44 @@
-<?xml version="1.0" ?><svg id="Capa_1" style="enable-background:new 0 0 150 150;" version="1.1" viewBox="0 0 150 150" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
-	.st0{fill:#1A73E8;}
-	.st1{fill:#EA4335;}
-	.st2{fill:#4285F4;}
-	.st3{fill:#FBBC04;}
-	.st4{fill:#34A853;}
-	.st5{fill:#4CAF50;}
-	.st6{fill:#1E88E5;}
-	.st7{fill:#E53935;}
-	.st8{fill:#C62828;}
-	.st9{fill:#FBC02D;}
-	.st10{fill:#1565C0;}
-	.st11{fill:#2E7D32;}
-	.st12{fill:#F6B704;}
-	.st13{fill:#E54335;}
-	.st14{fill:#4280EF;}
-	.st15{fill:#34A353;}
-	.st16{clip-path:url(#SVGID_2_);}
-	.st17{fill:#188038;}
-	.st18{opacity:0.2;fill:#FFFFFF;enable-background:new    ;}
-	.st19{opacity:0.3;fill:#0D652D;enable-background:new    ;}
-	.st20{clip-path:url(#SVGID_4_);}
-	.st21{opacity:0.3;fill:url(#_45_shadow_1_);enable-background:new    ;}
-	.st22{clip-path:url(#SVGID_6_);}
-	.st23{fill:#FA7B17;}
-	.st24{opacity:0.3;fill:#174EA6;enable-background:new    ;}
-	.st25{opacity:0.3;fill:#A50E0E;enable-background:new    ;}
-	.st26{opacity:0.3;fill:#E37400;enable-background:new    ;}
-	.st27{fill:url(#Finish_mask_1_);}
-	.st28{fill:#FFFFFF;}
-	.st29{fill:#0C9D58;}
-	.st30{opacity:0.2;fill:#004D40;enable-background:new    ;}
-	.st31{opacity:0.2;fill:#3E2723;enable-background:new    ;}
-	.st32{fill:#FFC107;}
-	.st33{opacity:0.2;fill:#1A237E;enable-background:new    ;}
-	.st34{opacity:0.2;}
-	.st35{fill:#1A237E;}
-	.st36{fill:url(#SVGID_7_);}
-	.st37{fill:#FBBC05;}
-	.st38{clip-path:url(#SVGID_9_);fill:#E53935;}
-	.st39{clip-path:url(#SVGID_11_);fill:#FBC02D;}
-	.st40{clip-path:url(#SVGID_13_);fill:#E53935;}
-	.st41{clip-path:url(#SVGID_15_);fill:#FBC02D;}
+<?xml version="1.0" ?><svg id="Capa_1" style="enable-background:new 0 0 150 150;" version="1.1" viewBox="0 0 150 150" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#1A73E8;}
+	.st1{fill:#EA4335;}
+	.st2{fill:#4285F4;}
+	.st3{fill:#FBBC04;}
+	.st4{fill:#34A853;}
+	.st5{fill:#4CAF50;}
+	.st6{fill:#1E88E5;}
+	.st7{fill:#E53935;}
+	.st8{fill:#C62828;}
+	.st9{fill:#FBC02D;}
+	.st10{fill:#1565C0;}
+	.st11{fill:#2E7D32;}
+	.st12{fill:#F6B704;}
+	.st13{fill:#E54335;}
+	.st14{fill:#4280EF;}
+	.st15{fill:#34A353;}
+	.st16{clip-path:url(#SVGID_2_);}
+	.st17{fill:#188038;}
+	.st18{opacity:0.2;fill:#FFFFFF;enable-background:new    ;}
+	.st19{opacity:0.3;fill:#0D652D;enable-background:new    ;}
+	.st20{clip-path:url(#SVGID_4_);}
+	.st21{opacity:0.3;fill:url(#_45_shadow_1_);enable-background:new    ;}
+	.st22{clip-path:url(#SVGID_6_);}
+	.st23{fill:#FA7B17;}
+	.st24{opacity:0.3;fill:#174EA6;enable-background:new    ;}
+	.st25{opacity:0.3;fill:#A50E0E;enable-background:new    ;}
+	.st26{opacity:0.3;fill:#E37400;enable-background:new    ;}
+	.st27{fill:url(#Finish_mask_1_);}
+	.st28{fill:#FFFFFF;}
+	.st29{fill:#0C9D58;}
+	.st30{opacity:0.2;fill:#004D40;enable-background:new    ;}
+	.st31{opacity:0.2;fill:#3E2723;enable-background:new    ;}
+	.st32{fill:#FFC107;}
+	.st33{opacity:0.2;fill:#1A237E;enable-background:new    ;}
+	.st34{opacity:0.2;}
+	.st35{fill:#1A237E;}
+	.st36{fill:url(#SVGID_7_);}
+	.st37{fill:#FBBC05;}
+	.st38{clip-path:url(#SVGID_9_);fill:#E53935;}
+	.st39{clip-path:url(#SVGID_11_);fill:#FBC02D;}
+	.st40{clip-path:url(#SVGID_13_);fill:#E53935;}
+	.st41{clip-path:url(#SVGID_15_);fill:#FBC02D;}
 </style><g><path class="st14" d="M120,76.1c0-3.1-0.3-6.3-0.8-9.3H75.9v17.7h24.8c-1,5.7-4.3,10.7-9.2,13.9l14.8,11.5   C115,101.8,120,90,120,76.1L120,76.1z"/><path class="st15" d="M75.9,120.9c12.4,0,22.8-4.1,30.4-11.1L91.5,98.4c-4.1,2.8-9.4,4.4-15.6,4.4c-12,0-22.1-8.1-25.8-18.9   L34.9,95.6C42.7,111.1,58.5,120.9,75.9,120.9z"/><path class="st12" d="M50.1,83.8c-1.9-5.7-1.9-11.9,0-17.6L34.9,54.4c-6.5,13-6.5,28.3,0,41.2L50.1,83.8z"/><path class="st13" d="M75.9,47.3c6.5-0.1,12.9,2.4,17.6,6.9L106.6,41C98.3,33.2,87.3,29,75.9,29.1c-17.4,0-33.2,9.8-41,25.3   l15.2,11.8C53.8,55.3,63.9,47.3,75.9,47.3z"/></g></svg>
\ No newline at end of file
diff --git a/public/loadingSpinner.svg b/public/loadingSpinner.svg
index a3b0f76f..d256b4b6 100644
--- a/public/loadingSpinner.svg
+++ b/public/loadingSpinner.svg
@@ -1,49 +1,49 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g transform="rotate(0 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.9166666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.75s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.5833333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.5s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.4166666666666667s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.25s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.08333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="0s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g transform="rotate(0 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.9166666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(30 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(60 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.75s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(90 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(120 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.5833333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(150 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.5s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(180 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.4166666666666667s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(210 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(240 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.25s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(270 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(300 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.08333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(330 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="0s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
 </g><g></g></g><!-- [ldio] generated by https://loading.io --></svg>
\ No newline at end of file
diff --git a/public/profile-icon.svg b/public/profile-icon.svg
index 6c2483e4..62b9ca7d 100644
--- a/public/profile-icon.svg
+++ b/public/profile-icon.svg
@@ -1,28 +1,28 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 viewBox="0 0 402.161 402.161" xml:space="preserve">
-<g>
-	<g>
-		<g>
-			<path d="M201.08,49.778c-38.794,0-70.355,31.561-70.355,70.355c0,18.828,7.425,40.193,19.862,57.151
-				c14.067,19.181,32,29.745,50.493,29.745c18.494,0,36.426-10.563,50.494-29.745c12.437-16.958,19.862-38.323,19.862-57.151
-				C271.436,81.339,239.874,49.778,201.08,49.778z M201.08,192.029c-13.396,0-27.391-8.607-38.397-23.616
-				c-10.46-14.262-16.958-32.762-16.958-48.28c0-30.523,24.832-55.355,55.355-55.355s55.355,24.832,55.355,55.355
-				C256.436,151.824,230.372,192.029,201.08,192.029z"/>
-			<path d="M201.08,0C109.387,0,34.788,74.598,34.788,166.292c0,91.693,74.598,166.292,166.292,166.292
-				s166.292-74.598,166.292-166.292C367.372,74.598,292.773,0,201.08,0z M201.08,317.584c-30.099-0.001-58.171-8.839-81.763-24.052
-				c0.82-22.969,11.218-44.503,28.824-59.454c6.996-5.941,17.212-6.59,25.422-1.615c8.868,5.374,18.127,8.099,27.52,8.099
-				c9.391,0,18.647-2.724,27.511-8.095c8.201-4.97,18.39-4.345,25.353,1.555c17.619,14.93,28.076,36.526,28.895,59.512
-				C259.25,308.746,231.178,317.584,201.08,317.584z M296.981,283.218c-3.239-23.483-15.011-45.111-33.337-60.64
-				c-11.89-10.074-29.1-11.256-42.824-2.939c-12.974,7.861-26.506,7.86-39.483-0.004c-13.74-8.327-30.981-7.116-42.906,3.01
-				c-18.31,15.549-30.035,37.115-33.265,60.563c-33.789-27.77-55.378-69.868-55.378-116.915C49.788,82.869,117.658,15,201.08,15
-				c83.423,0,151.292,67.869,151.292,151.292C352.372,213.345,330.778,255.448,296.981,283.218z"/>
-			<path d="M302.806,352.372H99.354c-4.142,0-7.5,3.358-7.5,7.5c0,4.142,3.358,7.5,7.5,7.5h203.452c4.142,0,7.5-3.358,7.5-7.5
-				C310.307,355.73,306.948,352.372,302.806,352.372z"/>
-			<path d="M302.806,387.161H99.354c-4.142,0-7.5,3.358-7.5,7.5c0,4.142,3.358,7.5,7.5,7.5h203.452c4.142,0,7.5-3.358,7.5-7.5
-				C310.307,390.519,306.948,387.161,302.806,387.161z"/>
-		</g>
-	</g>
-</g>
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 402.161 402.161" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M201.08,49.778c-38.794,0-70.355,31.561-70.355,70.355c0,18.828,7.425,40.193,19.862,57.151
+				c14.067,19.181,32,29.745,50.493,29.745c18.494,0,36.426-10.563,50.494-29.745c12.437-16.958,19.862-38.323,19.862-57.151
+				C271.436,81.339,239.874,49.778,201.08,49.778z M201.08,192.029c-13.396,0-27.391-8.607-38.397-23.616
+				c-10.46-14.262-16.958-32.762-16.958-48.28c0-30.523,24.832-55.355,55.355-55.355s55.355,24.832,55.355,55.355
+				C256.436,151.824,230.372,192.029,201.08,192.029z"/>
+			<path d="M201.08,0C109.387,0,34.788,74.598,34.788,166.292c0,91.693,74.598,166.292,166.292,166.292
+				s166.292-74.598,166.292-166.292C367.372,74.598,292.773,0,201.08,0z M201.08,317.584c-30.099-0.001-58.171-8.839-81.763-24.052
+				c0.82-22.969,11.218-44.503,28.824-59.454c6.996-5.941,17.212-6.59,25.422-1.615c8.868,5.374,18.127,8.099,27.52,8.099
+				c9.391,0,18.647-2.724,27.511-8.095c8.201-4.97,18.39-4.345,25.353,1.555c17.619,14.93,28.076,36.526,28.895,59.512
+				C259.25,308.746,231.178,317.584,201.08,317.584z M296.981,283.218c-3.239-23.483-15.011-45.111-33.337-60.64
+				c-11.89-10.074-29.1-11.256-42.824-2.939c-12.974,7.861-26.506,7.86-39.483-0.004c-13.74-8.327-30.981-7.116-42.906,3.01
+				c-18.31,15.549-30.035,37.115-33.265,60.563c-33.789-27.77-55.378-69.868-55.378-116.915C49.788,82.869,117.658,15,201.08,15
+				c83.423,0,151.292,67.869,151.292,151.292C352.372,213.345,330.778,255.448,296.981,283.218z"/>
+			<path d="M302.806,352.372H99.354c-4.142,0-7.5,3.358-7.5,7.5c0,4.142,3.358,7.5,7.5,7.5h203.452c4.142,0,7.5-3.358,7.5-7.5
+				C310.307,355.73,306.948,352.372,302.806,352.372z"/>
+			<path d="M302.806,387.161H99.354c-4.142,0-7.5,3.358-7.5,7.5c0,4.142,3.358,7.5,7.5,7.5h203.452c4.142,0,7.5-3.358,7.5-7.5
+				C310.307,390.519,306.948,387.161,302.806,387.161z"/>
+		</g>
+	</g>
+</g>
 </svg>
\ No newline at end of file
diff --git a/public/tick.svg b/public/tick.svg
index 28ee9e4b..97ad4fb9 100644
--- a/public/tick.svg
+++ b/public/tick.svg
@@ -1,25 +1,25 @@
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        x="0px"
-        y="0px"
-        width="2rem"
-        height="2rem"
-        viewBox="0 0 40 40"
-        className="ml-2"
-      >
-        <path
-          fill="#8bb7f0"
-          d="M4.769,37.5c-1.251,0-2.269-1.018-2.269-2.269V4.769C2.5,3.518,3.518,2.5,4.769,2.5h30.462 c1.251,0,2.269,1.018,2.269,2.269v30.462c0,1.251-1.018,2.269-2.269,2.269H4.769z"
-        ></path>
-        <path
-          fill="#4e7ab5"
-          d="M35.231,3C36.206,3,37,3.794,37,4.769v30.462C37,36.206,36.206,37,35.231,37H4.769 C3.794,37,3,36.206,3,35.231V4.769C3,3.794,3.794,3,4.769,3H35.231 M35.231,2H4.769C3.24,2,2,3.24,2,4.769v30.462 C2,36.76,3.24,38,4.769,38h30.462C36.76,38,38,36.76,38,35.231V4.769C38,3.24,36.76,2,35.231,2L35.231,2z"
-        ></path>
-        <path
-          fill="none"
-          stroke="#fff"
-          strokeMiterlimit="10"
-          strokeWidth="3"
-          d="M11 20.053L16.964 26.018 30.385 12.598"
-        ></path>
+<svg
+        xmlns="http://www.w3.org/2000/svg"
+        x="0px"
+        y="0px"
+        width="2rem"
+        height="2rem"
+        viewBox="0 0 40 40"
+        className="ml-2"
+      >
+        <path
+          fill="#8bb7f0"
+          d="M4.769,37.5c-1.251,0-2.269-1.018-2.269-2.269V4.769C2.5,3.518,3.518,2.5,4.769,2.5h30.462 c1.251,0,2.269,1.018,2.269,2.269v30.462c0,1.251-1.018,2.269-2.269,2.269H4.769z"
+        ></path>
+        <path
+          fill="#4e7ab5"
+          d="M35.231,3C36.206,3,37,3.794,37,4.769v30.462C37,36.206,36.206,37,35.231,37H4.769 C3.794,37,3,36.206,3,35.231V4.769C3,3.794,3.794,3,4.769,3H35.231 M35.231,2H4.769C3.24,2,2,3.24,2,4.769v30.462 C2,36.76,3.24,38,4.769,38h30.462C36.76,38,38,36.76,38,35.231V4.769C38,3.24,36.76,2,35.231,2L35.231,2z"
+        ></path>
+        <path
+          fill="none"
+          stroke="#fff"
+          strokeMiterlimit="10"
+          strokeWidth="3"
+          d="M11 20.053L16.964 26.018 30.385 12.598"
+        ></path>
       </svg>
\ No newline at end of file
diff --git a/src/app/(authroutes)/login/layout.tsx b/src/app/(authroutes)/login/layout.tsx
index 92081d42..9d6a274c 100644
--- a/src/app/(authroutes)/login/layout.tsx
+++ b/src/app/(authroutes)/login/layout.tsx
@@ -1,15 +1,15 @@
-import React from "react";
-
-interface Props {
-  children: React.ReactNode;
-}
-
-const LoginModalLayout = ({ children }: Props) => {
-  return (
-    <>
-      <div className="h-[100%] overflow-y-auto">{children}</div>
-    </>
-  );
-};
-
-export default LoginModalLayout;
+import React from "react";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const LoginModalLayout = ({ children }: Props) => {
+  return (
+    <>
+      <div className="h-[100%] overflow-y-auto">{children}</div>
+    </>
+  );
+};
+
+export default LoginModalLayout;
diff --git a/src/app/(authroutes)/login/page.tsx b/src/app/(authroutes)/login/page.tsx
index fe8cb959..cc7f1676 100644
--- a/src/app/(authroutes)/login/page.tsx
+++ b/src/app/(authroutes)/login/page.tsx
@@ -1,9 +1,9 @@
-//this will be used to create the login page.
-import React from "react";
-import LoginForm from "@/components/loginForms/loginForm";
-
-const LoginPage = async () => {
-  return <LoginForm />;
-};
-
-export default LoginPage;
+//this will be used to create the login page.
+import React from "react";
+import LoginForm from "@/components/loginForms/loginForm";
+
+const LoginPage = async () => {
+  return <LoginForm />;
+};
+
+export default LoginPage;
diff --git a/src/app/(authroutes)/passwordless/[token]/page.tsx b/src/app/(authroutes)/passwordless/[token]/page.tsx
index 5a2b59ae..65c2b919 100644
--- a/src/app/(authroutes)/passwordless/[token]/page.tsx
+++ b/src/app/(authroutes)/passwordless/[token]/page.tsx
@@ -1,51 +1,51 @@
-"use client";
-import { PasswordlessLogin } from "@/helpers/api";
-import toast from "react-hot-toast";
-import React, { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import Cookies from "js-cookie";
-import { jwtDecode } from "jwt-decode";
-import Loader from "@/components/Loader/loader";
-
-const LoginPage = ({
-  params,
-}: {
-  params: {
-    token: string;
-  };
-}) => {
-  const router = useRouter();
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const login = async () => {
-      try {
-        const res = await PasswordlessLogin(params.token);
-        Cookies.set("accessToken", res.body.accessToken, { expires: 365 });
-        Cookies.set("user", JSON.stringify(jwtDecode(res.body.accessToken)), {
-          expires: 365,
-        });
-        toast.success("Logged in successfully");
-        router.push("/recruiter");
-      } catch (error) {
-        toast.error("Some Error Occurred");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    login();
-  });
-
-  return (
-    <>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-    </>
-  );
-};
-
-export default LoginPage;
+"use client";
+import { PasswordlessLogin } from "@/helpers/api";
+import toast from "react-hot-toast";
+import React, { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import Cookies from "js-cookie";
+import { jwtDecode } from "jwt-decode";
+import Loader from "@/components/Loader/loader";
+
+const LoginPage = ({
+  params,
+}: {
+  params: {
+    token: string;
+  };
+}) => {
+  const router = useRouter();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const login = async () => {
+      try {
+        const res = await PasswordlessLogin(params.token);
+        Cookies.set("accessToken", res.body.accessToken, { expires: 365 });
+        Cookies.set("user", JSON.stringify(jwtDecode(res.body.accessToken)), {
+          expires: 365,
+        });
+        toast.success("Logged in successfully");
+        router.push("/recruiter");
+      } catch (error) {
+        toast.error("Some Error Occurred");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    login();
+  });
+
+  return (
+    <>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+    </>
+  );
+};
+
+export default LoginPage;
diff --git a/src/app/(authroutes)/recruiter/signup/page.tsx b/src/app/(authroutes)/recruiter/signup/page.tsx
new file mode 100644
index 00000000..6dba447d
--- /dev/null
+++ b/src/app/(authroutes)/recruiter/signup/page.tsx
@@ -0,0 +1,12 @@
+import RecruiterSignup from "@/components/loginForms/recruiterSignup";
+import React from "react";
+
+const Signup = () => {
+  return (
+    <>
+      <RecruiterSignup />
+    </>
+  );
+};
+
+export default Signup;
diff --git a/src/app/(routes)/JAF/page.tsx b/src/app/(routes)/JAF/page.tsx
index 35a6f4c5..b77f88b3 100644
--- a/src/app/(routes)/JAF/page.tsx
+++ b/src/app/(routes)/JAF/page.tsx
@@ -1,13 +1,13 @@
-"use client";
-import React from "react";
-import JAF from "@/components/JAF/JAF";
-
-const JAFPage = () => {
-  return (
-    <>
-      <JAF />
-    </>
-  );
-};
-
-export default JAFPage;
+"use client";
+import React from "react";
+import JAF from "@/components/JAF/JAF";
+
+const JAFPage = () => {
+  return (
+    <>
+      <JAF />
+    </>
+  );
+};
+
+export default JAFPage;
diff --git a/src/app/(routes)/admin/JAF/layout.tsx b/src/app/(routes)/admin/JAF/layout.tsx
index e678210d..48d4d77d 100644
--- a/src/app/(routes)/admin/JAF/layout.tsx
+++ b/src/app/(routes)/admin/JAF/layout.tsx
@@ -1,12 +1,12 @@
-import Loading from "@/components/common/loading";
-import { Suspense } from "react";
-
-interface Props {
-  children: React.ReactNode;
-}
-
-const JAFLayout = ({ children }: Props) => {
-  return <Suspense fallback={<Loading />}>{children}</Suspense>;
-};
-
-export default JAFLayout;
+import Loading from "@/components/common/loading";
+import { Suspense } from "react";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const JAFLayout = ({ children }: Props) => {
+  return <Suspense fallback={<Loading />}>{children}</Suspense>;
+};
+
+export default JAFLayout;
diff --git a/src/app/(routes)/admin/JAF/loading.tsx b/src/app/(routes)/admin/JAF/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/JAF/loading.tsx
+++ b/src/app/(routes)/admin/JAF/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/JAF/page.tsx b/src/app/(routes)/admin/JAF/page.tsx
index daa5297a..f0b3b219 100644
--- a/src/app/(routes)/admin/JAF/page.tsx
+++ b/src/app/(routes)/admin/JAF/page.tsx
@@ -1,8 +1,8 @@
-import React from "react";
-import JAF from "@/components/JAF/JAF";
-
-function page() {
-  return <JAF />;
-}
-
-export default page;
+import React from "react";
+import JAF from "@/components/JAF/JAF";
+
+function page() {
+  return <JAF />;
+}
+
+export default page;
diff --git a/src/app/(routes)/admin/companies/layout.tsx b/src/app/(routes)/admin/companies/layout.tsx
index 14d4e80b..eb34d49e 100644
--- a/src/app/(routes)/admin/companies/layout.tsx
+++ b/src/app/(routes)/admin/companies/layout.tsx
@@ -1,14 +1,14 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const CompanyLayout = ({ children }: Props) => {
-  return (
-    <div className="">
-      {/* {allcompanies} */}
-      <div className="mx-2 my-4 rounded-md bg-white">{children}</div>
-    </div>
-  );
-};
-
-export default CompanyLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const CompanyLayout = ({ children }: Props) => {
+  return (
+    <div className="">
+      {/* {allcompanies} */}
+      <div className="mx-2 my-4 rounded-md bg-white">{children}</div>
+    </div>
+  );
+};
+
+export default CompanyLayout;
diff --git a/src/app/(routes)/admin/companies/loading.tsx b/src/app/(routes)/admin/companies/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/companies/loading.tsx
+++ b/src/app/(routes)/admin/companies/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/companies/page.tsx b/src/app/(routes)/admin/companies/page.tsx
index 28b1b741..f4c0bae4 100644
--- a/src/app/(routes)/admin/companies/page.tsx
+++ b/src/app/(routes)/admin/companies/page.tsx
@@ -1,49 +1,49 @@
-"use client";
-import { fetchcompanies } from "@/helpers/api";
-import generateColumns from "@/components/NewTableComponent/ColumnMapping";
-import { companyDTO } from "@/dto/CompanyDto";
-import Table from "@/components/NewTableComponent/Table";
-import { useEffect, useState } from "react";
-import Loader from "@/components/Loader/loader";
-
-const hiddenColumns = ["id"];
-
-const JobPage = () => {
-  const columns = generateColumns(companyDTO);
-  const [loading, setLoading] = useState(true);
-  const [allCompanies, setAllCompanies] = useState();
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  useEffect(() => {
-    const getData = async () => {
-      const data = await fetchcompanies();
-      setAllCompanies(data);
-      setLoading(false);
-    };
-    getData();
-  }, []);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Companies</h1>
-      <div>
-        {loading && (
-          <div className="h-48 flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {allCompanies && (
-          <Table
-            data={allCompanies}
-            columns={visibleColumns}
-            type={"company"}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default JobPage;
+"use client";
+import { fetchcompanies } from "@/helpers/api";
+import generateColumns from "@/components/NewTableComponent/ColumnMapping";
+import { companyDTO } from "@/dto/CompanyDto";
+import Table from "@/components/NewTableComponent/Table";
+import { useEffect, useState } from "react";
+import Loader from "@/components/Loader/loader";
+
+const hiddenColumns = ["id"];
+
+const JobPage = () => {
+  const columns = generateColumns(companyDTO);
+  const [loading, setLoading] = useState(true);
+  const [allCompanies, setAllCompanies] = useState();
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  useEffect(() => {
+    const getData = async () => {
+      const data = await fetchcompanies();
+      setAllCompanies(data);
+      setLoading(false);
+    };
+    getData();
+  }, []);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Companies</h1>
+      <div>
+        {loading && (
+          <div className="h-48 flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {allCompanies && (
+          <Table
+            data={allCompanies}
+            columns={visibleColumns}
+            type={"company"}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default JobPage;
diff --git a/src/app/(routes)/admin/jobs/[...filter]/page.tsx b/src/app/(routes)/admin/jobs/[...filter]/page.tsx
index 5cda3d47..6534a258 100644
--- a/src/app/(routes)/admin/jobs/[...filter]/page.tsx
+++ b/src/app/(routes)/admin/jobs/[...filter]/page.tsx
@@ -1,61 +1,61 @@
-"use client";
-import { fetchAllJobs } from "@/helpers/api";
-import TableComponent from "@/components/TableComponent/TableComponent";
-import generateColumns from "@/components/TableComponent/ColumnMapping";
-import { useEffect, useState } from "react";
-
-const dto = [
-  {
-    id: "string",
-    seasonId: "string",
-    recruiterId: "string",
-    companyId: "string",
-    role: "string",
-    active: "boolean",
-    currentStatus: "string",
-    season: {
-      id: "string",
-      year: "string",
-      type: "string",
-    },
-    company: {
-      id: "string",
-      name: "string",
-    },
-  },
-];
-
-const dynamicColumns = generateColumns(dto[0]);
-
-const StudentPage = ({ params }: any) => {
-  const [jobs, setJobs] = useState([]);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const decodedParams = decodeURIComponent(params.filter[0]);
-      const AllFilteredJobs = await fetchAllJobs(decodedParams);
-      setJobs(AllFilteredJobs);
-    };
-
-    fetchData();
-  }, [params?.filter[0]]);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Jobs Filter</h1>
-      <div>
-        {jobs.length > 0 && (
-          <TableComponent
-            isAddButton={true}
-            AddButtonText={"Add Jobs"}
-            data={jobs}
-            columns={dynamicColumns}
-            dto={dto}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import { fetchAllJobs } from "@/helpers/api";
+import TableComponent from "@/components/TableComponent/TableComponent";
+import generateColumns from "@/components/TableComponent/ColumnMapping";
+import { useEffect, useState } from "react";
+
+const dto = [
+  {
+    id: "string",
+    seasonId: "string",
+    recruiterId: "string",
+    companyId: "string",
+    role: "string",
+    active: "boolean",
+    currentStatus: "string",
+    season: {
+      id: "string",
+      year: "string",
+      type: "string",
+    },
+    company: {
+      id: "string",
+      name: "string",
+    },
+  },
+];
+
+const dynamicColumns = generateColumns(dto[0]);
+
+const StudentPage = ({ params }: any) => {
+  const [jobs, setJobs] = useState([]);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const decodedParams = decodeURIComponent(params.filter[0]);
+      const AllFilteredJobs = await fetchAllJobs(decodedParams);
+      setJobs(AllFilteredJobs);
+    };
+
+    fetchData();
+  }, [params?.filter[0]]);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Jobs Filter</h1>
+      <div>
+        {jobs.length > 0 && (
+          <TableComponent
+            isAddButton={true}
+            AddButtonText={"Add Jobs"}
+            data={jobs}
+            columns={dynamicColumns}
+            dto={dto}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/admin/jobs/[jobId]/layout.tsx b/src/app/(routes)/admin/jobs/[jobId]/layout.tsx
index 02c5be14..c21c4010 100644
--- a/src/app/(routes)/admin/jobs/[jobId]/layout.tsx
+++ b/src/app/(routes)/admin/jobs/[jobId]/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminJobLayout = ({ children }: Props) => {
-  return <div className="mx-2 my-4 py-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminJobLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminJobLayout = ({ children }: Props) => {
+  return <div className="mx-2 my-4 py-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminJobLayout;
diff --git a/src/app/(routes)/admin/jobs/[jobId]/page.tsx b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
index 6a80331c..31b4b75e 100644
--- a/src/app/(routes)/admin/jobs/[jobId]/page.tsx
+++ b/src/app/(routes)/admin/jobs/[jobId]/page.tsx
@@ -1,1517 +1,1517 @@
-"use client";
-import React, { useState, useEffect } from "react";
-import { JobDetailFC } from "@/helpers/recruiter/types";
-import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
-import PersonIcon from "@mui/icons-material/Person";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
-import { Separator } from "@/components/ui/separator";
-import { getJafDetails } from "@/helpers/recruiter/api";
-import { JAFdetailsFC } from "@/helpers/recruiter/types";
-import { patchJobData } from "@/helpers/api";
-import { patchSalaryData } from "@/helpers/api";
-import {
-  CategorySelectList,
-  GenderSelectList,
-} from "@/components/Recruiters/jobEdit";
-import { fetchJobById } from "@/helpers/api";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-import JobCoordinatorForm from "@/components/Admin/AddForms";
-import { fetchCompany, fetchRecruiterData, fetchFaculties, postFacultyApproval } from "@/helpers/api";
-import { assignCompany, postCompany, assignRecruiter, postRecruiter, fetchApprovals } from "@/helpers/api";
-import Select from "react-select";
-const currentStatusOptions = [
-  "INITIALIZED",
-  "SCHEDULED",
-  "PPT_DONE",
-  "POLL_FREEZED",
-  "TEST_COMPLETED",
-  "INTERVIEW_COMPLETED",
-  "RECRUITMENT_PROCESS_COMPLELETED",
-  "OFFER_LETTER_RELEASED",
-  "PROCESS_ON_HOLD",
-  "PROCESS_TERMINATED",
-  "OFFER_REVOKED",
-];
-
-
-const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
-  const [job, setData] = useState<JobDetailFC>(null);
-  const [loading, setLoading] = useState(true);
-  const [editMode, setEditMode] = useState(false);
-  const [formData, setFormData] = useState(null);
-  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
-  const [facultyData, setFacultyData] = useState(null);
-  const [facultyApprovals, setFacultyApprovals] = useState([]);
-  const [selectedFaculties, setSelectedFaculties] = useState([]);
-  const [facultyDropDown, setFacultyDropdown] = useState([false]);
-  const [companyData, setCompanyData] = useState(null);
-  const [recruiterData, setRecruiterData] = useState(null);
-  const [companyDropDown, setcompanyDropDown] = useState(false);
-  const [recruiterDropDown, setrecruiterDropDown] = useState(false);
-  const [selectedCompany, setSelectedCompany] = useState(null);
-  const [selectedRecruiter, setSelectedRecruiter] = useState(null);
-  const [toggleCompanyModal, setToggleCompanyModal] = useState(false);
-  const [toggleRecruiterModal, setToggleRecruiterModal] = useState(false);
-  const [approvalModal, setApprovalModal] = useState(false);
-  const [companyFormData, setCompanyFormData] = useState({
-    name: '',
-    size: 0,
-    category: '',
-    yearOfEstablishment: '',
-    website: '',
-    annualTurnover: '',
-    socialMediaLink: '',
-    address: {
-      line1: '',
-      line2: '',
-      city: '',
-      state: '',
-      country: ''
-    },
-    domains: ['']
-  });
-  const [recruiterFormData, setRecruiterFormData] = useState({
-    designation: '',
-    landline: '',
-    companyId: '',
-    user: {
-      name: '',
-      email: '',
-      contact: ''
-    }
-  });
-  const newCurrentStatusOptions = currentStatusOptions.map((option) => ({
-    value: option,
-    label: option,
-  }));
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-
-        const [jobDetailData, jafDetailsData, companyData, recruiterData, facultyData] =
-          await Promise.all([
-            fetchJobById(params.jobId),
-            getJafDetails(),
-            fetchCompany(),
-            fetchRecruiterData(),
-            fetchFaculties(),
-          ]);
-
-        setJafDetails(jafDetailsData);
-        setData(jobDetailData);
-        setFormData(jobDetailData);
-        setFacultyData(facultyData);
-        setCompanyData(companyData);
-        setRecruiterData(recruiterData);
-        setRecruiterFormData({
-          designation: jobDetailData.recruiterDetailsFilled.designation,
-          landline: jobDetailData.recruiterDetailsFilled.landline,
-          companyId: jobDetailData.company.id, // Assuming you have a companyId in jobDetailData
-          user: {
-            name: jobDetailData.recruiterDetailsFilled.name,
-            email: jobDetailData.recruiterDetailsFilled.email,
-            contact: jobDetailData.recruiterDetailsFilled.contact
-          }
-        });
-        setCompanyFormData({
-          name: jobDetailData.companyDetailsFilled.name,
-          size: jobDetailData.companyDetailsFilled.size,
-          category: jobDetailData.companyDetailsFilled.category,
-          yearOfEstablishment: jobDetailData.companyDetailsFilled.yearOfEstablishment,
-          website: jobDetailData.companyDetailsFilled.website,
-          annualTurnover: jobDetailData.companyDetailsFilled.annualTurnover || '',
-          socialMediaLink: jobDetailData.companyDetailsFilled.socialMediaLink || '',
-          address: {
-            line1: jobDetailData.companyDetailsFilled.address.line1 || '',
-            line2: jobDetailData.companyDetailsFilled.address.line2 || '',
-            city: jobDetailData.companyDetailsFilled.address.city || '',
-            state: jobDetailData.companyDetailsFilled.address.state || '',
-            country: jobDetailData.companyDetailsFilled.address.country || ''
-          },
-          domains: jobDetailData.companyDetailsFilled.domains || ['']
-        });
-
-        const matchedCompany = companyData.find(
-          (company) => company.id === jobDetailData.company.id,
-        );
-        setSelectedCompany(matchedCompany);
-        const matchedRecruiter = recruiterData.find(
-          (recruiter) => recruiter.id === jobDetailData.recruiter.id,
-        );
-        setSelectedRecruiter(matchedRecruiter);
-      } catch (error) {
-        toast.error("Error fetching data");
-      } finally {
-        setLoading(false);
-      }
-    };
-    fetchData();
-  }, [params.jobId]);
-
-  const handleCompanyFormChange = (e) => {
-    const { name, value } = e.target;
-    setCompanyFormData((prevFormData) => ({
-      ...prevFormData,
-      [name]: value,
-    }));
-  };
-
-  const handleRecruiterFormChange = (e) => {
-    const { name, value } = e.target;
-    const [mainKey, subKey] = name.split('.');
-
-    if (subKey) {
-      setRecruiterFormData((prevFormData) => ({
-        ...prevFormData,
-        [mainKey]: {
-          ...prevFormData[mainKey],
-          [subKey]: value
-        }
-      }));
-    } else {
-      setRecruiterFormData((prevFormData) => ({
-        ...prevFormData,
-        [name]: value
-      }));
-    }
-  };
-
-  const handleCompanyFormSubmit = async () => {
-    try {
-      await postCompany([{
-        name: companyFormData.name,
-        category: companyFormData.category,
-        yearOfEstablishment: companyFormData.yearOfEstablishment,
-        website: companyFormData.website,
-        size: companyFormData.size,
-        annualTurnover: companyFormData.annualTurnover,
-        socialMediaLink: "companyFormData.socialMediaLink",
-        domains: companyFormData.domains,
-        address: {
-          line1: companyFormData.address.line1,
-          line2: companyFormData.address.line2,
-          city: companyFormData.address.city,
-          state: companyFormData.address.state,
-          country: companyFormData.address.country
-        }
-      }]);
-      toast.success("Company details updated successfully!");
-      window.location.reload();
-    } catch (error) {
-      toast.error("Error updating company details");
-    }
-  };
-
-  const handleRecruiterFormSubmit = async () => {
-    try {
-      await postRecruiter([{
-        designation: recruiterFormData.designation,
-        landline: recruiterFormData.landline,
-        companyId: recruiterFormData.companyId,
-        user: {
-          name: recruiterFormData.user.name,
-          email: recruiterFormData.user.email,
-          contact: recruiterFormData.user.contact
-        }
-      }]);
-      toast.success("Recruiter details updated successfully!");
-      window.location.reload();
-    } catch (error) {
-      toast.error("Error updating recruiter details");
-    }
-  };
-  const handleToggleModal = (type) => {
-    if (type === "company") {
-      setToggleCompanyModal(prevState => !prevState);
-    } else if (type === "recruiter") {
-      setToggleRecruiterModal(prevState => !prevState);
-    }
-  };
-  const toggleDropdown = (state: string) => {
-    if (state === "company") {
-      setcompanyDropDown(!companyDropDown);
-      setrecruiterDropDown(false);
-    } else {
-      setrecruiterDropDown(!recruiterDropDown);
-      setcompanyDropDown(false);
-    }
-  };
-
-  const handleCompanySelect = (company) => {
-    setSelectedCompany(company);
-    setcompanyDropDown(false);
-  };
-  const handleRecruiterSelect = (recruiter) => {
-    setSelectedRecruiter(recruiter);
-    setrecruiterDropDown(false);
-  };
-
-  const updateFacultyDropDown = (index, value) => {
-    setFacultyDropdown(prevState => {
-      const newState = [...prevState];
-      newState[index] = value;
-      return newState;
-    });
-  };
-
-  const submitApproval = async (salaryIndex) => {
-    const selected = selectedFaculties[salaryIndex] || [];
-    const res = await postFacultyApproval(job.salaries[salaryIndex].id, selected);
-    if(res) toast.success("Request Sent");
-    else toast.error("Error Sending Request");
-    updateFacultyDropDown(salaryIndex, false);
-  };
-
-  const getApprovals = async (salaryIndex) => {
-    setLoading(true);
-    const approvals = await fetchApprovals(job.salaries[salaryIndex].id);
-    setFacultyApprovals(approvals);
-    setLoading(false);
-  };
-
-  const handleEditClick = () => {
-    if (editMode) {
-      handleSubmit();
-    }
-    setEditMode(!editMode);
-  };
-
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = async () => {
-    await patchJobData(job.id, formData);
-    formData.salaries.map((salary, index) => patchSalaryData(salary));
-    setEditMode(false);
-    window.location.reload();
-  };
-
-  const addNewTest = () => {
-    const newTest = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        tests: [...prev.selectionProcedure.tests, newTest],
-      },
-    }));
-  };
-
-  const addNewInterview = () => {
-    const newInterview = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        interviews: [...prev.selectionProcedure.interviews, newInterview],
-      },
-    }));
-  };
-
-  return (
-    <div className="container py-12">
-      {loading && (
-        <div className="w-full h-full flex justify-center items-center">
-          <div className="px-28 py-16 bg-white">
-            <Loader />
-          </div>
-        </div>
-      )}
-      {job && (
-        <div className="flex flex-col gap-4">
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="flex md:flex-row flex-col justify-between leading-8">
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Role </span>
-                {editMode ? (
-                  <input
-                    type="text"
-                    name="role"
-                    value={formData.role}
-                    onChange={handleChange}
-                  />
-                ) : (
-                  <span>{job.role}</span>
-                )}
-              </div>
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Activity </span>
-                {editMode ? (
-                  <input
-                    type="checkbox"
-                    name="activity"
-                    value={formData.active}
-                    onChange={(e) => {
-                      setFormData((form) => ({
-                        ...form,
-                        active: e.target.checked,
-                      }));
-                    }}
-                  />
-                ) : (
-                  <span>{job.active ? "Active" : "Inactive"}</span>
-                )}
-              </div>
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Current Status </span>
-                {editMode ? (
-                  <Select
-                    options={newCurrentStatusOptions}
-                    value={{
-                      value: formData.currentStatus,
-                      label: formData.currentStatus,
-                    }}
-                    onChange={(value) => {
-                      setFormData((form) => ({
-                        ...formData,
-                        currentStatus: value.value,
-                      }));
-                    }}
-                  />
-                ) : (
-                  <span>{job.currentStatus}</span>
-                )}
-              </div>
-              <div className="flex flex-col gap-4">
-                <Link
-                  href={`/admin/jobs/events/${job.id}`}
-                  className="flex flex-col gap-4"
-                >
-                  <Button variant="default">Events and Applications</Button>
-                </Link>
-                {!job.active && (
-                  <Button onClick={handleEditClick}>
-                    {editMode ? "Save Application" : "Edit Application"}
-                  </Button>
-                )}
-              </div>
-            </div>
-
-            <div>
-              <div className="font-semibold text-lg my-4">Skills</div>
-              <div className="flex flex-wrap gap-4">
-                {editMode ? (
-                  <input
-                    type="text"
-                    name="skills"
-                    value={formData.skills}
-                    onChange={handleChange}
-                  />
-                ) : (
-                  job.skills
-                )}
-              </div>
-              <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
-                <div>
-                  <div className="font-semibold my-2">Location</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="location"
-                      value={formData.location}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.location}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Offer letter release</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="date"
-                      name="offerLetterReleaseDate"
-                      value={formData.offerLetterReleaseDate}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>
-                      {new Date(job.offerLetterReleaseDate).toLocaleString()}
-                    </div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Joining Date</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="date"
-                      name="joiningDate"
-                      value={formData.joiningDate}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{new Date(job.joiningDate).toLocaleString()}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Duration</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="duration"
-                      value={formData.duration}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.duration}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Attachment</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="attachment"
-                      value={formData.attachment}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.attachment}</div>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="flex flex-col gap-4">
-            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-              <div className="font-bold text-xl my-4">Company Details</div>
-              <div className="flex flex-wrap gap-4">
-                <div className="flex flex-col w-full">
-                  <div className="font-semibold my-2">Company Name</div>
-                  <div className="flex">
-                    {companyDropDown ? (
-                      <div className="relative w-full">
-                        <input
-                          type="text"
-                          className="input-field w-full border border-gray-300 rounded p-2"
-                          value={selectedCompany?.name || ""}
-                          onFocus={() => toggleDropdown("company")}
-                          readOnly
-                        />
-                        {companyDropDown && (
-                          <div className="max-h-64 bg-gray-100 w-full rounded-lg shadow-md absolute z-10">
-                            <div className="dropdown rounded-t-lg  mt-2  w-full max-h-60 overflow-auto z-10">
-                              {companyData.map((company) => (
-                                <div
-                                  key={company.id}
-                                  className="dropdown-item  py-2 px-4 hover:bg-gray-200 cursor-pointer rounded-md last:rounded-t-md"
-                                  onClick={() => handleCompanySelect(company)}
-                                >
-                                  {company.name}
-                                </div>
-                              ))}
-                            </div>
-                            <div className="dropdown-item bg-gray-100 py-2 px-4  cursor-pointer rounded-b-md ">
-                              <Button onClick={() => handleToggleModal("company")}>Add Company</Button>
-                            </div>
-                            <div className="fixed  z-30 w-screen h-screen flex items-center justify-center bg-gray-800 bg-opacity-75">
-                              {toggleCompanyModal && (
-                                <div className="fixed inset-0 flex items-center justify-center z-30 bg-gray-800 bg-opacity-75">
-                                  <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
-                                    <div className="flex justify-between items-center p-4 border-b">
-                                      <h2 className="text-xl font-semibold">Edit Company Details</h2>
-                                      <button className="text-gray-500 text-lg font-extrabold hover:text-gray-700" onClick={() => { handleToggleModal('company') }}>
-                                        X
-                                      </button>
-                                    </div>
-                                    <div className="p-4">
-                                      <div>
-                                        <label className="block text-lg font-semibold">Company Name:</label>
-                                        <input
-                                          className="w-full p-2 border border-gray-300 rounded mt-1"
-                                          type="text"
-                                          name="name"
-                                          value={companyFormData.name}
-                                          onChange={handleCompanyFormChange}
-                                        />
-                                      </div>
-                                      <div className="mt-4">
-                                        <label className="block text-lg font-semibold">Size:</label>
-                                        <input
-                                          className="w-full p-2 border border-gray-300 rounded mt-1"
-                                          type="text"
-                                          name="size"
-                                          value={companyFormData.size}
-                                          onChange={handleCompanyFormChange}
-                                        />
-                                      </div>
-                                      <div className="mt-4">
-                                        <label className="block text-lg font-semibold">Category:</label>
-                                        <select
-                                          className="w-full p-2 border border-gray-300 rounded mt-1"
-                                          name="category"
-                                          value={companyFormData.category}
-                                          onChange={handleCompanyFormChange}
-                                        >
-                                          <option value="PSU">PSU</option>
-                                          <option value="MNC">MNC</option>
-                                          <option value="PUBLIC">PUBLIC</option>
-                                          <option value="GOVERNMENT">GOVERNMENT</option>
-                                        </select>
-                                      </div>
-                                      <div className="mt-4">
-                                        <label className="block text-lg font-semibold">Year of Establishment:</label>
-                                        <input
-                                          className="w-full p-2 border border-gray-300 rounded mt-1"
-                                          type="text"
-                                          name="yearOfEstablishment"
-                                          value={companyFormData.yearOfEstablishment}
-                                          onChange={handleCompanyFormChange}
-                                        />
-                                      </div>
-                                      <div className="mt-4">
-                                        <label className="block text-lg font-semibold">Website:</label>
-                                        <input
-                                          className="w-full p-2 border border-gray-300 rounded mt-1"
-                                          type="text"
-                                          name="website"
-                                          value={companyFormData.website}
-                                          onChange={handleCompanyFormChange}
-                                        />
-                                      </div>
-                                    </div>
-                                    <div className="flex justify-end p-4 border-t">
-                                      <button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" onClick={handleCompanyFormSubmit}>
-                                        Submit
-                                      </button>
-                                    </div>
-                                  </div>
-                                </div>
-                              )}
-
-                            </div>
-
-                          </div>
-                        )}
-                      </div>
-                    ) : (
-                      <div className="flex items-center justify-between w-full">
-                        <div
-                          onClick={() => toggleDropdown("company")}
-                          className="cursor-pointer w-full"
-                        >
-                          {selectedCompany?.name || "Select a Company"}
-                        </div>
-                        <Button
-                          onClick={() => toggleDropdown("company")}
-                          className="ml-2"
-                        >
-                          {selectedCompany?.id ===
-                            "f47ac10b-58cc-4372-a567-0e02b2c3d479"
-                            ? "Assign"
-                            : "Change"}
-                        </Button>
-                      </div>
-                    )}
-                  </div>
-                </div>
-                <div className="flex flex-col flex-1">
-                  <div className="font-semibold my-2">Annual Turnover</div>
-                  <div className="flex items-center">
-                    <div>{selectedCompany?.annualTurnover}</div>
-                  </div>
-                </div>
-                <div className="flex flex-col flex-1">
-                  <div className="font-semibold my-2">
-                    Year of Establishment
-                  </div>
-                  <div className="flex items-center">
-                    <div>{selectedCompany?.yearOfEstablishment}</div>
-                  </div>
-                </div>
-                <div className="flex flex-col flex-1">
-                  <div className="font-semibold my-2">Category</div>
-                  <div className="flex items-center">
-                    <div>{selectedCompany?.category}</div>
-                  </div>
-                </div>
-                <div className="flex flex-col flex-1">
-                  <div className="font-semibold my-2">Social Media Link</div>
-                  <div className="flex items-center">
-                    <div>
-                      <a
-                        href={selectedCompany?.socialMediaLink}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        {selectedCompany?.socialMediaLink}
-                      </a>
-                    </div>
-                  </div>
-                </div>
-                <div className="flex justify-end w-full mt-4">
-                  <Button
-                    onClick={async () => {
-                      if (selectedCompany) {
-                        try {
-                          await assignCompany([
-                            { id: job.id, companyId: selectedCompany.id },
-                          ]);
-                          toast.success("Company assigned successfully");
-                        } catch (error) {
-                          toast.error("Failed to assign company");
-                        }
-                      }
-                    }}
-                  >
-                    Submit
-                  </Button>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="font-semibold text-lg my-4">Recruiter Details</div>
-            <div className="flex flex-wrap gap-4">
-              <div className="flex flex-col w-full">
-                <div className="font-semibold my-2">Recruiter Name</div>
-                <div className="flex">
-                  {recruiterDropDown ? (
-                    <div className="relative w-full">
-                      <input
-                        type="text"
-                        className="input-field w-full border border-gray-300 rounded p-2"
-                        value={selectedRecruiter?.user.name || ""}
-                        onFocus={() => toggleDropdown("recruiter")}
-                        readOnly
-                      />
-                      {recruiterDropDown && (
-                        <div className="max-h-64 bg-gray-100 w-full rounded-lg shadow-md absolute z-10">
-                          <div className="dropdown rounded-t-lg  mt-2  w-full max-h-60 overflow-auto z-10">
-                            {recruiterData.map((recruiter) => (
-                              <div
-                                key={recruiter.id}
-                                className="dropdown-item  py-2 px-4 hover:bg-gray-200 cursor-pointer rounded-md last:rounded-t-md"
-                                onClick={() => handleRecruiterSelect(recruiter)}
-                              >
-                                {recruiter.user.name}
-                              </div>
-                            ))}
-                          </div>
-                          <div className="dropdown-item bg-gray-100 py-2 px-4  cursor-pointer rounded-b-md ">
-                            <Button onClick={() => handleToggleModal("recruiter")}>Add Recruiter</Button>
-                          </div>
-                          <div className="fixed  w-screen h-screen flex items-center justify-center bg-gray-800 bg-opacity-75">
-                            {toggleRecruiterModal && (
-                              <div className="fixed inset-0 flex items-center justify-center bg-gray-800 bg-opacity-75">
-                                <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
-                                  <div className="flex justify-between items-center p-4 border-b">
-                                    <h2 className="text-xl font-semibold">Edit Recruiter Details</h2>
-                                    <button className="text-gray-500 text-lg  font-extrabold hover:text-gray-700" onClick={() => handleToggleModal("recruiter")}>
-                                      X
-                                    </button>
-                                  </div>
-                                  <div className="p-4">
-                                    <div>
-                                      <label className="block text-lg font-semibold">Name:</label>
-                                      <input
-                                        className="w-full p-2 border border-gray-300 rounded mt-1"
-                                        type="text"
-                                        name="user.name"
-                                        value={recruiterFormData.user.name}
-                                        onChange={handleRecruiterFormChange}
-                                      />
-                                    </div>
-                                    <div className="mt-4">
-                                      <label className="block text-lg font-semibold">Designation:</label>
-                                      <input
-                                        className="w-full p-2 border border-gray-300 rounded mt-1"
-                                        type="text"
-                                        name="designation"
-                                        value={recruiterFormData.designation}
-                                        onChange={handleRecruiterFormChange}
-                                      />
-                                    </div>
-                                    <div className="mt-4">
-                                      <label className="block text-lg font-semibold">Email:</label>
-                                      <input
-                                        className="w-full p-2 border border-gray-300 rounded mt-1"
-                                        type="text"
-                                        name="user.email"
-                                        value={recruiterFormData.user.email}
-                                        onChange={handleRecruiterFormChange}
-                                      />
-                                    </div>
-                                    <div className="mt-4">
-                                      <label className="block text-lg font-semibold">Contact:</label>
-                                      <input
-                                        className="w-full p-2 border border-gray-300 rounded mt-1"
-                                        type="text"
-                                        name="user.contact"
-                                        value={recruiterFormData.user.contact}
-                                        onChange={handleRecruiterFormChange}
-                                      />
-                                    </div>
-                                    <div className="mt-4">
-                                      <label className="block text-lg font-semibold">Landline:</label>
-                                      <input
-                                        className="w-full p-2 border border-gray-300 rounded mt-1"
-                                        type="text"
-                                        name="landline"
-                                        value={recruiterFormData.landline}
-                                        onChange={handleRecruiterFormChange}
-                                      />
-                                    </div>
-                                  </div>
-                                  <div className="flex justify-end p-4 border-t">
-                                    <button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" onClick={handleRecruiterFormSubmit}>
-                                      Submit
-                                    </button>
-                                  </div>
-                                </div>
-                              </div>
-                            )}
-
-
-
-                          </div>
-
-                        </div>
-                      )}
-                    </div>
-                  ) : (
-                    <div className="flex items-center justify-between w-full">
-                      <div
-                        onClick={() => toggleDropdown("recruiter")}
-                        className="cursor-pointer w-full"
-                      >
-                        {selectedRecruiter?.user.name || "Select a Recruiter"}
-                      </div>
-                      <Button
-                        onClick={() => toggleDropdown("recruiter")}
-                        className="ml-2"
-                      >
-                        {selectedRecruiter?.id ===
-                          "3a0a4d51-3085-4d39-8a0b-376e4e1e63a1"
-                          ? "Assign"
-                          : "Change"}
-                      </Button>
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              <div className="flex flex-col flex-1">
-                <div className="font-semibold my-2">Name</div>
-                <div className="flex items-center">
-                  <div>{selectedRecruiter?.user.name}</div>
-                </div>
-              </div>
-              <div className="flex flex-col flex-1">
-                <div className="font-semibold my-2">Email</div>
-                <div className="flex items-center">
-                  <div>{selectedRecruiter?.user.email}</div>
-                </div>
-              </div>
-              <div className="flex flex-col flex-1">
-                <div className="font-semibold my-2">Contact</div>
-                <div className="flex items-center">
-                  <div>{selectedRecruiter?.user.contact}</div>
-                </div>
-              </div>
-              <div className="flex flex-col flex-1">
-                <div className="font-semibold my-2">Company</div>
-                <div className="flex items-center">
-                  <div>{selectedRecruiter?.company.name}</div>
-                </div>
-              </div>
-              <div className="flex flex-col flex-1">
-                <div className="font-semibold my-2">Designation</div>
-                <div className="flex items-center">
-                  <div>{selectedRecruiter?.designation}</div>
-                </div>
-              </div>
-              <div className="flex justify-end w-full mt-4">
-                <Button
-                  onClick={async () => {
-                    if (selectedRecruiter) {
-                      try {
-                        await assignRecruiter([
-                          { id: job.id, recruiterId: selectedRecruiter.id },
-                        ]);
-                        toast.success("Recruiter assigned successfully");
-                      } catch (error) {
-                        toast.error("Failed to assign recruiter");
-                      }
-                    }
-                  }}
-                >
-                  Submit
-                </Button>
-              </div>
-            </div>
-          </div>
-
-          {job.selectionProcedure && (
-            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-              <div className="font-semibold text-lg mb-4">
-                Selection Procedure
-              </div>
-
-              <div className="flex md:flex-row flex-col justify-between mb-6">
-                <div>
-                  <div className="font-semibold my-2">Selection mode</div>{" "}
-                  {editMode ? (
-                    <select
-                      value={formData.selectionProcedure.selectionMode}
-                      onChange={(e) => {
-                        setFormData((prev) => ({
-                          ...prev,
-                          selectionProcedure: {
-                            ...prev.selectionProcedure,
-                            selectionMode: e.target.value,
-                          },
-                        }));
-                      }}
-                    >
-                      <option>ONLINE</option>
-                      <option>OFFLINE</option>
-                    </select>
-                  ) : (
-                    <div>{job.selectionProcedure.selectionMode}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">
-                    Shortlist from Resume
-                  </div>{" "}
-                  {editMode ? (
-                    <input
-                      type="checkbox"
-                      name="shortlistFromResume"
-                      checked={formData.selectionProcedure.shortlistFromResume}
-                      onChange={(e) => {
-                        setFormData((prev) => ({
-                          ...prev,
-                          selectionProcedure: {
-                            ...prev.selectionProcedure,
-                            shortlistFromResume: e.target.checked,
-                          },
-                        }));
-                      }}
-                    />
-                  ) : (
-                    <div>
-                      {job.selectionProcedure.shortlistFromResume
-                        ? "YES"
-                        : "NO"}
-                    </div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Group Discussion</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="checkbox"
-                      name="groupDiscussion"
-                      checked={formData.selectionProcedure.groupDiscussion}
-                      onChange={(e) => {
-                        setFormData((prev) => ({
-                          ...prev,
-                          selectionProcedure: {
-                            ...prev.selectionProcedure,
-                            groupDiscussion: e.target.checked,
-                          },
-                        }));
-                      }}
-                    />
-                  ) : (
-                    <div>
-                      {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
-                    </div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Number of members</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="number"
-                      name="numberOfMembers"
-                      value={
-                        formData.selectionProcedure.requirements
-                          ?.numberOfMembers!
-                      }
-                      onChange={(e) => {
-                        setFormData((prev) => ({
-                          ...prev,
-                          selectionProcedure: {
-                            ...prev.selectionProcedure,
-                            requirements: {
-                              ...prev.selectionProcedure.requirements,
-                              numberOfMembers: e.target.value,
-                            },
-                          },
-                        }));
-                      }}
-                    />
-                  ) : (
-                    <div>
-                      {job.selectionProcedure.requirements?.numberOfMembers!}
-                    </div>
-                  )}
-                </div>
-              </div>
-
-              <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
-                <div className="bg-gray-200 p-8 rounded-lg">
-                  <div className="font-semibold bg-gray-200">Tests</div>
-                  <ul className="list-disc capitalize">
-                    {editMode
-                      ? formData.selectionProcedure.tests.map((test, index) => (
-                        <li key={index} className="my-2">
-                          Test Type:
-                          <select
-                            className="ml-4 my-2 capitalize"
-                            value={test.type}
-                            onChange={(e) => {
-                              const updatedtests =
-                                formData.selectionProcedure.tests.map(
-                                  (i, j) =>
-                                    j === index
-                                      ? { ...i, type: e.target.value }
-                                      : i,
-                                );
-                              setFormData((prev) => ({
-                                ...prev,
-                                selectionProcedure: {
-                                  ...prev.selectionProcedure,
-                                  tests: updatedtests,
-                                },
-                              }));
-                            }}
-                          >
-                            {jafDetails.testTypes.map((test, index) => (
-                              <option key={index}>{test}</option>
-                            ))}
-                          </select>
-                          <br />
-                          Test Duration:
-                          <input
-                            className="ml-4 my-2"
-                            type="number"
-                            name="testDuration"
-                            value={test.duration}
-                            onChange={(e) => {
-                              const updatedTests =
-                                formData.selectionProcedure.tests.map(
-                                  (t, i) =>
-                                    i === index
-                                      ? {
-                                        ...t,
-                                        duration: Number(e.target.value),
-                                      }
-                                      : t,
-                                );
-                              setFormData((prev) => ({
-                                ...prev,
-                                selectionProcedure: {
-                                  ...prev.selectionProcedure,
-                                  tests: updatedTests,
-                                },
-                              }));
-                            }}
-                          />
-                        </li>
-                      ))
-                      : job.selectionProcedure.tests.map((p, index) => (
-                        <li key={index} className="my-2">
-                          {Object.entries(p).map(([key, value]) => (
-                            <span key={key}>
-                              {key} : {value}
-                              <br />
-                            </span>
-                          ))}
-                        </li>
-                      ))}
-                  </ul>
-                  {editMode && (
-                    <Button className="w-full" onClick={addNewTest}>
-                      Add
-                    </Button>
-                  )}
-                </div>
-
-                <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
-
-                <div className="bg-gray-200 p-8 rounded-lg">
-                  <div className="font-semibold bg-gray-200">Interviews</div>
-                  <ul className="list-disc capitalize">
-                    {editMode
-                      ? formData.selectionProcedure.interviews.map(
-                        (interview, index) => (
-                          <li key={index} className="my-2">
-                            Interview Type:
-                            <select
-                              className="ml-4 my-2 capitalize"
-                              value={interview.type}
-                              onChange={(e) => {
-                                const updatedInterviews =
-                                  formData.selectionProcedure.interviews.map(
-                                    (i, j) =>
-                                      j === index
-                                        ? { ...i, type: e.target.value }
-                                        : i,
-                                  );
-                                setFormData((prev) => ({
-                                  ...prev,
-                                  selectionProcedure: {
-                                    ...prev.selectionProcedure,
-                                    interviews: updatedInterviews,
-                                  },
-                                }));
-                              }}
-                            >
-                              {jafDetails.interviewTypes.map(
-                                (test, index) => (
-                                  <option key={index}>{test}</option>
-                                ),
-                              )}
-                            </select>
-                            <br />
-                            Interview Duration:
-                            <input
-                              className="ml-4 my-2"
-                              type="number"
-                              name="interviewDuration"
-                              value={interview.duration}
-                              onChange={(e) => {
-                                const updatedInterviews =
-                                  formData.selectionProcedure.interviews.map(
-                                    (i, j) =>
-                                      j === index
-                                        ? { ...i, duration: e.target.value }
-                                        : i,
-                                  );
-                                setFormData((prev) => ({
-                                  ...prev,
-                                  selectionProcedure: {
-                                    ...prev.selectionProcedure,
-                                    interviews: updatedInterviews,
-                                  },
-                                }));
-                              }}
-                            />
-                          </li>
-                        ),
-                      )
-                      : job.selectionProcedure.interviews.map((p, index) => (
-                        <li key={index} className="my-2">
-                          {Object.entries(p).map(([key, value]) => (
-                            <span key={key}>
-                              {key} : {value}
-                              <br />
-                            </span>
-                          ))}
-                        </li>
-                      ))}
-                  </ul>
-                  {editMode && (
-                    <Button className="w-full" onClick={addNewInterview}>
-                      Add
-                    </Button>
-                  )}
-                </div>
-              </div>
-              <div className="mt-8">
-                <div>
-                  <div>
-                    <span className="font-semibold">Other requirements :</span>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="otherRequirements"
-                        value={
-                          formData.selectionProcedure.requirements
-                            ?.otherRequirements
-                        }
-                        onChange={(e) => {
-                          setFormData((prev) => ({
-                            ...prev,
-                            selectionProcedure: {
-                              ...prev.selectionProcedure,
-                              requirements: {
-                                ...prev.selectionProcedure.requirements,
-                                otherRequirements: e.target.value,
-                              },
-                            },
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>
-                        {job.selectionProcedure.requirements?.otherRequirements}
-                      </div>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-          )}
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="font-semibold text-lg mb-4">Job Coordinators</div>
-            <div className="flex gap-4 flex-wrap">
-              {job.jobCoordinators?.map((coordinator, index) => (
-                <div
-                  key={index}
-                  className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
-                >
-                  <div className="text-center font-semibold">
-                    <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
-                    <br />
-                    {coordinator.tpcMember.student.user.name}
-                  </div>
-                  <div>
-                    <div>
-                      <span className="font-semibold">Role : </span>
-                      {coordinator.tpcMember.role}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Department : </span>
-                      {coordinator.tpcMember.student.program.department}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Email : </span>
-                      {coordinator.tpcMember.student.user.email}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Contact : </span>
-                      {coordinator.tpcMember.student.user.contact}
-                    </div>
-                  </div>
-                </div>
-              ))}
-              <JobCoordinatorForm jobId={params.jobId} />
-            </div>
-          </div>
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className=" flex justify-between">
-              <div className="font-semibold text-lg mb-4">Salaries</div>
-
-            </div>
-            {job.salaries?.map((salary, salaryIndex) => (
-              <>
-                <div key={salaryIndex}>
-                  <div className="flex md:flex-row flex-col flex-wrap justify-between">
-                    <div className="w-1/6">
-                      <div className="font-semibold my-2">Base Salary</div>
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="baseSalary"
-                          value={formData.salaries[salaryIndex].baseSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map((s, i) =>
-                              i === salaryIndex ? { ...s, baseSalary: e.target.value } : s
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.baseSalary}</div>
-                      )}
-                    </div>
-                    <div  className="w-1/6">
-                      <div className="font-semibold my-2">CTC</div>
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="totalCTC"
-                          value={formData.salaries[salaryIndex].totalCTC}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map((s, i) =>
-                              i === salaryIndex ? { ...s, totalCTC: e.target.value } : s
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.totalCTC}</div>
-                      )}
-                    </div>
-                    <div  className="w-1/6">
-                      <div className="font-semibold my-2">Take Home Salary</div>
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="takeHomeSalary"
-                          value={formData.salaries[salaryIndex].takeHomeSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map((s, i) =>
-                              i === salaryIndex ? { ...s, takeHomeSalary: e.target.value } : s
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.takeHomeSalary}</div>
-                      )}
-                    </div>
-                    <div  className="w-1/6">
-                      <div className="font-semibold my-2">Gross Salary</div>
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="grossSalary"
-                          value={formData.salaries[salaryIndex].grossSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map((s, i) =>
-                              i === salaryIndex ? { ...s, grossSalary: e.target.value } : s
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.grossSalary}</div>
-                      )}
-                    </div>
-                    <div  className="w-1/6">
-                      <div className="font-semibold my-2">Other Compensations</div>
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="otherCompensations"
-                          value={formData.salaries[salaryIndex].otherCompensations}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map((s, i) =>
-                              i === salaryIndex ? { ...s, otherCompensations: e.target.value } : s
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.otherCompensations}</div>
-                      )}
-                    </div>                    
-                  </div>
-                  <div className="flex md:flex-row flex-col flex-wrap justify-between my-5">
-                      <div  className="w-1/6">
-                        <div className="font-semibold my-2">Minimum CPI</div>
-                        {editMode ? (
-                          <input
-                            type="text"
-                            name="minCPI"
-                            value={formData.salaries[salaryIndex].minCPI}
-                            onChange={(e) => {
-                              const updatedSalaries = formData.salaries.map((s, i) =>
-                                i === salaryIndex ? { ...s, minCPI: e.target.value } : s
-                              );
-                              setFormData((prev) => ({
-                                ...prev,
-                                salaries: updatedSalaries,
-                              }));
-                            }}
-                          />
-                        ) : (
-                          <div>{salary.minCPI}</div>
-                        )}
-                      </div>
-                      <div  className="w-1/6">
-                        <div className="font-semibold my-2">Tenth Marks</div>
-                        {editMode ? (
-                          <input
-                            type="text"
-                            name="tenthMarks"
-                            value={formData.salaries[salaryIndex].tenthMarks}
-                            onChange={(e) => {
-                              const updatedSalaries = formData.salaries.map((s, i) =>
-                                i === salaryIndex ? { ...s, tenthMarks: e.target.value } : s
-                              );
-                              setFormData((prev) => ({
-                                ...prev,
-                                salaries: updatedSalaries,
-                              }));
-                            }}
-                          />
-                        ) : (
-                          <div>{salary.tenthMarks}</div>
-                        )}
-                      </div>
-                      <div  className="w-1/6">
-                        <div className="font-semibold my-2">TwelthMarks Marks</div>
-                        {editMode ? (
-                          <input
-                            type="text"
-                            name="twelthMarks"
-                            value={formData.salaries[salaryIndex].twelthMarks}
-                            onChange={(e) => {
-                              const updatedSalaries = formData.salaries.map((s, i) =>
-                                i === salaryIndex ? { ...s, twelthMarks: e.target.value } : s
-                              );
-                              setFormData((prev) => ({
-                                ...prev,
-                                salaries: updatedSalaries,
-                              }));
-                            }}
-                          />
-                        ) : (
-                          <div>{salary.twelthMarks}</div>
-                        )}
-                      </div>
-                    </div>
-                  {/* Genders */}
-                  <div>
-                    <h2 className="text-md font-semibold mt-4">Genders</h2>
-                    {editMode ? (
-                      <GenderSelectList
-                        givenOptions={jafDetails.genders}
-                        formData={formData}
-                        setFormData={setFormData}
-                        salaryIndex={salaryIndex} />
-                    ) : (
-                      <div className="flex flex-wrap !text-md">
-                        {salary.genders?.map((gender, genderIndex) => (
-                          <div key={genderIndex} className="mx-2 my-2">
-                            {editMode ? null : (
-                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                                {gender}
-                              </div>
-                            )}
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-
-                  {/* Categories */}
-                  <div>
-                    <h2 className="text-md font-semibold mt-4">Categories</h2>
-                    {editMode ? (
-                      <CategorySelectList
-                        givenOptions={jafDetails.categories}
-                        formData={formData}
-                        setFormData={setFormData}
-                        salaryIndex={salaryIndex} />
-                    ) : (
-                      <div className="flex flex-wrap !text-md">
-                        {salary.categories?.map((category, categoryIndex) => (
-                          <div key={categoryIndex} className="mx-2 my-2">
-                            {editMode ? null : (
-                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                                {category}
-                              </div>
-                            )}
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                  {/* <Separator className="my-4" /> */}
-                  <div className="flex justify-between mt-2 mb-4">
-                    <Button color="primary" onClick={() => { setApprovalModal(!approvalModal); getApprovals(salaryIndex) }} >Current Approvals</Button>
-                    <div className="flex justify-end">
-                      {facultyDropDown[salaryIndex] && (<button
-                        className="bg-blue-500 text-white p-2 mr-4 rounded  hover:bg-blue-600 transition duration-200"
-                        onClick={() => submitApproval(salaryIndex)}
-                        >
-                        Submit Request
-                      </button>)}
-                      <Button
-                        color="primary"
-                        className=""
-                        onClick={() => {
-                          setFacultyDropdown((prev) => {
-                            const newDropdownState = [...prev];
-                            newDropdownState[salaryIndex] = !newDropdownState[salaryIndex];
-                            return newDropdownState;
-                          });
-                        }}
-                      >
-                        Make Request
-                      </Button>
-                    </div>
-                  </div>
-                  <Separator className="my-8" />
-                  {approvalModal && (
-                    <div className="fixed inset-0 flex items-center justify-center z-30 bg-gray-800 bg-opacity-10">
-                      <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
-                        <div className="flex justify-between items-center p-4 border-b">
-                          <h2 className="text-xl font-semibold">Current Approvals</h2>
-                          <button className="text-gray-500 text-lg font-extrabold hover:text-gray-700" onClick={() => setApprovalModal(!approvalModal)}>
-                            X
-                          </button>
-                        </div>
-                        <div className="p-4 web overflow-auto" style={{ maxHeight: "75vh" }}>
-                          {loading ? (
-                            <Loader />
-                          ) : (
-                            facultyApprovals.map((approval, salaryIndex) => (
-                              <div key={approval.id} className="border-b border-gray-300 py-2">
-                                <h3 className="text-lg font-semibold">{approval?.faculty.user.name}</h3>
-                                <p className="text-gray-600"><strong>Department:</strong> {approval.faculty.department}</p>
-                                <p className="text-gray-600"><strong>Email:</strong> {approval.faculty?.user.email}</p>
-                                <p className="text-gray-600"><strong>Contact:</strong> {approval.faculty?.user.contact}</p>
-                                <p className="text-gray-600"><strong>Status:</strong> {approval.status}</p>
-                              </div>
-                            ))
-                          )}
-                        </div>
-                      </div>
-                    </div>
-                  )}                
-
-                  <div key={salaryIndex} className="flex flex-col">
-                    <div className="relative">
-
-                      {facultyDropDown[salaryIndex] && (
-                        <><div className="absolute right-0 mt-2 mb-3 w-60 bg-white border border-gray-300 max-h-60 overflow-auto rounded shadow-lg z-10">
-                          {facultyData.map((faculty) => (
-                            <label
-                              key={faculty.id}
-                              className="flex items-center p-2 bg-gray-100 hover:bg-gray-200 transition duration-200"
-                            >
-                              <input
-                                type="checkbox"
-                                checked={selectedFaculties[salaryIndex]?.includes(faculty.id) || false}
-                                onChange={() => {
-                                  setSelectedFaculties((prev) => {
-                                    const newSelectedFaculties = [...prev];
-                                    if (!newSelectedFaculties[salaryIndex]) {
-                                      newSelectedFaculties[salaryIndex] = [];
-                                    }
-                                    if (newSelectedFaculties[salaryIndex].includes(faculty.id)) {
-                                      newSelectedFaculties[salaryIndex] = newSelectedFaculties[salaryIndex].filter((id) => id !== faculty.id);
-                                    } else {
-                                      newSelectedFaculties[salaryIndex].push(faculty.id);
-                                    }
-                                    return newSelectedFaculties;
-                                  });
-                                }}
-                                className="form-checkbox h-4 w-4 text-blue-600" />
-                              <span className="ml-2 text-gray-700">{faculty.user.name}</span>
-                            </label>
-                          ))}
-                        </div></>
-                      )}
-                    </div>
-                  </div>
-                </div ></>
-            ))}
-          </div>
-        </div>
-      )
-      }
-    </div >
-  );
-};
-
-export default JobDetailPage;
+"use client";
+import React, { useState, useEffect } from "react";
+import { JobDetailFC } from "@/helpers/recruiter/types";
+import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+import PersonIcon from "@mui/icons-material/Person";
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import { Separator } from "@/components/ui/separator";
+import { getJafDetails } from "@/helpers/recruiter/api";
+import { JAFdetailsFC } from "@/helpers/recruiter/types";
+import { patchJobData } from "@/helpers/api";
+import { patchSalaryData } from "@/helpers/api";
+import {
+  CategorySelectList,
+  GenderSelectList,
+} from "@/components/Recruiters/jobEdit";
+import { fetchJobById } from "@/helpers/api";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+import JobCoordinatorForm from "@/components/Admin/AddForms";
+import { fetchCompany, fetchRecruiterData, fetchFaculties, postFacultyApproval } from "@/helpers/api";
+import { assignCompany, postCompany, assignRecruiter, postRecruiter, fetchApprovals } from "@/helpers/api";
+import Select from "react-select";
+const currentStatusOptions = [
+  "INITIALIZED",
+  "SCHEDULED",
+  "PPT_DONE",
+  "POLL_FREEZED",
+  "TEST_COMPLETED",
+  "INTERVIEW_COMPLETED",
+  "RECRUITMENT_PROCESS_COMPLELETED",
+  "OFFER_LETTER_RELEASED",
+  "PROCESS_ON_HOLD",
+  "PROCESS_TERMINATED",
+  "OFFER_REVOKED",
+];
+
+
+const JobDetailPage = ({ params }: { params: { jobId: string } }) => {
+  const [job, setData] = useState<JobDetailFC>(null);
+  const [loading, setLoading] = useState(true);
+  const [editMode, setEditMode] = useState(false);
+  const [formData, setFormData] = useState(null);
+  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
+  const [facultyData, setFacultyData] = useState(null);
+  const [facultyApprovals, setFacultyApprovals] = useState([]);
+  const [selectedFaculties, setSelectedFaculties] = useState([]);
+  const [facultyDropDown, setFacultyDropdown] = useState([false]);
+  const [companyData, setCompanyData] = useState(null);
+  const [recruiterData, setRecruiterData] = useState(null);
+  const [companyDropDown, setcompanyDropDown] = useState(false);
+  const [recruiterDropDown, setrecruiterDropDown] = useState(false);
+  const [selectedCompany, setSelectedCompany] = useState(null);
+  const [selectedRecruiter, setSelectedRecruiter] = useState(null);
+  const [toggleCompanyModal, setToggleCompanyModal] = useState(false);
+  const [toggleRecruiterModal, setToggleRecruiterModal] = useState(false);
+  const [approvalModal, setApprovalModal] = useState(false);
+  const [companyFormData, setCompanyFormData] = useState({
+    name: '',
+    size: 0,
+    category: '',
+    yearOfEstablishment: '',
+    website: '',
+    annualTurnover: '',
+    socialMediaLink: '',
+    address: {
+      line1: '',
+      line2: '',
+      city: '',
+      state: '',
+      country: ''
+    },
+    domains: ['']
+  });
+  const [recruiterFormData, setRecruiterFormData] = useState({
+    designation: '',
+    landline: '',
+    companyId: '',
+    user: {
+      name: '',
+      email: '',
+      contact: ''
+    }
+  });
+  const newCurrentStatusOptions = currentStatusOptions.map((option) => ({
+    value: option,
+    label: option,
+  }));
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+
+        const [jobDetailData, jafDetailsData, companyData, recruiterData, facultyData] =
+          await Promise.all([
+            fetchJobById(params.jobId),
+            getJafDetails(),
+            fetchCompany(),
+            fetchRecruiterData(),
+            fetchFaculties(),
+          ]);
+
+        setJafDetails(jafDetailsData);
+        setData(jobDetailData);
+        setFormData(jobDetailData);
+        setFacultyData(facultyData);
+        setCompanyData(companyData);
+        setRecruiterData(recruiterData);
+        setRecruiterFormData({
+          designation: jobDetailData.recruiterDetailsFilled.designation,
+          landline: jobDetailData.recruiterDetailsFilled.landline,
+          companyId: jobDetailData.company.id, // Assuming you have a companyId in jobDetailData
+          user: {
+            name: jobDetailData.recruiterDetailsFilled.name,
+            email: jobDetailData.recruiterDetailsFilled.email,
+            contact: jobDetailData.recruiterDetailsFilled.contact
+          }
+        });
+        setCompanyFormData({
+          name: jobDetailData.companyDetailsFilled.name,
+          size: jobDetailData.companyDetailsFilled.size,
+          category: jobDetailData.companyDetailsFilled.category,
+          yearOfEstablishment: jobDetailData.companyDetailsFilled.yearOfEstablishment,
+          website: jobDetailData.companyDetailsFilled.website,
+          annualTurnover: jobDetailData.companyDetailsFilled.annualTurnover || '',
+          socialMediaLink: jobDetailData.companyDetailsFilled.socialMediaLink || '',
+          address: {
+            line1: jobDetailData.companyDetailsFilled.address.line1 || '',
+            line2: jobDetailData.companyDetailsFilled.address.line2 || '',
+            city: jobDetailData.companyDetailsFilled.address.city || '',
+            state: jobDetailData.companyDetailsFilled.address.state || '',
+            country: jobDetailData.companyDetailsFilled.address.country || ''
+          },
+          domains: jobDetailData.companyDetailsFilled.domains || ['']
+        });
+
+        const matchedCompany = companyData.find(
+          (company) => company.id === jobDetailData.company.id,
+        );
+        setSelectedCompany(matchedCompany);
+        const matchedRecruiter = recruiterData.find(
+          (recruiter) => recruiter.id === jobDetailData.recruiter.id,
+        );
+        setSelectedRecruiter(matchedRecruiter);
+      } catch (error) {
+        toast.error("Error fetching data");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, [params.jobId]);
+
+  const handleCompanyFormChange = (e) => {
+    const { name, value } = e.target;
+    setCompanyFormData((prevFormData) => ({
+      ...prevFormData,
+      [name]: value,
+    }));
+  };
+
+  const handleRecruiterFormChange = (e) => {
+    const { name, value } = e.target;
+    const [mainKey, subKey] = name.split('.');
+
+    if (subKey) {
+      setRecruiterFormData((prevFormData) => ({
+        ...prevFormData,
+        [mainKey]: {
+          ...prevFormData[mainKey],
+          [subKey]: value
+        }
+      }));
+    } else {
+      setRecruiterFormData((prevFormData) => ({
+        ...prevFormData,
+        [name]: value
+      }));
+    }
+  };
+
+  const handleCompanyFormSubmit = async () => {
+    try {
+      await postCompany([{
+        name: companyFormData.name,
+        category: companyFormData.category,
+        yearOfEstablishment: companyFormData.yearOfEstablishment,
+        website: companyFormData.website,
+        size: companyFormData.size,
+        annualTurnover: companyFormData.annualTurnover,
+        socialMediaLink: "companyFormData.socialMediaLink",
+        domains: companyFormData.domains,
+        address: {
+          line1: companyFormData.address.line1,
+          line2: companyFormData.address.line2,
+          city: companyFormData.address.city,
+          state: companyFormData.address.state,
+          country: companyFormData.address.country
+        }
+      }]);
+      toast.success("Company details updated successfully!");
+      window.location.reload();
+    } catch (error) {
+      toast.error("Error updating company details");
+    }
+  };
+
+  const handleRecruiterFormSubmit = async () => {
+    try {
+      await postRecruiter([{
+        designation: recruiterFormData.designation,
+        landline: recruiterFormData.landline,
+        companyId: recruiterFormData.companyId,
+        user: {
+          name: recruiterFormData.user.name,
+          email: recruiterFormData.user.email,
+          contact: recruiterFormData.user.contact
+        }
+      }]);
+      toast.success("Recruiter details updated successfully!");
+      window.location.reload();
+    } catch (error) {
+      toast.error("Error updating recruiter details");
+    }
+  };
+  const handleToggleModal = (type) => {
+    if (type === "company") {
+      setToggleCompanyModal(prevState => !prevState);
+    } else if (type === "recruiter") {
+      setToggleRecruiterModal(prevState => !prevState);
+    }
+  };
+  const toggleDropdown = (state: string) => {
+    if (state === "company") {
+      setcompanyDropDown(!companyDropDown);
+      setrecruiterDropDown(false);
+    } else {
+      setrecruiterDropDown(!recruiterDropDown);
+      setcompanyDropDown(false);
+    }
+  };
+
+  const handleCompanySelect = (company) => {
+    setSelectedCompany(company);
+    setcompanyDropDown(false);
+  };
+  const handleRecruiterSelect = (recruiter) => {
+    setSelectedRecruiter(recruiter);
+    setrecruiterDropDown(false);
+  };
+
+  const updateFacultyDropDown = (index, value) => {
+    setFacultyDropdown(prevState => {
+      const newState = [...prevState];
+      newState[index] = value;
+      return newState;
+    });
+  };
+
+  const submitApproval = async (salaryIndex) => {
+    const selected = selectedFaculties[salaryIndex] || [];
+    const res = await postFacultyApproval(job.salaries[salaryIndex].id, selected);
+    if(res) toast.success("Request Sent");
+    else toast.error("Error Sending Request");
+    updateFacultyDropDown(salaryIndex, false);
+  };
+
+  const getApprovals = async (salaryIndex) => {
+    setLoading(true);
+    const approvals = await fetchApprovals(job.salaries[salaryIndex].id);
+    setFacultyApprovals(approvals);
+    setLoading(false);
+  };
+
+  const handleEditClick = () => {
+    if (editMode) {
+      handleSubmit();
+    }
+    setEditMode(!editMode);
+  };
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleSubmit = async () => {
+    await patchJobData(job.id, formData);
+    formData.salaries.map((salary, index) => patchSalaryData(salary));
+    setEditMode(false);
+    window.location.reload();
+  };
+
+  const addNewTest = () => {
+    const newTest = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        tests: [...prev.selectionProcedure.tests, newTest],
+      },
+    }));
+  };
+
+  const addNewInterview = () => {
+    const newInterview = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        interviews: [...prev.selectionProcedure.interviews, newInterview],
+      },
+    }));
+  };
+
+  return (
+    <div className="container py-12">
+      {loading && (
+        <div className="w-full h-full flex justify-center items-center">
+          <div className="px-28 py-16 bg-white">
+            <Loader />
+          </div>
+        </div>
+      )}
+      {job && (
+        <div className="flex flex-col gap-4">
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="flex md:flex-row flex-col justify-between leading-8">
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Role </span>
+                {editMode ? (
+                  <input
+                    type="text"
+                    name="role"
+                    value={formData.role}
+                    onChange={handleChange}
+                  />
+                ) : (
+                  <span>{job.role}</span>
+                )}
+              </div>
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Activity </span>
+                {editMode ? (
+                  <input
+                    type="checkbox"
+                    name="activity"
+                    value={formData.active}
+                    onChange={(e) => {
+                      setFormData((form) => ({
+                        ...form,
+                        active: e.target.checked,
+                      }));
+                    }}
+                  />
+                ) : (
+                  <span>{job.active ? "Active" : "Inactive"}</span>
+                )}
+              </div>
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Current Status </span>
+                {editMode ? (
+                  <Select
+                    options={newCurrentStatusOptions}
+                    value={{
+                      value: formData.currentStatus,
+                      label: formData.currentStatus,
+                    }}
+                    onChange={(value) => {
+                      setFormData((form) => ({
+                        ...formData,
+                        currentStatus: value.value,
+                      }));
+                    }}
+                  />
+                ) : (
+                  <span>{job.currentStatus}</span>
+                )}
+              </div>
+              <div className="flex flex-col gap-4">
+                <Link
+                  href={`/admin/jobs/events/${job.id}`}
+                  className="flex flex-col gap-4"
+                >
+                  <Button variant="default">Events and Applications</Button>
+                </Link>
+                {!job.active && (
+                  <Button onClick={handleEditClick}>
+                    {editMode ? "Save Application" : "Edit Application"}
+                  </Button>
+                )}
+              </div>
+            </div>
+
+            <div>
+              <div className="font-semibold text-lg my-4">Skills</div>
+              <div className="flex flex-wrap gap-4">
+                {editMode ? (
+                  <input
+                    type="text"
+                    name="skills"
+                    value={formData.skills}
+                    onChange={handleChange}
+                  />
+                ) : (
+                  job.skills
+                )}
+              </div>
+              <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
+                <div>
+                  <div className="font-semibold my-2">Location</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="location"
+                      value={formData.location}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.location}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Offer letter release</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="date"
+                      name="offerLetterReleaseDate"
+                      value={formData.offerLetterReleaseDate}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>
+                      {new Date(job.offerLetterReleaseDate).toLocaleString()}
+                    </div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Joining Date</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="date"
+                      name="joiningDate"
+                      value={formData.joiningDate}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{new Date(job.joiningDate).toLocaleString()}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Duration</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="duration"
+                      value={formData.duration}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.duration}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Attachment</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="attachment"
+                      value={formData.attachment}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.attachment}</div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="flex flex-col gap-4">
+            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+              <div className="font-bold text-xl my-4">Company Details</div>
+              <div className="flex flex-wrap gap-4">
+                <div className="flex flex-col w-full">
+                  <div className="font-semibold my-2">Company Name</div>
+                  <div className="flex">
+                    {companyDropDown ? (
+                      <div className="relative w-full">
+                        <input
+                          type="text"
+                          className="input-field w-full border border-gray-300 rounded p-2"
+                          value={selectedCompany?.name || ""}
+                          onFocus={() => toggleDropdown("company")}
+                          readOnly
+                        />
+                        {companyDropDown && (
+                          <div className="max-h-64 bg-gray-100 w-full rounded-lg shadow-md absolute z-10">
+                            <div className="dropdown rounded-t-lg  mt-2  w-full max-h-60 overflow-auto z-10">
+                              {companyData.map((company) => (
+                                <div
+                                  key={company.id}
+                                  className="dropdown-item  py-2 px-4 hover:bg-gray-200 cursor-pointer rounded-md last:rounded-t-md"
+                                  onClick={() => handleCompanySelect(company)}
+                                >
+                                  {company.name}
+                                </div>
+                              ))}
+                            </div>
+                            <div className="dropdown-item bg-gray-100 py-2 px-4  cursor-pointer rounded-b-md ">
+                              <Button onClick={() => handleToggleModal("company")}>Add Company</Button>
+                            </div>
+                            <div className="fixed  z-30 w-screen h-screen flex items-center justify-center bg-gray-800 bg-opacity-75">
+                              {toggleCompanyModal && (
+                                <div className="fixed inset-0 flex items-center justify-center z-30 bg-gray-800 bg-opacity-75">
+                                  <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
+                                    <div className="flex justify-between items-center p-4 border-b">
+                                      <h2 className="text-xl font-semibold">Edit Company Details</h2>
+                                      <button className="text-gray-500 text-lg font-extrabold hover:text-gray-700" onClick={() => { handleToggleModal('company') }}>
+                                        X
+                                      </button>
+                                    </div>
+                                    <div className="p-4">
+                                      <div>
+                                        <label className="block text-lg font-semibold">Company Name:</label>
+                                        <input
+                                          className="w-full p-2 border border-gray-300 rounded mt-1"
+                                          type="text"
+                                          name="name"
+                                          value={companyFormData.name}
+                                          onChange={handleCompanyFormChange}
+                                        />
+                                      </div>
+                                      <div className="mt-4">
+                                        <label className="block text-lg font-semibold">Size:</label>
+                                        <input
+                                          className="w-full p-2 border border-gray-300 rounded mt-1"
+                                          type="text"
+                                          name="size"
+                                          value={companyFormData.size}
+                                          onChange={handleCompanyFormChange}
+                                        />
+                                      </div>
+                                      <div className="mt-4">
+                                        <label className="block text-lg font-semibold">Category:</label>
+                                        <select
+                                          className="w-full p-2 border border-gray-300 rounded mt-1"
+                                          name="category"
+                                          value={companyFormData.category}
+                                          onChange={handleCompanyFormChange}
+                                        >
+                                          <option value="PSU">PSU</option>
+                                          <option value="MNC">MNC</option>
+                                          <option value="PUBLIC">PUBLIC</option>
+                                          <option value="GOVERNMENT">GOVERNMENT</option>
+                                        </select>
+                                      </div>
+                                      <div className="mt-4">
+                                        <label className="block text-lg font-semibold">Year of Establishment:</label>
+                                        <input
+                                          className="w-full p-2 border border-gray-300 rounded mt-1"
+                                          type="text"
+                                          name="yearOfEstablishment"
+                                          value={companyFormData.yearOfEstablishment}
+                                          onChange={handleCompanyFormChange}
+                                        />
+                                      </div>
+                                      <div className="mt-4">
+                                        <label className="block text-lg font-semibold">Website:</label>
+                                        <input
+                                          className="w-full p-2 border border-gray-300 rounded mt-1"
+                                          type="text"
+                                          name="website"
+                                          value={companyFormData.website}
+                                          onChange={handleCompanyFormChange}
+                                        />
+                                      </div>
+                                    </div>
+                                    <div className="flex justify-end p-4 border-t">
+                                      <button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" onClick={handleCompanyFormSubmit}>
+                                        Submit
+                                      </button>
+                                    </div>
+                                  </div>
+                                </div>
+                              )}
+
+                            </div>
+
+                          </div>
+                        )}
+                      </div>
+                    ) : (
+                      <div className="flex items-center justify-between w-full">
+                        <div
+                          onClick={() => toggleDropdown("company")}
+                          className="cursor-pointer w-full"
+                        >
+                          {selectedCompany?.name || "Select a Company"}
+                        </div>
+                        <Button
+                          onClick={() => toggleDropdown("company")}
+                          className="ml-2"
+                        >
+                          {selectedCompany?.id ===
+                            "f47ac10b-58cc-4372-a567-0e02b2c3d479"
+                            ? "Assign"
+                            : "Change"}
+                        </Button>
+                      </div>
+                    )}
+                  </div>
+                </div>
+                <div className="flex flex-col flex-1">
+                  <div className="font-semibold my-2">Annual Turnover</div>
+                  <div className="flex items-center">
+                    <div>{selectedCompany?.annualTurnover}</div>
+                  </div>
+                </div>
+                <div className="flex flex-col flex-1">
+                  <div className="font-semibold my-2">
+                    Year of Establishment
+                  </div>
+                  <div className="flex items-center">
+                    <div>{selectedCompany?.yearOfEstablishment}</div>
+                  </div>
+                </div>
+                <div className="flex flex-col flex-1">
+                  <div className="font-semibold my-2">Category</div>
+                  <div className="flex items-center">
+                    <div>{selectedCompany?.category}</div>
+                  </div>
+                </div>
+                <div className="flex flex-col flex-1">
+                  <div className="font-semibold my-2">Social Media Link</div>
+                  <div className="flex items-center">
+                    <div>
+                      <a
+                        href={selectedCompany?.socialMediaLink}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                      >
+                        {selectedCompany?.socialMediaLink}
+                      </a>
+                    </div>
+                  </div>
+                </div>
+                <div className="flex justify-end w-full mt-4">
+                  <Button
+                    onClick={async () => {
+                      if (selectedCompany) {
+                        try {
+                          await assignCompany([
+                            { id: job.id, companyId: selectedCompany.id },
+                          ]);
+                          toast.success("Company assigned successfully");
+                        } catch (error) {
+                          toast.error("Failed to assign company");
+                        }
+                      }
+                    }}
+                  >
+                    Submit
+                  </Button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="font-semibold text-lg my-4">Recruiter Details</div>
+            <div className="flex flex-wrap gap-4">
+              <div className="flex flex-col w-full">
+                <div className="font-semibold my-2">Recruiter Name</div>
+                <div className="flex">
+                  {recruiterDropDown ? (
+                    <div className="relative w-full">
+                      <input
+                        type="text"
+                        className="input-field w-full border border-gray-300 rounded p-2"
+                        value={selectedRecruiter?.user.name || ""}
+                        onFocus={() => toggleDropdown("recruiter")}
+                        readOnly
+                      />
+                      {recruiterDropDown && (
+                        <div className="max-h-64 bg-gray-100 w-full rounded-lg shadow-md absolute z-10">
+                          <div className="dropdown rounded-t-lg  mt-2  w-full max-h-60 overflow-auto z-10">
+                            {recruiterData.map((recruiter) => (
+                              <div
+                                key={recruiter.id}
+                                className="dropdown-item  py-2 px-4 hover:bg-gray-200 cursor-pointer rounded-md last:rounded-t-md"
+                                onClick={() => handleRecruiterSelect(recruiter)}
+                              >
+                                {recruiter.user.name}
+                              </div>
+                            ))}
+                          </div>
+                          <div className="dropdown-item bg-gray-100 py-2 px-4  cursor-pointer rounded-b-md ">
+                            <Button onClick={() => handleToggleModal("recruiter")}>Add Recruiter</Button>
+                          </div>
+                          <div className="fixed  w-screen h-screen flex items-center justify-center bg-gray-800 bg-opacity-75">
+                            {toggleRecruiterModal && (
+                              <div className="fixed inset-0 flex items-center justify-center bg-gray-800 bg-opacity-75">
+                                <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
+                                  <div className="flex justify-between items-center p-4 border-b">
+                                    <h2 className="text-xl font-semibold">Edit Recruiter Details</h2>
+                                    <button className="text-gray-500 text-lg  font-extrabold hover:text-gray-700" onClick={() => handleToggleModal("recruiter")}>
+                                      X
+                                    </button>
+                                  </div>
+                                  <div className="p-4">
+                                    <div>
+                                      <label className="block text-lg font-semibold">Name:</label>
+                                      <input
+                                        className="w-full p-2 border border-gray-300 rounded mt-1"
+                                        type="text"
+                                        name="user.name"
+                                        value={recruiterFormData.user.name}
+                                        onChange={handleRecruiterFormChange}
+                                      />
+                                    </div>
+                                    <div className="mt-4">
+                                      <label className="block text-lg font-semibold">Designation:</label>
+                                      <input
+                                        className="w-full p-2 border border-gray-300 rounded mt-1"
+                                        type="text"
+                                        name="designation"
+                                        value={recruiterFormData.designation}
+                                        onChange={handleRecruiterFormChange}
+                                      />
+                                    </div>
+                                    <div className="mt-4">
+                                      <label className="block text-lg font-semibold">Email:</label>
+                                      <input
+                                        className="w-full p-2 border border-gray-300 rounded mt-1"
+                                        type="text"
+                                        name="user.email"
+                                        value={recruiterFormData.user.email}
+                                        onChange={handleRecruiterFormChange}
+                                      />
+                                    </div>
+                                    <div className="mt-4">
+                                      <label className="block text-lg font-semibold">Contact:</label>
+                                      <input
+                                        className="w-full p-2 border border-gray-300 rounded mt-1"
+                                        type="text"
+                                        name="user.contact"
+                                        value={recruiterFormData.user.contact}
+                                        onChange={handleRecruiterFormChange}
+                                      />
+                                    </div>
+                                    <div className="mt-4">
+                                      <label className="block text-lg font-semibold">Landline:</label>
+                                      <input
+                                        className="w-full p-2 border border-gray-300 rounded mt-1"
+                                        type="text"
+                                        name="landline"
+                                        value={recruiterFormData.landline}
+                                        onChange={handleRecruiterFormChange}
+                                      />
+                                    </div>
+                                  </div>
+                                  <div className="flex justify-end p-4 border-t">
+                                    <button className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" onClick={handleRecruiterFormSubmit}>
+                                      Submit
+                                    </button>
+                                  </div>
+                                </div>
+                              </div>
+                            )}
+
+
+
+                          </div>
+
+                        </div>
+                      )}
+                    </div>
+                  ) : (
+                    <div className="flex items-center justify-between w-full">
+                      <div
+                        onClick={() => toggleDropdown("recruiter")}
+                        className="cursor-pointer w-full"
+                      >
+                        {selectedRecruiter?.user.name || "Select a Recruiter"}
+                      </div>
+                      <Button
+                        onClick={() => toggleDropdown("recruiter")}
+                        className="ml-2"
+                      >
+                        {selectedRecruiter?.id ===
+                          "3a0a4d51-3085-4d39-8a0b-376e4e1e63a1"
+                          ? "Assign"
+                          : "Change"}
+                      </Button>
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              <div className="flex flex-col flex-1">
+                <div className="font-semibold my-2">Name</div>
+                <div className="flex items-center">
+                  <div>{selectedRecruiter?.user.name}</div>
+                </div>
+              </div>
+              <div className="flex flex-col flex-1">
+                <div className="font-semibold my-2">Email</div>
+                <div className="flex items-center">
+                  <div>{selectedRecruiter?.user.email}</div>
+                </div>
+              </div>
+              <div className="flex flex-col flex-1">
+                <div className="font-semibold my-2">Contact</div>
+                <div className="flex items-center">
+                  <div>{selectedRecruiter?.user.contact}</div>
+                </div>
+              </div>
+              <div className="flex flex-col flex-1">
+                <div className="font-semibold my-2">Company</div>
+                <div className="flex items-center">
+                  <div>{selectedRecruiter?.company.name}</div>
+                </div>
+              </div>
+              <div className="flex flex-col flex-1">
+                <div className="font-semibold my-2">Designation</div>
+                <div className="flex items-center">
+                  <div>{selectedRecruiter?.designation}</div>
+                </div>
+              </div>
+              <div className="flex justify-end w-full mt-4">
+                <Button
+                  onClick={async () => {
+                    if (selectedRecruiter) {
+                      try {
+                        await assignRecruiter([
+                          { id: job.id, recruiterId: selectedRecruiter.id },
+                        ]);
+                        toast.success("Recruiter assigned successfully");
+                      } catch (error) {
+                        toast.error("Failed to assign recruiter");
+                      }
+                    }
+                  }}
+                >
+                  Submit
+                </Button>
+              </div>
+            </div>
+          </div>
+
+          {job.selectionProcedure && (
+            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+              <div className="font-semibold text-lg mb-4">
+                Selection Procedure
+              </div>
+
+              <div className="flex md:flex-row flex-col justify-between mb-6">
+                <div>
+                  <div className="font-semibold my-2">Selection mode</div>{" "}
+                  {editMode ? (
+                    <select
+                      value={formData.selectionProcedure.selectionMode}
+                      onChange={(e) => {
+                        setFormData((prev) => ({
+                          ...prev,
+                          selectionProcedure: {
+                            ...prev.selectionProcedure,
+                            selectionMode: e.target.value,
+                          },
+                        }));
+                      }}
+                    >
+                      <option>ONLINE</option>
+                      <option>OFFLINE</option>
+                    </select>
+                  ) : (
+                    <div>{job.selectionProcedure.selectionMode}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">
+                    Shortlist from Resume
+                  </div>{" "}
+                  {editMode ? (
+                    <input
+                      type="checkbox"
+                      name="shortlistFromResume"
+                      checked={formData.selectionProcedure.shortlistFromResume}
+                      onChange={(e) => {
+                        setFormData((prev) => ({
+                          ...prev,
+                          selectionProcedure: {
+                            ...prev.selectionProcedure,
+                            shortlistFromResume: e.target.checked,
+                          },
+                        }));
+                      }}
+                    />
+                  ) : (
+                    <div>
+                      {job.selectionProcedure.shortlistFromResume
+                        ? "YES"
+                        : "NO"}
+                    </div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Group Discussion</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="checkbox"
+                      name="groupDiscussion"
+                      checked={formData.selectionProcedure.groupDiscussion}
+                      onChange={(e) => {
+                        setFormData((prev) => ({
+                          ...prev,
+                          selectionProcedure: {
+                            ...prev.selectionProcedure,
+                            groupDiscussion: e.target.checked,
+                          },
+                        }));
+                      }}
+                    />
+                  ) : (
+                    <div>
+                      {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
+                    </div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Number of members</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="number"
+                      name="numberOfMembers"
+                      value={
+                        formData.selectionProcedure.requirements
+                          ?.numberOfMembers!
+                      }
+                      onChange={(e) => {
+                        setFormData((prev) => ({
+                          ...prev,
+                          selectionProcedure: {
+                            ...prev.selectionProcedure,
+                            requirements: {
+                              ...prev.selectionProcedure.requirements,
+                              numberOfMembers: e.target.value,
+                            },
+                          },
+                        }));
+                      }}
+                    />
+                  ) : (
+                    <div>
+                      {job.selectionProcedure.requirements?.numberOfMembers!}
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
+                <div className="bg-gray-200 p-8 rounded-lg">
+                  <div className="font-semibold bg-gray-200">Tests</div>
+                  <ul className="list-disc capitalize">
+                    {editMode
+                      ? formData.selectionProcedure.tests.map((test, index) => (
+                        <li key={index} className="my-2">
+                          Test Type:
+                          <select
+                            className="ml-4 my-2 capitalize"
+                            value={test.type}
+                            onChange={(e) => {
+                              const updatedtests =
+                                formData.selectionProcedure.tests.map(
+                                  (i, j) =>
+                                    j === index
+                                      ? { ...i, type: e.target.value }
+                                      : i,
+                                );
+                              setFormData((prev) => ({
+                                ...prev,
+                                selectionProcedure: {
+                                  ...prev.selectionProcedure,
+                                  tests: updatedtests,
+                                },
+                              }));
+                            }}
+                          >
+                            {jafDetails.testTypes.map((test, index) => (
+                              <option key={index}>{test}</option>
+                            ))}
+                          </select>
+                          <br />
+                          Test Duration:
+                          <input
+                            className="ml-4 my-2"
+                            type="number"
+                            name="testDuration"
+                            value={test.duration}
+                            onChange={(e) => {
+                              const updatedTests =
+                                formData.selectionProcedure.tests.map(
+                                  (t, i) =>
+                                    i === index
+                                      ? {
+                                        ...t,
+                                        duration: Number(e.target.value),
+                                      }
+                                      : t,
+                                );
+                              setFormData((prev) => ({
+                                ...prev,
+                                selectionProcedure: {
+                                  ...prev.selectionProcedure,
+                                  tests: updatedTests,
+                                },
+                              }));
+                            }}
+                          />
+                        </li>
+                      ))
+                      : job.selectionProcedure.tests.map((p, index) => (
+                        <li key={index} className="my-2">
+                          {Object.entries(p).map(([key, value]) => (
+                            <span key={key}>
+                              {key} : {value}
+                              <br />
+                            </span>
+                          ))}
+                        </li>
+                      ))}
+                  </ul>
+                  {editMode && (
+                    <Button className="w-full" onClick={addNewTest}>
+                      Add
+                    </Button>
+                  )}
+                </div>
+
+                <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
+
+                <div className="bg-gray-200 p-8 rounded-lg">
+                  <div className="font-semibold bg-gray-200">Interviews</div>
+                  <ul className="list-disc capitalize">
+                    {editMode
+                      ? formData.selectionProcedure.interviews.map(
+                        (interview, index) => (
+                          <li key={index} className="my-2">
+                            Interview Type:
+                            <select
+                              className="ml-4 my-2 capitalize"
+                              value={interview.type}
+                              onChange={(e) => {
+                                const updatedInterviews =
+                                  formData.selectionProcedure.interviews.map(
+                                    (i, j) =>
+                                      j === index
+                                        ? { ...i, type: e.target.value }
+                                        : i,
+                                  );
+                                setFormData((prev) => ({
+                                  ...prev,
+                                  selectionProcedure: {
+                                    ...prev.selectionProcedure,
+                                    interviews: updatedInterviews,
+                                  },
+                                }));
+                              }}
+                            >
+                              {jafDetails.interviewTypes.map(
+                                (test, index) => (
+                                  <option key={index}>{test}</option>
+                                ),
+                              )}
+                            </select>
+                            <br />
+                            Interview Duration:
+                            <input
+                              className="ml-4 my-2"
+                              type="number"
+                              name="interviewDuration"
+                              value={interview.duration}
+                              onChange={(e) => {
+                                const updatedInterviews =
+                                  formData.selectionProcedure.interviews.map(
+                                    (i, j) =>
+                                      j === index
+                                        ? { ...i, duration: e.target.value }
+                                        : i,
+                                  );
+                                setFormData((prev) => ({
+                                  ...prev,
+                                  selectionProcedure: {
+                                    ...prev.selectionProcedure,
+                                    interviews: updatedInterviews,
+                                  },
+                                }));
+                              }}
+                            />
+                          </li>
+                        ),
+                      )
+                      : job.selectionProcedure.interviews.map((p, index) => (
+                        <li key={index} className="my-2">
+                          {Object.entries(p).map(([key, value]) => (
+                            <span key={key}>
+                              {key} : {value}
+                              <br />
+                            </span>
+                          ))}
+                        </li>
+                      ))}
+                  </ul>
+                  {editMode && (
+                    <Button className="w-full" onClick={addNewInterview}>
+                      Add
+                    </Button>
+                  )}
+                </div>
+              </div>
+              <div className="mt-8">
+                <div>
+                  <div>
+                    <span className="font-semibold">Other requirements :</span>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="otherRequirements"
+                        value={
+                          formData.selectionProcedure.requirements
+                            ?.otherRequirements
+                        }
+                        onChange={(e) => {
+                          setFormData((prev) => ({
+                            ...prev,
+                            selectionProcedure: {
+                              ...prev.selectionProcedure,
+                              requirements: {
+                                ...prev.selectionProcedure.requirements,
+                                otherRequirements: e.target.value,
+                              },
+                            },
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>
+                        {job.selectionProcedure.requirements?.otherRequirements}
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="font-semibold text-lg mb-4">Job Coordinators</div>
+            <div className="flex gap-4 flex-wrap">
+              {job.jobCoordinators?.map((coordinator, index) => (
+                <div
+                  key={index}
+                  className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
+                >
+                  <div className="text-center font-semibold">
+                    <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
+                    <br />
+                    {coordinator.tpcMember.student.user.name}
+                  </div>
+                  <div>
+                    <div>
+                      <span className="font-semibold">Role : </span>
+                      {coordinator.tpcMember.role}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Department : </span>
+                      {coordinator.tpcMember.student.program.department}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Email : </span>
+                      {coordinator.tpcMember.student.user.email}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Contact : </span>
+                      {coordinator.tpcMember.student.user.contact}
+                    </div>
+                  </div>
+                </div>
+              ))}
+              <JobCoordinatorForm jobId={params.jobId} />
+            </div>
+          </div>
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className=" flex justify-between">
+              <div className="font-semibold text-lg mb-4">Salaries</div>
+
+            </div>
+            {job.salaries?.map((salary, salaryIndex) => (
+              <>
+                <div key={salaryIndex}>
+                  <div className="flex md:flex-row flex-col flex-wrap justify-between">
+                    <div className="w-1/6">
+                      <div className="font-semibold my-2">Base Salary</div>
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="baseSalary"
+                          value={formData.salaries[salaryIndex].baseSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map((s, i) =>
+                              i === salaryIndex ? { ...s, baseSalary: e.target.value } : s
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.baseSalary}</div>
+                      )}
+                    </div>
+                    <div  className="w-1/6">
+                      <div className="font-semibold my-2">CTC</div>
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="totalCTC"
+                          value={formData.salaries[salaryIndex].totalCTC}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map((s, i) =>
+                              i === salaryIndex ? { ...s, totalCTC: e.target.value } : s
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.totalCTC}</div>
+                      )}
+                    </div>
+                    <div  className="w-1/6">
+                      <div className="font-semibold my-2">Take Home Salary</div>
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="takeHomeSalary"
+                          value={formData.salaries[salaryIndex].takeHomeSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map((s, i) =>
+                              i === salaryIndex ? { ...s, takeHomeSalary: e.target.value } : s
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.takeHomeSalary}</div>
+                      )}
+                    </div>
+                    <div  className="w-1/6">
+                      <div className="font-semibold my-2">Gross Salary</div>
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="grossSalary"
+                          value={formData.salaries[salaryIndex].grossSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map((s, i) =>
+                              i === salaryIndex ? { ...s, grossSalary: e.target.value } : s
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.grossSalary}</div>
+                      )}
+                    </div>
+                    <div  className="w-1/6">
+                      <div className="font-semibold my-2">Other Compensations</div>
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="otherCompensations"
+                          value={formData.salaries[salaryIndex].otherCompensations}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map((s, i) =>
+                              i === salaryIndex ? { ...s, otherCompensations: e.target.value } : s
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.otherCompensations}</div>
+                      )}
+                    </div>                    
+                  </div>
+                  <div className="flex md:flex-row flex-col flex-wrap justify-between my-5">
+                      <div  className="w-1/6">
+                        <div className="font-semibold my-2">Minimum CPI</div>
+                        {editMode ? (
+                          <input
+                            type="text"
+                            name="minCPI"
+                            value={formData.salaries[salaryIndex].minCPI}
+                            onChange={(e) => {
+                              const updatedSalaries = formData.salaries.map((s, i) =>
+                                i === salaryIndex ? { ...s, minCPI: e.target.value } : s
+                              );
+                              setFormData((prev) => ({
+                                ...prev,
+                                salaries: updatedSalaries,
+                              }));
+                            }}
+                          />
+                        ) : (
+                          <div>{salary.minCPI}</div>
+                        )}
+                      </div>
+                      <div  className="w-1/6">
+                        <div className="font-semibold my-2">Tenth Marks</div>
+                        {editMode ? (
+                          <input
+                            type="text"
+                            name="tenthMarks"
+                            value={formData.salaries[salaryIndex].tenthMarks}
+                            onChange={(e) => {
+                              const updatedSalaries = formData.salaries.map((s, i) =>
+                                i === salaryIndex ? { ...s, tenthMarks: e.target.value } : s
+                              );
+                              setFormData((prev) => ({
+                                ...prev,
+                                salaries: updatedSalaries,
+                              }));
+                            }}
+                          />
+                        ) : (
+                          <div>{salary.tenthMarks}</div>
+                        )}
+                      </div>
+                      <div  className="w-1/6">
+                        <div className="font-semibold my-2">TwelthMarks Marks</div>
+                        {editMode ? (
+                          <input
+                            type="text"
+                            name="twelthMarks"
+                            value={formData.salaries[salaryIndex].twelthMarks}
+                            onChange={(e) => {
+                              const updatedSalaries = formData.salaries.map((s, i) =>
+                                i === salaryIndex ? { ...s, twelthMarks: e.target.value } : s
+                              );
+                              setFormData((prev) => ({
+                                ...prev,
+                                salaries: updatedSalaries,
+                              }));
+                            }}
+                          />
+                        ) : (
+                          <div>{salary.twelthMarks}</div>
+                        )}
+                      </div>
+                    </div>
+                  {/* Genders */}
+                  <div>
+                    <h2 className="text-md font-semibold mt-4">Genders</h2>
+                    {editMode ? (
+                      <GenderSelectList
+                        givenOptions={jafDetails.genders}
+                        formData={formData}
+                        setFormData={setFormData}
+                        salaryIndex={salaryIndex} />
+                    ) : (
+                      <div className="flex flex-wrap !text-md">
+                        {salary.genders?.map((gender, genderIndex) => (
+                          <div key={genderIndex} className="mx-2 my-2">
+                            {editMode ? null : (
+                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                                {gender}
+                              </div>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  {/* Categories */}
+                  <div>
+                    <h2 className="text-md font-semibold mt-4">Categories</h2>
+                    {editMode ? (
+                      <CategorySelectList
+                        givenOptions={jafDetails.categories}
+                        formData={formData}
+                        setFormData={setFormData}
+                        salaryIndex={salaryIndex} />
+                    ) : (
+                      <div className="flex flex-wrap !text-md">
+                        {salary.categories?.map((category, categoryIndex) => (
+                          <div key={categoryIndex} className="mx-2 my-2">
+                            {editMode ? null : (
+                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                                {category}
+                              </div>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+                  {/* <Separator className="my-4" /> */}
+                  <div className="flex justify-between mt-2 mb-4">
+                    <Button color="primary" onClick={() => { setApprovalModal(!approvalModal); getApprovals(salaryIndex) }} >Current Approvals</Button>
+                    <div className="flex justify-end">
+                      {facultyDropDown[salaryIndex] && (<button
+                        className="bg-blue-500 text-white p-2 mr-4 rounded  hover:bg-blue-600 transition duration-200"
+                        onClick={() => submitApproval(salaryIndex)}
+                        >
+                        Submit Request
+                      </button>)}
+                      <Button
+                        color="primary"
+                        className=""
+                        onClick={() => {
+                          setFacultyDropdown((prev) => {
+                            const newDropdownState = [...prev];
+                            newDropdownState[salaryIndex] = !newDropdownState[salaryIndex];
+                            return newDropdownState;
+                          });
+                        }}
+                      >
+                        Make Request
+                      </Button>
+                    </div>
+                  </div>
+                  <Separator className="my-8" />
+                  {approvalModal && (
+                    <div className="fixed inset-0 flex items-center justify-center z-30 bg-gray-800 bg-opacity-10">
+                      <div className="bg-white rounded-lg shadow-lg w-3/4 md:w-1/2 lg:w-1/3">
+                        <div className="flex justify-between items-center p-4 border-b">
+                          <h2 className="text-xl font-semibold">Current Approvals</h2>
+                          <button className="text-gray-500 text-lg font-extrabold hover:text-gray-700" onClick={() => setApprovalModal(!approvalModal)}>
+                            X
+                          </button>
+                        </div>
+                        <div className="p-4 web overflow-auto" style={{ maxHeight: "75vh" }}>
+                          {loading ? (
+                            <Loader />
+                          ) : (
+                            facultyApprovals.map((approval, salaryIndex) => (
+                              <div key={approval.id} className="border-b border-gray-300 py-2">
+                                <h3 className="text-lg font-semibold">{approval?.faculty.user.name}</h3>
+                                <p className="text-gray-600"><strong>Department:</strong> {approval.faculty.department}</p>
+                                <p className="text-gray-600"><strong>Email:</strong> {approval.faculty?.user.email}</p>
+                                <p className="text-gray-600"><strong>Contact:</strong> {approval.faculty?.user.contact}</p>
+                                <p className="text-gray-600"><strong>Status:</strong> {approval.status}</p>
+                              </div>
+                            ))
+                          )}
+                        </div>
+                      </div>
+                    </div>
+                  )}                
+
+                  <div key={salaryIndex} className="flex flex-col">
+                    <div className="relative">
+
+                      {facultyDropDown[salaryIndex] && (
+                        <><div className="absolute right-0 mt-2 mb-3 w-60 bg-white border border-gray-300 max-h-60 overflow-auto rounded shadow-lg z-10">
+                          {facultyData.map((faculty) => (
+                            <label
+                              key={faculty.id}
+                              className="flex items-center p-2 bg-gray-100 hover:bg-gray-200 transition duration-200"
+                            >
+                              <input
+                                type="checkbox"
+                                checked={selectedFaculties[salaryIndex]?.includes(faculty.id) || false}
+                                onChange={() => {
+                                  setSelectedFaculties((prev) => {
+                                    const newSelectedFaculties = [...prev];
+                                    if (!newSelectedFaculties[salaryIndex]) {
+                                      newSelectedFaculties[salaryIndex] = [];
+                                    }
+                                    if (newSelectedFaculties[salaryIndex].includes(faculty.id)) {
+                                      newSelectedFaculties[salaryIndex] = newSelectedFaculties[salaryIndex].filter((id) => id !== faculty.id);
+                                    } else {
+                                      newSelectedFaculties[salaryIndex].push(faculty.id);
+                                    }
+                                    return newSelectedFaculties;
+                                  });
+                                }}
+                                className="form-checkbox h-4 w-4 text-blue-600" />
+                              <span className="ml-2 text-gray-700">{faculty.user.name}</span>
+                            </label>
+                          ))}
+                        </div></>
+                      )}
+                    </div>
+                  </div>
+                </div ></>
+            ))}
+          </div>
+        </div>
+      )
+      }
+    </div >
+  );
+};
+
+export default JobDetailPage;
diff --git a/src/app/(routes)/admin/jobs/events/[jobId]/layout.tsx b/src/app/(routes)/admin/jobs/events/[jobId]/layout.tsx
index 02c5be14..c21c4010 100644
--- a/src/app/(routes)/admin/jobs/events/[jobId]/layout.tsx
+++ b/src/app/(routes)/admin/jobs/events/[jobId]/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminJobLayout = ({ children }: Props) => {
-  return <div className="mx-2 my-4 py-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminJobLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminJobLayout = ({ children }: Props) => {
+  return <div className="mx-2 my-4 py-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminJobLayout;
diff --git a/src/app/(routes)/admin/jobs/events/[jobId]/page.tsx b/src/app/(routes)/admin/jobs/events/[jobId]/page.tsx
index b85473a5..b87acaa5 100644
--- a/src/app/(routes)/admin/jobs/events/[jobId]/page.tsx
+++ b/src/app/(routes)/admin/jobs/events/[jobId]/page.tsx
@@ -1,66 +1,66 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { JobEvents } from "@/components/Admin/JobEvents";
-import { fetchJobEvents } from "@/helpers/api";
-import { EventFC } from "@/helpers/recruiter/types";
-import { Button } from "@/components/ui/button";
-import { AddEvent } from "@/components/Admin/JobEvents";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-
-const EventsPage = ({ params }: { params: { jobId: string } }) => {
-  const [events, setData] = useState<[EventFC]>(null);
-  const [loading, setLoading] = useState(true);
-  const [addEventForm, setAddEventForm] = useState(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await fetchJobEvents(params.jobId);
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Some error occured");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [params.jobId]);
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
-        Events And Applications
-      </h1>
-      {addEventForm && (
-        <AddEvent
-          open={addEventForm}
-          setOpen={setAddEventForm}
-          jobId={params.jobId}
-        />
-      )}
-      <div className="w-full px-4 pb-4 flex justify-end">
-        <Button
-          onClick={() => {
-            setAddEventForm(true);
-          }}
-        >
-          Add Event
-        </Button>
-      </div>
-      {loading && (
-        <div className="w-full flex justify-center">
-          <Loader />
-        </div>
-      )}
-      {events && (
-        <div>
-          <JobEvents events={events} />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default EventsPage;
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { JobEvents } from "@/components/Admin/JobEvents";
+import { fetchJobEvents } from "@/helpers/api";
+import { EventFC } from "@/helpers/recruiter/types";
+import { Button } from "@/components/ui/button";
+import { AddEvent } from "@/components/Admin/JobEvents";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+
+const EventsPage = ({ params }: { params: { jobId: string } }) => {
+  const [events, setData] = useState<[EventFC]>(null);
+  const [loading, setLoading] = useState(true);
+  const [addEventForm, setAddEventForm] = useState(false);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchJobEvents(params.jobId);
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Some error occured");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [params.jobId]);
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
+        Events And Applications
+      </h1>
+      {addEventForm && (
+        <AddEvent
+          open={addEventForm}
+          setOpen={setAddEventForm}
+          jobId={params.jobId}
+        />
+      )}
+      <div className="w-full px-4 pb-4 flex justify-end">
+        <Button
+          onClick={() => {
+            setAddEventForm(true);
+          }}
+        >
+          Add Event
+        </Button>
+      </div>
+      {loading && (
+        <div className="w-full flex justify-center">
+          <Loader />
+        </div>
+      )}
+      {events && (
+        <div>
+          <JobEvents events={events} />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default EventsPage;
diff --git a/src/app/(routes)/admin/jobs/layout.tsx b/src/app/(routes)/admin/jobs/layout.tsx
index f7176067..c159f1f8 100644
--- a/src/app/(routes)/admin/jobs/layout.tsx
+++ b/src/app/(routes)/admin/jobs/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminJobLayout = ({ children }: Props) => {
-  return <div className="mx-2 my-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminJobLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminJobLayout = ({ children }: Props) => {
+  return <div className="mx-2 my-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminJobLayout;
diff --git a/src/app/(routes)/admin/jobs/loading.tsx b/src/app/(routes)/admin/jobs/loading.tsx
index 42cbb5c0..f815b8a3 100644
--- a/src/app/(routes)/admin/jobs/loading.tsx
+++ b/src/app/(routes)/admin/jobs/loading.tsx
@@ -1,28 +1,28 @@
-"use client";
-
-import React, { Component } from "react";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/jobs/page.tsx b/src/app/(routes)/admin/jobs/page.tsx
index 5f445fbb..f219fde4 100644
--- a/src/app/(routes)/admin/jobs/page.tsx
+++ b/src/app/(routes)/admin/jobs/page.tsx
@@ -1,57 +1,57 @@
-"use client";
-import { fetchAllJobs } from "@/helpers/api";
-import generateColumns from "@/components/NewTableComponent/ColumnMapping";
-import type { RecruitmentDTO } from "@/dto/JobDto";
-import { recruitmentDTO } from "@/dto/JobDto";
-import { createMRTColumnHelper } from "material-react-table";
-import Table from "@/components/NewTableComponent/Table";
-import { useEffect, useState } from "react";
-import Loader from "@/components/Loader/loader";
-
-const hiddenColumns = [
-  "id",
-  "season.id",
-  "company.id",
-  "recruiter.id",
-  "recruiter.user.id",
-];
-
-const JobPage = () => {
-  const columns = generateColumns(recruitmentDTO);
-  const [loading, setLoading] = useState(true);
-  const [allJobs, setAllJobs] = useState();
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  useEffect(() => {
-    const getData = async () => {
-      const data = await fetchAllJobs();
-      const newData = data.map((d: any) => ({
-        ...d,
-        active: d.active ? "Active" : "Inactive",
-      }));
-      setAllJobs(newData);
-      setLoading(false);
-    };
-    getData();
-  }, []);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Jobs</h1>
-      <div>
-        {loading && (
-          <div className="h-48 flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {allJobs && (
-          <Table data={allJobs} columns={visibleColumns} type={"job"} />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default JobPage;
+"use client";
+import { fetchAllJobs } from "@/helpers/api";
+import generateColumns from "@/components/NewTableComponent/ColumnMapping";
+import type { RecruitmentDTO } from "@/dto/JobDto";
+import { recruitmentDTO } from "@/dto/JobDto";
+import { createMRTColumnHelper } from "material-react-table";
+import Table from "@/components/NewTableComponent/Table";
+import { useEffect, useState } from "react";
+import Loader from "@/components/Loader/loader";
+
+const hiddenColumns = [
+  "id",
+  "season.id",
+  "company.id",
+  "recruiter.id",
+  "recruiter.user.id",
+];
+
+const JobPage = () => {
+  const columns = generateColumns(recruitmentDTO);
+  const [loading, setLoading] = useState(true);
+  const [allJobs, setAllJobs] = useState();
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  useEffect(() => {
+    const getData = async () => {
+      const data = await fetchAllJobs();
+      const newData = data.map((d: any) => ({
+        ...d,
+        active: d.active ? "Active" : "Inactive",
+      }));
+      setAllJobs(newData);
+      setLoading(false);
+    };
+    getData();
+  }, []);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Jobs</h1>
+      <div>
+        {loading && (
+          <div className="h-48 flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {allJobs && (
+          <Table data={allJobs} columns={visibleColumns} type={"job"} />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default JobPage;
diff --git a/src/app/(routes)/admin/layout.tsx b/src/app/(routes)/admin/layout.tsx
index 70e10113..8ca00736 100644
--- a/src/app/(routes)/admin/layout.tsx
+++ b/src/app/(routes)/admin/layout.tsx
@@ -1,14 +1,14 @@
-//layout for admin routes, this is the parent component for all admin routes
-//tailwindcss is used for styling, nextjs is used for routing, framer-motion is used for animations and typescript is used for type checking
-// import { motion } from "framer-motion";
-import Link from "next/link";
-
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminLayout = ({ children }: Props) => {
-  return <div>{children}</div>;
-};
-
-export default AdminLayout;
+//layout for admin routes, this is the parent component for all admin routes
+//tailwindcss is used for styling, nextjs is used for routing, framer-motion is used for animations and typescript is used for type checking
+// import { motion } from "framer-motion";
+import Link from "next/link";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminLayout = ({ children }: Props) => {
+  return <div>{children}</div>;
+};
+
+export default AdminLayout;
diff --git a/src/app/(routes)/admin/profile/page.tsx b/src/app/(routes)/admin/profile/page.tsx
index b6dbbdeb..ce2069d0 100644
--- a/src/app/(routes)/admin/profile/page.tsx
+++ b/src/app/(routes)/admin/profile/page.tsx
@@ -1,12 +1,12 @@
-import React from "react";
-import AdminProfile from "@/components/Admin/Profile";
-
-const ProfilePage = () => {
-  return (
-    <div className="flex justify-center">
-      <AdminProfile />
-    </div>
-  );
-};
-
-export default ProfilePage;
+import React from "react";
+import AdminProfile from "@/components/Admin/Profile";
+
+const ProfilePage = () => {
+  return (
+    <div className="flex justify-center">
+      <AdminProfile />
+    </div>
+  );
+};
+
+export default ProfilePage;
diff --git a/src/app/(routes)/admin/recruiters/layout.tsx b/src/app/(routes)/admin/recruiters/layout.tsx
index 4c8fb74c..1d0c22e3 100644
--- a/src/app/(routes)/admin/recruiters/layout.tsx
+++ b/src/app/(routes)/admin/recruiters/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminRecruiterLayout = ({ children }: Props) => {
-  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminRecruiterLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminRecruiterLayout = ({ children }: Props) => {
+  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminRecruiterLayout;
diff --git a/src/app/(routes)/admin/recruiters/loading.tsx b/src/app/(routes)/admin/recruiters/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/recruiters/loading.tsx
+++ b/src/app/(routes)/admin/recruiters/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/recruiters/page.tsx b/src/app/(routes)/admin/recruiters/page.tsx
index 3e93122a..a726fe04 100644
--- a/src/app/(routes)/admin/recruiters/page.tsx
+++ b/src/app/(routes)/admin/recruiters/page.tsx
@@ -1,46 +1,46 @@
-"use client";
-import { fetchRecruiterData } from "@/helpers/api";
-import Table from "@/components/NewTableComponent/Table";
-import generateColumns from "@/components/NewTableComponent/ColumnMapping";
-import { RecruiterDTO, recruiterdto } from "@/dto/RecruiterDto";
-import { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-
-const hiddenColumns = ["id", "user.id", "company.id"];
-
-const StudentPage = async () => {
-  const columns = generateColumns(recruiterdto);
-  const [AllRecruiters, setRecruiters] = useState<RecruiterDTO[]>([]);
-  useEffect(() => {
-    const fetchRecruiters = async () => {
-      try {
-        const data = await fetchRecruiterData();
-        setRecruiters(data);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      }
-    };
-
-    fetchRecruiters();
-  }, []);
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Recruiters</h1>
-      <div>
-        {AllRecruiters && (
-          <Table
-            data={AllRecruiters}
-            columns={visibleColumns}
-            type={"recruiter"}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import { fetchRecruiterData } from "@/helpers/api";
+import Table from "@/components/NewTableComponent/Table";
+import generateColumns from "@/components/NewTableComponent/ColumnMapping";
+import { RecruiterDTO, recruiterdto } from "@/dto/RecruiterDto";
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+
+const hiddenColumns = ["id", "user.id", "company.id"];
+
+const StudentPage = async () => {
+  const columns = generateColumns(recruiterdto);
+  const [AllRecruiters, setRecruiters] = useState<RecruiterDTO[]>([]);
+  useEffect(() => {
+    const fetchRecruiters = async () => {
+      try {
+        const data = await fetchRecruiterData();
+        setRecruiters(data);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      }
+    };
+
+    fetchRecruiters();
+  }, []);
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Recruiters</h1>
+      <div>
+        {AllRecruiters && (
+          <Table
+            data={AllRecruiters}
+            columns={visibleColumns}
+            type={"recruiter"}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/admin/resumes/layout.tsx b/src/app/(routes)/admin/resumes/layout.tsx
index b4135c73..9a3afc24 100644
--- a/src/app/(routes)/admin/resumes/layout.tsx
+++ b/src/app/(routes)/admin/resumes/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminResumeLayout = ({ children }: Props) => {
-  return <div className="mx-2 my-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminResumeLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminResumeLayout = ({ children }: Props) => {
+  return <div className="mx-2 my-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminResumeLayout;
diff --git a/src/app/(routes)/admin/resumes/loading.tsx b/src/app/(routes)/admin/resumes/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/resumes/loading.tsx
+++ b/src/app/(routes)/admin/resumes/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/resumes/page.tsx b/src/app/(routes)/admin/resumes/page.tsx
index 135481d3..20e1a23b 100644
--- a/src/app/(routes)/admin/resumes/page.tsx
+++ b/src/app/(routes)/admin/resumes/page.tsx
@@ -1,92 +1,92 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import { fetchResumes, getResumeFile, patchResumeVerify } from "@/helpers/api";
-import generateColumns from "@/components/NewTableComponent/ColumnMapping";
-import Table from "@/components/NewTableComponent/Table";
-import { resumeDto, Resume, ResumeTableData } from "@/dto/ResumeDto";
-import Link from "next/link";
-import VerifiedIcon from "@mui/icons-material/Verified";
-import PendingOutlinedIcon from "@mui/icons-material/PendingOutlined";
-import { Button } from "@/components/ui/button";
-import toast, { Toaster } from "react-hot-toast";
-
-const hiddenColumns = [
-  "student.id",
-  "id",
-  "student.user.id",
-  "student.program.id",
-];
-
-const Resumes = () => {
-  const [allresumes, setAllResumes] = useState<ResumeTableData[]>();
-  const newResumeDto = [{ update: "string", ...resumeDto[0] }];
-  const columns = generateColumns(newResumeDto);
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  const updateVerification = (id: string, resumes: ResumeTableData[]) => {
-    patchResumeVerify([{ id: id, verified: true }]);
-    const updatedResumes: ResumeTableData[] = resumes.map((resume) =>
-      resume.id == id ? { ...resume, verified: true } : resume,
-    );
-    setData(updatedResumes);
-  };
-
-  const setData = (data: ResumeTableData[]) => {
-    const newData = data.map((resume) => ({
-      ...resume,
-      filepath: (
-        <Button
-          onClick={() => {
-            getResumeFile(resume.filepath as string);
-          }}
-        >
-          Open Resume
-        </Button>
-      ),
-      verified: (
-        <div className="flex justify-center">
-          {resume.verified ? <VerifiedIcon /> : <PendingOutlinedIcon />}
-        </div>
-      ),
-      update: resume.verified ? (
-        "Verified"
-      ) : (
-        <Button
-          onClick={() => {
-            updateVerification(resume.id, data);
-          }}
-        >
-          Verify
-        </Button>
-      ),
-    }));
-    setAllResumes((prevData) => newData);
-  };
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const data: ResumeTableData[] = await fetchResumes();
-      if (!data) {
-        toast.error("Some error Occured");
-        return;
-      }
-      setData(data);
-    };
-    fetchData();
-  }, []);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Resumes</h1>
-      <div>
-        {allresumes && (
-          <Table data={allresumes} columns={visibleColumns} type={"resume"} />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default Resumes;
+"use client";
+import React, { useEffect, useState } from "react";
+import { fetchResumes, getResumeFile, patchResumeVerify } from "@/helpers/api";
+import generateColumns from "@/components/NewTableComponent/ColumnMapping";
+import Table from "@/components/NewTableComponent/Table";
+import { resumeDto, Resume, ResumeTableData } from "@/dto/ResumeDto";
+import Link from "next/link";
+import VerifiedIcon from "@mui/icons-material/Verified";
+import PendingOutlinedIcon from "@mui/icons-material/PendingOutlined";
+import { Button } from "@/components/ui/button";
+import toast, { Toaster } from "react-hot-toast";
+
+const hiddenColumns = [
+  "student.id",
+  "id",
+  "student.user.id",
+  "student.program.id",
+];
+
+const Resumes = () => {
+  const [allresumes, setAllResumes] = useState<ResumeTableData[]>();
+  const newResumeDto = [{ update: "string", ...resumeDto[0] }];
+  const columns = generateColumns(newResumeDto);
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  const updateVerification = (id: string, resumes: ResumeTableData[]) => {
+    patchResumeVerify([{ id: id, verified: true }]);
+    const updatedResumes: ResumeTableData[] = resumes.map((resume) =>
+      resume.id == id ? { ...resume, verified: true } : resume,
+    );
+    setData(updatedResumes);
+  };
+
+  const setData = (data: ResumeTableData[]) => {
+    const newData = data.map((resume) => ({
+      ...resume,
+      filepath: (
+        <Button
+          onClick={() => {
+            getResumeFile(resume.filepath as string);
+          }}
+        >
+          Open Resume
+        </Button>
+      ),
+      verified: (
+        <div className="flex justify-center">
+          {resume.verified ? <VerifiedIcon /> : <PendingOutlinedIcon />}
+        </div>
+      ),
+      update: resume.verified ? (
+        "Verified"
+      ) : (
+        <Button
+          onClick={() => {
+            updateVerification(resume.id, data);
+          }}
+        >
+          Verify
+        </Button>
+      ),
+    }));
+    setAllResumes((prevData) => newData);
+  };
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const data: ResumeTableData[] = await fetchResumes();
+      if (!data) {
+        toast.error("Some error Occured");
+        return;
+      }
+      setData(data);
+    };
+    fetchData();
+  }, []);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Resumes</h1>
+      <div>
+        {allresumes && (
+          <Table data={allresumes} columns={visibleColumns} type={"resume"} />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default Resumes;
diff --git a/src/app/(routes)/admin/seasons/layout.tsx b/src/app/(routes)/admin/seasons/layout.tsx
index d1431a56..1a80df98 100644
--- a/src/app/(routes)/admin/seasons/layout.tsx
+++ b/src/app/(routes)/admin/seasons/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const SeasonsLayout = ({ children }: Props) => {
-  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
-};
-
-export default SeasonsLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const SeasonsLayout = ({ children }: Props) => {
+  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
+};
+
+export default SeasonsLayout;
diff --git a/src/app/(routes)/admin/seasons/loading.tsx b/src/app/(routes)/admin/seasons/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/seasons/loading.tsx
+++ b/src/app/(routes)/admin/seasons/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/seasons/page.tsx b/src/app/(routes)/admin/seasons/page.tsx
index 014ec5d3..68ff20a8 100644
--- a/src/app/(routes)/admin/seasons/page.tsx
+++ b/src/app/(routes)/admin/seasons/page.tsx
@@ -1,65 +1,65 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { AllSeasons } from "@/components/Admin/AllSeasons";
-import { fetchAllSeasons } from "@/helpers/api";
-import { SeasonFC } from "@/helpers/season/types";
-import { Button } from "@/components/ui/button";
-import { AddSeason } from "@/components/Admin/AllSeasons";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-
-const SeasonsPage = () => {
-  const [seasons, setData] = useState<[SeasonFC]>(null);
-  const [loading, setLoading] = useState(true);
-  const [addSeasonForm, setAddSeasonForm] = useState(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await fetchAllSeasons();
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Some error occured");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, []);
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
-        Seasons
-      </h1>
-      {addSeasonForm && (
-        <AddSeason
-          open={addSeasonForm}
-          setOpen={setAddSeasonForm}
-        />
-      )}
-      <div className="w-full px-4 pb-4 flex justify-end">
-        <Button
-          onClick={() => {
-            setAddSeasonForm(true);
-          }}
-        >
-          Add Season
-        </Button>
-      </div>
-      {loading && (
-        <div className="w-full flex justify-center">
-          <Loader />
-        </div>
-      )}
-      {seasons && (
-        <div>
-          <AllSeasons seasons={seasons} />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default SeasonsPage;
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { AllSeasons } from "@/components/Admin/AllSeasons";
+import { fetchAllSeasons } from "@/helpers/api";
+import { SeasonFC } from "@/helpers/season/types";
+import { Button } from "@/components/ui/button";
+import { AddSeason } from "@/components/Admin/AllSeasons";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+
+const SeasonsPage = () => {
+  const [seasons, setData] = useState<[SeasonFC]>(null);
+  const [loading, setLoading] = useState(true);
+  const [addSeasonForm, setAddSeasonForm] = useState(false);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchAllSeasons();
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Some error occured");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
+        Seasons
+      </h1>
+      {addSeasonForm && (
+        <AddSeason
+          open={addSeasonForm}
+          setOpen={setAddSeasonForm}
+        />
+      )}
+      <div className="w-full px-4 pb-4 flex justify-end">
+        <Button
+          onClick={() => {
+            setAddSeasonForm(true);
+          }}
+        >
+          Add Season
+        </Button>
+      </div>
+      {loading && (
+        <div className="w-full flex justify-center">
+          <Loader />
+        </div>
+      )}
+      {seasons && (
+        <div>
+          <AllSeasons seasons={seasons} />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default SeasonsPage;
diff --git a/src/app/(routes)/admin/students/[...filter]/page.tsx b/src/app/(routes)/admin/students/[...filter]/page.tsx
index 287cc55a..a7868186 100644
--- a/src/app/(routes)/admin/students/[...filter]/page.tsx
+++ b/src/app/(routes)/admin/students/[...filter]/page.tsx
@@ -1,60 +1,60 @@
-"use client";
-import { fetchStudentData } from "@/helpers/api";
-import TableComponent from "@/components/TableComponent/TableComponent";
-import generateColumns from "@/components/TableComponent/ColumnMapping";
-import { useRouter } from "next/router";
-import { useEffect, useState } from "react";
-
-const dto = [
-  {
-    id: "string",
-    userId: "string",
-    programId: "string",
-    rollNo: "number",
-    category: "string",
-    gender: "MALE",
-    cpi: "number",
-    user: { name: "string", email: "string", contact: "string" },
-    program: { course: "string", branch: "string", year: "number" },
-  },
-];
-
-const dynamicColumns = generateColumns(dto[0]);
-
-const StudentPage = ({ params }: any) => {
-  const [students, setStudents] = useState([]);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      // Decode the URL
-
-      // Extract query parameters from the URL
-      const decodedParams = decodeURIComponent(params.filter[0]);
-      const AllStudents = await fetchStudentData(decodedParams);
-      setStudents(AllStudents);
-    };
-
-    fetchData();
-  }, [params?.filter[0]]);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">
-        Students Filter
-      </h1>
-      <div>
-        {students.length > 0 && (
-          <TableComponent
-            isAddButton={true}
-            AddButtonText={"Add Students"}
-            data={students}
-            columns={dynamicColumns}
-            dto={dto}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import { fetchStudentData } from "@/helpers/api";
+import TableComponent from "@/components/TableComponent/TableComponent";
+import generateColumns from "@/components/TableComponent/ColumnMapping";
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+
+const dto = [
+  {
+    id: "string",
+    userId: "string",
+    programId: "string",
+    rollNo: "number",
+    category: "string",
+    gender: "MALE",
+    cpi: "number",
+    user: { name: "string", email: "string", contact: "string" },
+    program: { course: "string", branch: "string", year: "number" },
+  },
+];
+
+const dynamicColumns = generateColumns(dto[0]);
+
+const StudentPage = ({ params }: any) => {
+  const [students, setStudents] = useState([]);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      // Decode the URL
+
+      // Extract query parameters from the URL
+      const decodedParams = decodeURIComponent(params.filter[0]);
+      const AllStudents = await fetchStudentData(decodedParams);
+      setStudents(AllStudents);
+    };
+
+    fetchData();
+  }, [params?.filter[0]]);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">
+        Students Filter
+      </h1>
+      <div>
+        {students.length > 0 && (
+          <TableComponent
+            isAddButton={true}
+            AddButtonText={"Add Students"}
+            data={students}
+            columns={dynamicColumns}
+            dto={dto}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/admin/students/layout.tsx b/src/app/(routes)/admin/students/layout.tsx
index 69a0fb7d..221ab18d 100644
--- a/src/app/(routes)/admin/students/layout.tsx
+++ b/src/app/(routes)/admin/students/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const AdminStudentLayout = ({ children }: Props) => {
-  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
-};
-
-export default AdminStudentLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const AdminStudentLayout = ({ children }: Props) => {
+  return <div className="mx-2 py-4 rounded-md bg-white">{children}</div>;
+};
+
+export default AdminStudentLayout;
diff --git a/src/app/(routes)/admin/students/loading.tsx b/src/app/(routes)/admin/students/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/admin/students/loading.tsx
+++ b/src/app/(routes)/admin/students/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/admin/students/page.tsx b/src/app/(routes)/admin/students/page.tsx
index 3987632f..2b0cfcf3 100644
--- a/src/app/(routes)/admin/students/page.tsx
+++ b/src/app/(routes)/admin/students/page.tsx
@@ -1,40 +1,40 @@
-"use client";
-import { useState, useEffect } from "react";
-import { fetchStudentData } from "@/helpers/api";
-import Table from "@/components/NewTableComponent/Table";
-import type { DTO } from "@/dto/StudentDto";
-import generateColumns from "@/components/NewTableComponent/ColumnMapping";
-import { jsondto } from "@/dto/StudentDto";
-
-const hiddenColumns = ["userId", "programId", "id"];
-
-const StudentPage = () => {
-  const [students, setStudents] = useState<DTO[]>([]);
-  const columns = generateColumns(jsondto);
-
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const data = await fetchStudentData();
-      setStudents(data);
-    };
-
-    fetchData();
-  }, []);
-
-  return (
-    <div className="m-10">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Students</h1>
-      <div>
-        {students.length > 0 && (
-          <Table data={students} columns={visibleColumns} type={"student"} />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import { useState, useEffect } from "react";
+import { fetchStudentData } from "@/helpers/api";
+import Table from "@/components/NewTableComponent/Table";
+import type { DTO } from "@/dto/StudentDto";
+import generateColumns from "@/components/NewTableComponent/ColumnMapping";
+import { jsondto } from "@/dto/StudentDto";
+
+const hiddenColumns = ["userId", "programId", "id"];
+
+const StudentPage = () => {
+  const [students, setStudents] = useState<DTO[]>([]);
+  const columns = generateColumns(jsondto);
+
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const data = await fetchStudentData();
+      setStudents(data);
+    };
+
+    fetchData();
+  }, []);
+
+  return (
+    <div className="m-10">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Students</h1>
+      <div>
+        {students.length > 0 && (
+          <Table data={students} columns={visibleColumns} type={"student"} />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/faculty/layout.tsx b/src/app/(routes)/faculty/layout.tsx
index 718257b2..97f87397 100644
--- a/src/app/(routes)/faculty/layout.tsx
+++ b/src/app/(routes)/faculty/layout.tsx
@@ -1,11 +1,11 @@
-import Link from "next/link";
-
-interface Props {
-  children: React.ReactNode;
-}
-
-const FacultyLayout = ({ children }: Props) => {
-  return <div>{children}</div>;
-};
-
-export default FacultyLayout;
+import Link from "next/link";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const FacultyLayout = ({ children }: Props) => {
+  return <div>{children}</div>;
+};
+
+export default FacultyLayout;
diff --git a/src/app/(routes)/faculty/loading.tsx b/src/app/(routes)/faculty/loading.tsx
index c7f5b8c1..e7627aa1 100644
--- a/src/app/(routes)/faculty/loading.tsx
+++ b/src/app/(routes)/faculty/loading.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import React, { Component } from "react";
-import { CircularProgress } from "@mui/material";
-import Loader from "@/components/Loader/loader";
-
-class Loading extends Component {
-  render() {
-    const { error }: any = this.props;
-
-    // If an error prop is provided and it's true, display the error message
-    if (error) {
-      return (
-        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
-          Error: Something went wrong.
-        </div>
-      );
-    }
-
-    // Otherwise, display the Material-UI CircularProgress component
-    return (
-      <div className="h-screen w-full flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-}
-
-export default Loading;
+"use client";
+
+import React, { Component } from "react";
+import { CircularProgress } from "@mui/material";
+import Loader from "@/components/Loader/loader";
+
+class Loading extends Component {
+  render() {
+    const { error }: any = this.props;
+
+    // If an error prop is provided and it's true, display the error message
+    if (error) {
+      return (
+        <div className="h-screen w-full text-center flex justify-center items-center font-bold mx-2 my-4 rounded-md bg-red-200 text-red-800">
+          Error: Something went wrong.
+        </div>
+      );
+    }
+
+    // Otherwise, display the Material-UI CircularProgress component
+    return (
+      <div className="h-screen w-full flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+}
+
+export default Loading;
diff --git a/src/app/(routes)/faculty/page.tsx b/src/app/(routes)/faculty/page.tsx
index cee229d4..c3bbd5ab 100644
--- a/src/app/(routes)/faculty/page.tsx
+++ b/src/app/(routes)/faculty/page.tsx
@@ -1,73 +1,73 @@
-"use client";
-import { fetchApprovals } from "@/helpers/faculty/api";
-import TableComponent from "@/components/TableComponent/TableComponent";
-import generateColumns from "@/components/TableComponent/ColumnMapping";
-import { useState, useEffect } from "react";
-import Loader from "@/components/Loader/loader";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import toast from "react-hot-toast";
-
-const dto = [
-  {
-    status: "string",
-    remarks: "string",
-    salary: {
-      salaryPeriod: "string",
-      totalCTC: "number",
-      job: {
-        role: "string",
-        company: {
-          name: "string",
-        },
-        season: {
-          year: "string",
-          type: "string",
-        },
-      },
-    },
-  },
-];
-
-const dynamicColumns = generateColumns(dto);
-
-const FacultyPage = () => {
-  const [data, setData] = useState(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await fetchApprovals(undefined);
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Error fetching data:", error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, []);
-  return (
-    <div className="md:m-12 m-2">
-      <h1 className="text-center font-bold text-3xl my-5 py-5">Approvals</h1>
-      <div>
-        {loading && (
-          <div className=" w-[100%] h-[50vh] mx-2 py-4 rounded-md bg-white  flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {data && (
-          <TableComponent
-            data={data}
-            columns={dynamicColumns}
-            dto={dto}
-            isFeedbackForm={true}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default FacultyPage;
+"use client";
+import { fetchApprovals } from "@/helpers/faculty/api";
+import TableComponent from "@/components/TableComponent/TableComponent";
+import generateColumns from "@/components/TableComponent/ColumnMapping";
+import { useState, useEffect } from "react";
+import Loader from "@/components/Loader/loader";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import toast from "react-hot-toast";
+
+const dto = [
+  {
+    status: "string",
+    remarks: "string",
+    salary: {
+      salaryPeriod: "string",
+      totalCTC: "number",
+      job: {
+        role: "string",
+        company: {
+          name: "string",
+        },
+        season: {
+          year: "string",
+          type: "string",
+        },
+      },
+    },
+  },
+];
+
+const dynamicColumns = generateColumns(dto);
+
+const FacultyPage = () => {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchApprovals(undefined);
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Error fetching data:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+  return (
+    <div className="md:m-12 m-2">
+      <h1 className="text-center font-bold text-3xl my-5 py-5">Approvals</h1>
+      <div>
+        {loading && (
+          <div className=" w-[100%] h-[50vh] mx-2 py-4 rounded-md bg-white  flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {data && (
+          <TableComponent
+            data={data}
+            columns={dynamicColumns}
+            dto={dto}
+            isFeedbackForm={true}
+          />
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default FacultyPage;
diff --git a/src/app/(routes)/faculty/profile/page.tsx b/src/app/(routes)/faculty/profile/page.tsx
index e28742df..679dfc50 100644
--- a/src/app/(routes)/faculty/profile/page.tsx
+++ b/src/app/(routes)/faculty/profile/page.tsx
@@ -1,17 +1,17 @@
-"use client";
-
-import React, { useEffect, useState } from "react";
-import FacultyProfile from "@/components/Faculty/Profile";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import { ProfileFC } from "@/helpers/faculty/types";
-import Loader from "@/components/Loader/loader";
-
-const Profile = ({ params }: { params: { facultyId: string } }) => {
-  return (
-    <div className="h-screen">
-      <FacultyProfile />
-    </div>
-  );
-};
-
-export default Profile;
+"use client";
+
+import React, { useEffect, useState } from "react";
+import FacultyProfile from "@/components/Faculty/Profile";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import { ProfileFC } from "@/helpers/faculty/types";
+import Loader from "@/components/Loader/loader";
+
+const Profile = ({ params }: { params: { facultyId: string } }) => {
+  return (
+    <div className="h-screen">
+      <FacultyProfile />
+    </div>
+  );
+};
+
+export default Profile;
diff --git a/src/app/(routes)/recruiter/events/[jobId]/page.tsx b/src/app/(routes)/recruiter/events/[jobId]/page.tsx
index 85342da7..90a05200 100644
--- a/src/app/(routes)/recruiter/events/[jobId]/page.tsx
+++ b/src/app/(routes)/recruiter/events/[jobId]/page.tsx
@@ -1,47 +1,47 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { JobDetailFC } from "@/helpers/recruiter/types";
-import { getJobDetail } from "@/helpers/recruiter/api";
-import loadingImg from "@/../public/loadingSpinner.svg";
-import { JobEvents } from "@/components/Recruiters/Events";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-const EventsPage = ({ params }: { params: { jobId: string } }) => {
-  const [job, setData] = useState<JobDetailFC>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await getJobDetail(params.jobId);
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Error Fetching Data");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [params.jobId]);
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
-        Events And Applications
-      </h1>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {job && (
-        <div>
-          <JobEvents events={job.events} />
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default EventsPage;
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { JobDetailFC } from "@/helpers/recruiter/types";
+import { getJobDetail } from "@/helpers/recruiter/api";
+import loadingImg from "@/../public/loadingSpinner.svg";
+import { JobEvents } from "@/components/Recruiters/Events";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+const EventsPage = ({ params }: { params: { jobId: string } }) => {
+  const [job, setData] = useState<JobDetailFC>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await getJobDetail(params.jobId);
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Error Fetching Data");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [params.jobId]);
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
+        Events And Applications
+      </h1>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {job && (
+        <div>
+          <JobEvents events={job.events} />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default EventsPage;
diff --git a/src/app/(routes)/recruiter/events/page.tsx b/src/app/(routes)/recruiter/events/page.tsx
index 4259f73e..77cde4c8 100644
--- a/src/app/(routes)/recruiter/events/page.tsx
+++ b/src/app/(routes)/recruiter/events/page.tsx
@@ -1,89 +1,89 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { JobsFC } from "@/helpers/recruiter/types";
-import { getJobs } from "@/helpers/recruiter/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/../public/loadingSpinner.svg";
-import { useRouter } from "next/navigation";
-import { Button } from "@/components/ui/button";
-import Loader from "@/components/Loader/loader";
-const EventPage = () => {
-  const [data, setData] = useState<JobsFC[]>(null);
-  const [loading, setLoading] = useState(true);
-  const router = useRouter();
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await getJobs();
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Error Fetching Data");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, []);
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">Events</h1>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {data && (
-        <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
-          <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-            <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-              <tr>
-                <th scope="col" className="px-6 py-3">
-                  Role
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Active
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Current Status
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  More Details
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.map((job, index) => (
-                <tr
-                  key={index}
-                  onClick={() => {
-                    router.push(`/recruiter/events/${job.id}`);
-                  }}
-                  className="cursor-pointer bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
-                >
-                  <th
-                    scope="row"
-                    className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                  >
-                    {job.role}
-                  </th>
-                  <td className="px-6 py-4">
-                    {job.active ? "Active" : "Inactive"}
-                  </td>
-                  <td className="px-6 py-4">{job.currentStatus}</td>
-                  <td className="px-6 py-4">
-                    <Button>View More</Button>
-                  </td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default EventPage;
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { JobsFC } from "@/helpers/recruiter/types";
+import { getJobs } from "@/helpers/recruiter/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/../public/loadingSpinner.svg";
+import { useRouter } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import Loader from "@/components/Loader/loader";
+const EventPage = () => {
+  const [data, setData] = useState<JobsFC[]>(null);
+  const [loading, setLoading] = useState(true);
+  const router = useRouter();
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await getJobs();
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Error Fetching Data");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">Events</h1>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {data && (
+        <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
+          <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+            <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+              <tr>
+                <th scope="col" className="px-6 py-3">
+                  Role
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Active
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Current Status
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  More Details
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.map((job, index) => (
+                <tr
+                  key={index}
+                  onClick={() => {
+                    router.push(`/recruiter/events/${job.id}`);
+                  }}
+                  className="cursor-pointer bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
+                >
+                  <th
+                    scope="row"
+                    className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                  >
+                    {job.role}
+                  </th>
+                  <td className="px-6 py-4">
+                    {job.active ? "Active" : "Inactive"}
+                  </td>
+                  <td className="px-6 py-4">{job.currentStatus}</td>
+                  <td className="px-6 py-4">
+                    <Button>View More</Button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default EventPage;
diff --git a/src/app/(routes)/recruiter/jobs/[jobID]/page.tsx b/src/app/(routes)/recruiter/jobs/[jobID]/page.tsx
index 235dca8c..c4755b61 100644
--- a/src/app/(routes)/recruiter/jobs/[jobID]/page.tsx
+++ b/src/app/(routes)/recruiter/jobs/[jobID]/page.tsx
@@ -1,739 +1,739 @@
-"use client";
-import React, { useState, useEffect } from "react";
-import { JobDetailFC } from "@/helpers/recruiter/types";
-import { getJobDetail } from "@/helpers/recruiter/api";
-import loadingImg from "@/../public/loadingSpinner.svg";
-import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
-import PersonIcon from "@mui/icons-material/Person";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
-import { Separator } from "@/components/ui/separator";
-import { getJafDetails } from "@/helpers/recruiter/api";
-import { JAFdetailsFC } from "@/helpers/recruiter/types";
-import { patchJobData } from "@/helpers/recruiter/api";
-import { patchSalaryData } from "@/helpers/recruiter/api";
-import {
-  CategorySelectList,
-  GenderSelectList,
-} from "@/components/Recruiters/jobEdit";
-import Loader from "@/components/Loader/loader";
-
-const JobDetailPage = ({ params }: { params: { jobID: string } }) => {
-  const [job, setData] = useState<JobDetailFC>(null);
-  const [loading, setLoading] = useState(true);
-  const [editMode, setEditMode] = useState(false);
-  const [formData, setFormData] = useState(null);
-  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const [jobDetailData, jafDetailsData] = await Promise.all([
-          getJobDetail(params.jobID),
-          getJafDetails(),
-        ]);
-
-        setJafDetails((prev) => jafDetailsData);
-        setData(jobDetailData);
-        setFormData(jobDetailData);
-      } catch (error) {
-        console.error("Error fetching data:", error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [params.jobID]);
-
-  const handleEditClick = () => {
-    if (editMode) {
-      handleSubmit();
-    }
-    setEditMode(!editMode);
-  };
-
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = async () => {
-    const c1 = await patchJobData(job.id, formData);
-    if (true) {
-      formData.salaries.map((salary, index) => patchSalaryData(salary));
-    }
-    setEditMode(false);
-    window.location.reload();
-  };
-
-  const addNewTest = () => {
-    const newTest = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        tests: [...prev.selectionProcedure.tests, newTest],
-      },
-    }));
-  };
-
-  const addNewInterview = () => {
-    const newInterview = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        interviews: [...prev.selectionProcedure.interviews, newInterview],
-      },
-    }));
-  };
-
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
-        Job Details
-      </h1>
-
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {job && (
-        <div className="flex flex-col gap-4">
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="flex md:flex-row flex-col justify-between leading-8">
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Role </span>
-                {editMode ? (
-                  <input
-                    type="text"
-                    name="role"
-                    value={formData.role}
-                    onChange={handleChange}
-                  />
-                ) : (
-                  <span>{job.role}</span>
-                )}
-              </div>
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Activity </span>
-                <span>{job.active ? "Active" : "Inactive"}</span>
-              </div>
-              <div className="flex flex-col">
-                <span className="font-semibold text-lg">Current Status </span>
-                <span>{job.currentStatus}</span>
-              </div>
-              <div className="flex flex-col gap-4">
-                <Link
-                  href={`/recruiter/events/${job.id}`}
-                  className="flex flex-col gap-4"
-                >
-                  <Button variant="default">Events and Applications</Button>
-                </Link>
-                {!job.active && (
-                  <Button onClick={handleEditClick}>
-                    {editMode ? "Save Application" : "Edit Application"}
-                  </Button>
-                )}
-              </div>
-            </div>
-            <div>
-              <div className="font-semibold text-lg my-4">Skills</div>
-              <div className="flex flex-wrap gap-4">
-                {editMode ? (
-                  <input
-                    type="text"
-                    name="skills"
-                    value={formData.skills}
-                    onChange={handleChange}
-                  />
-                ) : (
-                  job.skills
-                )}
-              </div>
-              <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
-                <div>
-                  <div className="font-semibold my-2">Location</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="location"
-                      value={formData.location}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.location}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Offer letter release</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="date"
-                      name="offerLetterReleaseDate"
-                      value={formData.offerLetterReleaseDate}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.offerLetterReleaseDate}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Joining Date</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="date"
-                      name="joiningDate"
-                      value={formData.joiningDate}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.joiningDate}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Duration</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="duration"
-                      value={formData.duration}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.duration}</div>
-                  )}
-                </div>
-                <div>
-                  <div className="font-semibold my-2">Attachment</div>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="attachment"
-                      value={formData.attachment}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <div>{job.attachment}</div>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="font-semibold text-lg mb-4">
-              Selection Procedure
-            </div>
-            <div className="flex md:flex-row flex-col justify-between mb-6">
-              <div>
-                <div className="font-semibold my-2">Selection mode</div>{" "}
-                {editMode ? (
-                  <select
-                    value={formData.selectionProcedure.selectionMode}
-                    onChange={(e) => {
-                      setFormData((prev) => ({
-                        ...prev,
-                        selectionProcedure: {
-                          ...prev.selectionProcedure,
-                          selectionMode: e.target.value,
-                        },
-                      }));
-                    }}
-                  >
-                    <option>ONLINE</option>
-                    <option>OFFLINE</option>
-                  </select>
-                ) : (
-                  <div>{job.selectionProcedure.selectionMode}</div>
-                )}
-              </div>
-              <div>
-                <div className="font-semibold my-2">Shortlist from Resume</div>{" "}
-                {editMode ? (
-                  <input
-                    type="checkbox"
-                    name="shortlistFromResume"
-                    checked={formData.selectionProcedure.shortlistFromResume}
-                    onChange={(e) => {
-                      setFormData((prev) => ({
-                        ...prev,
-                        selectionProcedure: {
-                          ...prev.selectionProcedure,
-                          shortlistFromResume: e.target.checked,
-                        },
-                      }));
-                    }}
-                  />
-                ) : (
-                  <div>
-                    {job.selectionProcedure.shortlistFromResume ? "YES" : "NO"}
-                  </div>
-                )}
-              </div>
-              <div>
-                <div className="font-semibold my-2">Group Discussion</div>{" "}
-                {editMode ? (
-                  <input
-                    type="checkbox"
-                    name="groupDiscussion"
-                    checked={formData.selectionProcedure.groupDiscussion}
-                    onChange={(e) => {
-                      setFormData((prev) => ({
-                        ...prev,
-                        selectionProcedure: {
-                          ...prev.selectionProcedure,
-                          groupDiscussion: e.target.checked,
-                        },
-                      }));
-                    }}
-                  />
-                ) : (
-                  <div>
-                    {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
-                  </div>
-                )}
-              </div>
-              <div>
-                <div className="font-semibold my-2">Number of members</div>{" "}
-                {editMode ? (
-                  <input
-                    type="number"
-                    name="numberOfMembers"
-                    value={
-                      formData.selectionProcedure.requirements.numberOfMembers
-                    }
-                    onChange={(e) => {
-                      setFormData((prev) => ({
-                        ...prev,
-                        selectionProcedure: {
-                          ...prev.selectionProcedure,
-                          requirements: {
-                            ...prev.selectionProcedure.requirements,
-                            numberOfMembers: e.target.value,
-                          },
-                        },
-                      }));
-                    }}
-                  />
-                ) : (
-                  <div>
-                    {job.selectionProcedure.requirements.numberOfMembers}
-                  </div>
-                )}
-              </div>
-            </div>
-            <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
-              <div className="bg-gray-200 p-8 rounded-lg">
-                <div className="font-semibold bg-gray-200">Tests</div>
-                <ul className="list-disc capitalize">
-                  {editMode
-                    ? formData.selectionProcedure.tests.map((test, index) => (
-                        <li key={index} className="my-2">
-                          Test Type:
-                          <select
-                            className="ml-4 my-2 capitalize"
-                            value={test.type}
-                            onChange={(e) => {
-                              const updatedtests =
-                                formData.selectionProcedure.tests.map((i, j) =>
-                                  j === index
-                                    ? { ...i, type: e.target.value }
-                                    : i,
-                                );
-                              setFormData((prev) => ({
-                                ...prev,
-                                selectionProcedure: {
-                                  ...prev.selectionProcedure,
-                                  tests: updatedtests,
-                                },
-                              }));
-                            }}
-                          >
-                            {jafDetails.testTypes.map((test, index) => (
-                              <option key={index}>{test}</option>
-                            ))}
-                          </select>
-                          <br />
-                          Test Duration:
-                          <input
-                            className="ml-4 my-2"
-                            type="number"
-                            name="testDuration"
-                            value={test.duration}
-                            onChange={(e) => {
-                              const updatedTests =
-                                formData.selectionProcedure.tests.map((t, i) =>
-                                  i === index
-                                    ? { ...t, duration: Number(e.target.value) }
-                                    : t,
-                                );
-                              setFormData((prev) => ({
-                                ...prev,
-                                selectionProcedure: {
-                                  ...prev.selectionProcedure,
-                                  tests: updatedTests,
-                                },
-                              }));
-                            }}
-                          />
-                        </li>
-                      ))
-                    : job.selectionProcedure.tests.map((p, index) => (
-                        <li key={index} className="my-2">
-                          {Object.entries(p).map(([key, value]) => (
-                            <span key={key}>
-                              {key} : {value}
-                              <br />
-                            </span>
-                          ))}
-                        </li>
-                      ))}
-                </ul>
-                {editMode && (
-                  <Button className="w-full" onClick={addNewTest}>
-                    Add
-                  </Button>
-                )}
-              </div>
-
-              <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
-
-              <div className="bg-gray-200 p-8 rounded-lg">
-                <div className="font-semibold bg-gray-200">Interviews</div>
-                <ul className="list-disc capitalize">
-                  {editMode
-                    ? formData.selectionProcedure.interviews.map(
-                        (interview, index) => (
-                          <li key={index} className="my-2">
-                            Interview Type:
-                            <select
-                              className="ml-4 my-2 capitalize"
-                              value={interview.type}
-                              onChange={(e) => {
-                                const updatedInterviews =
-                                  formData.selectionProcedure.interviews.map(
-                                    (i, j) =>
-                                      j === index
-                                        ? { ...i, type: e.target.value }
-                                        : i,
-                                  );
-                                setFormData((prev) => ({
-                                  ...prev,
-                                  selectionProcedure: {
-                                    ...prev.selectionProcedure,
-                                    interviews: updatedInterviews,
-                                  },
-                                }));
-                              }}
-                            >
-                              {jafDetails.interviewTypes.map((test, index) => (
-                                <option key={index}>{test}</option>
-                              ))}
-                            </select>
-                            <br />
-                            Interview Duration:
-                            <input
-                              className="ml-4 my-2"
-                              type="number"
-                              name="interviewDuration"
-                              value={interview.duration}
-                              onChange={(e) => {
-                                const updatedInterviews =
-                                  formData.selectionProcedure.interviews.map(
-                                    (i, j) =>
-                                      j === index
-                                        ? { ...i, duration: e.target.value }
-                                        : i,
-                                  );
-                                setFormData((prev) => ({
-                                  ...prev,
-                                  selectionProcedure: {
-                                    ...prev.selectionProcedure,
-                                    interviews: updatedInterviews,
-                                  },
-                                }));
-                              }}
-                            />
-                          </li>
-                        ),
-                      )
-                    : job.selectionProcedure.interviews.map((p, index) => (
-                        <li key={index} className="my-2">
-                          {Object.entries(p).map(([key, value]) => (
-                            <span key={key}>
-                              {key} : {value}
-                              <br />
-                            </span>
-                          ))}
-                        </li>
-                      ))}
-                </ul>
-                {editMode && (
-                  <Button className="w-full" onClick={addNewInterview}>
-                    Add
-                  </Button>
-                )}
-              </div>
-            </div>
-            <div className="mt-8">
-              <div>
-                <div>
-                  <span className="font-semibold">Other requirements :</span>{" "}
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="otherRequirements"
-                      value={
-                        formData.selectionProcedure.requirements
-                          .otherRequirements
-                      }
-                      onChange={(e) => {
-                        setFormData((prev) => ({
-                          ...prev,
-                          selectionProcedure: {
-                            ...prev.selectionProcedure,
-                            requirements: {
-                              ...prev.selectionProcedure.requirements,
-                              otherRequirements: e.target.value,
-                            },
-                          },
-                        }));
-                      }}
-                    />
-                  ) : (
-                    <div>
-                      {job.selectionProcedure.requirements.otherRequirements}
-                    </div>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="font-semibold text-lg mb-4">Job Coordinators</div>
-            <div className="flex gap-4 flex-wrap">
-              {job.jobCoordinators.map((coordinator, index) => (
-                <div
-                  key={index}
-                  className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
-                >
-                  <div className="text-center font-semibold">
-                    <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
-                    <br />
-                    {coordinator.tpcMember.student.user.name}
-                  </div>
-                  <div>
-                    <div>
-                      <span className="font-semibold">Role : </span>
-                      {coordinator.tpcMember.role}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Department : </span>
-                      {coordinator.tpcMember.student.program.department}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Email : </span>
-                      {coordinator.tpcMember.student.user.email}
-                    </div>
-                    <div>
-                      <span className="font-semibold">Contact : </span>
-                      {coordinator.tpcMember.student.user.contact}
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-            <div className="font-semibold text-lg mb-4">Salaries</div>
-            {job.salaries.map((salary, salaryIndex) => (
-              <div key={salaryIndex}>
-                <div className="flex md:flex-row flex-col flex-wrap justify-between">
-                  <div>
-                    <div className="font-semibold my-2">Base Salary</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="baseSalary"
-                        value={formData.salaries[salaryIndex].baseSalary}
-                        onChange={(e) => {
-                          const updatedSalaries = formData.salaries.map(
-                            (s, i) =>
-                              i === salaryIndex
-                                ? { ...s, baseSalary: e.target.value }
-                                : s,
-                          );
-                          setFormData((prev) => ({
-                            ...prev,
-                            salaries: updatedSalaries,
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>{salary.baseSalary}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">CTC</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="totalCTC"
-                        value={formData.salaries[salaryIndex].totalCTC}
-                        onChange={(e) => {
-                          const updatedSalaries = formData.salaries.map(
-                            (s, i) =>
-                              i === salaryIndex
-                                ? { ...s, totalCTC: e.target.value }
-                                : s,
-                          );
-                          setFormData((prev) => ({
-                            ...prev,
-                            salaries: updatedSalaries,
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>{salary.totalCTC}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Take Home Salary</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="takeHomeSalary"
-                        value={formData.salaries[salaryIndex].takeHomeSalary}
-                        onChange={(e) => {
-                          const updatedSalaries = formData.salaries.map(
-                            (s, i) =>
-                              i === salaryIndex
-                                ? { ...s, takeHomeSalary: e.target.value }
-                                : s,
-                          );
-                          setFormData((prev) => ({
-                            ...prev,
-                            salaries: updatedSalaries,
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>{salary.takeHomeSalary}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Gross Salary</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="grossSalary"
-                        value={formData.salaries[salaryIndex].grossSalary}
-                        onChange={(e) => {
-                          const updatedSalaries = formData.salaries.map(
-                            (s, i) =>
-                              i === salaryIndex
-                                ? { ...s, grossSalary: e.target.value }
-                                : s,
-                          );
-                          setFormData((prev) => ({
-                            ...prev,
-                            salaries: updatedSalaries,
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>{salary.grossSalary}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">
-                      Other Compensations
-                    </div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="otherCompensations"
-                        value={
-                          formData.salaries[salaryIndex].otherCompensations
-                        }
-                        onChange={(e) => {
-                          const updatedSalaries = formData.salaries.map(
-                            (s, i) =>
-                              i === salaryIndex
-                                ? { ...s, otherCompensations: e.target.value }
-                                : s,
-                          );
-                          setFormData((prev) => ({
-                            ...prev,
-                            salaries: updatedSalaries,
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>{salary.otherCompensations}</div>
-                    )}
-                  </div>
-                </div>
-                {/* Genders */}
-                <div>
-                  <h2 className="text-md font-semibold mt-4">Genders</h2>
-                  {editMode ? (
-                    <GenderSelectList
-                      givenOptions={jafDetails.genders}
-                      formData={formData}
-                      setFormData={setFormData}
-                      salaryIndex={salaryIndex}
-                    />
-                  ) : (
-                    <div className="flex flex-wrap !text-md">
-                      {salary.genders?.map((gender, genderIndex) => (
-                        <div key={genderIndex} className="mx-2 my-2">
-                          {editMode ? null : (
-                            <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                              {gender}
-                            </div>
-                          )}
-                        </div>
-                      ))}
-                    </div>
-                  )}
-                </div>
-
-                {/* Categories */}
-                <div>
-                  <h2 className="text-md font-semibold mt-4">Categories</h2>
-                  {editMode ? (
-                    <CategorySelectList
-                      givenOptions={jafDetails.categories}
-                      formData={formData}
-                      setFormData={setFormData}
-                      salaryIndex={salaryIndex}
-                    />
-                  ) : (
-                    <div className="flex flex-wrap !text-md">
-                      {salary.categories?.map((category, categoryIndex) => (
-                        <div key={categoryIndex} className="mx-2 my-2">
-                          {editMode ? null : (
-                            <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                              {category}
-                            </div>
-                          )}
-                        </div>
-                      ))}
-                    </div>
-                  )}
-                </div>
-
-                <Separator className="my-4" />
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default JobDetailPage;
+"use client";
+import React, { useState, useEffect } from "react";
+import { JobDetailFC } from "@/helpers/recruiter/types";
+import { getJobDetail } from "@/helpers/recruiter/api";
+import loadingImg from "@/../public/loadingSpinner.svg";
+import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+import PersonIcon from "@mui/icons-material/Person";
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import { Separator } from "@/components/ui/separator";
+import { getJafDetails } from "@/helpers/recruiter/api";
+import { JAFdetailsFC } from "@/helpers/recruiter/types";
+import { patchJobData } from "@/helpers/recruiter/api";
+import { patchSalaryData } from "@/helpers/recruiter/api";
+import {
+  CategorySelectList,
+  GenderSelectList,
+} from "@/components/Recruiters/jobEdit";
+import Loader from "@/components/Loader/loader";
+
+const JobDetailPage = ({ params }: { params: { jobID: string } }) => {
+  const [job, setData] = useState<JobDetailFC>(null);
+  const [loading, setLoading] = useState(true);
+  const [editMode, setEditMode] = useState(false);
+  const [formData, setFormData] = useState(null);
+  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const [jobDetailData, jafDetailsData] = await Promise.all([
+          getJobDetail(params.jobID),
+          getJafDetails(),
+        ]);
+
+        setJafDetails((prev) => jafDetailsData);
+        setData(jobDetailData);
+        setFormData(jobDetailData);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [params.jobID]);
+
+  const handleEditClick = () => {
+    if (editMode) {
+      handleSubmit();
+    }
+    setEditMode(!editMode);
+  };
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleSubmit = async () => {
+    const c1 = await patchJobData(job.id, formData);
+    if (true) {
+      formData.salaries.map((salary, index) => patchSalaryData(salary));
+    }
+    setEditMode(false);
+    window.location.reload();
+  };
+
+  const addNewTest = () => {
+    const newTest = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        tests: [...prev.selectionProcedure.tests, newTest],
+      },
+    }));
+  };
+
+  const addNewInterview = () => {
+    const newInterview = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        interviews: [...prev.selectionProcedure.interviews, newInterview],
+      },
+    }));
+  };
+
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">
+        Job Details
+      </h1>
+
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {job && (
+        <div className="flex flex-col gap-4">
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="flex md:flex-row flex-col justify-between leading-8">
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Role </span>
+                {editMode ? (
+                  <input
+                    type="text"
+                    name="role"
+                    value={formData.role}
+                    onChange={handleChange}
+                  />
+                ) : (
+                  <span>{job.role}</span>
+                )}
+              </div>
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Activity </span>
+                <span>{job.active ? "Active" : "Inactive"}</span>
+              </div>
+              <div className="flex flex-col">
+                <span className="font-semibold text-lg">Current Status </span>
+                <span>{job.currentStatus}</span>
+              </div>
+              <div className="flex flex-col gap-4">
+                <Link
+                  href={`/recruiter/events/${job.id}`}
+                  className="flex flex-col gap-4"
+                >
+                  <Button variant="default">Events and Applications</Button>
+                </Link>
+                {!job.active && (
+                  <Button onClick={handleEditClick}>
+                    {editMode ? "Save Application" : "Edit Application"}
+                  </Button>
+                )}
+              </div>
+            </div>
+            <div>
+              <div className="font-semibold text-lg my-4">Skills</div>
+              <div className="flex flex-wrap gap-4">
+                {editMode ? (
+                  <input
+                    type="text"
+                    name="skills"
+                    value={formData.skills}
+                    onChange={handleChange}
+                  />
+                ) : (
+                  job.skills
+                )}
+              </div>
+              <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
+                <div>
+                  <div className="font-semibold my-2">Location</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="location"
+                      value={formData.location}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.location}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Offer letter release</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="date"
+                      name="offerLetterReleaseDate"
+                      value={formData.offerLetterReleaseDate}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.offerLetterReleaseDate}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Joining Date</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="date"
+                      name="joiningDate"
+                      value={formData.joiningDate}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.joiningDate}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Duration</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="duration"
+                      value={formData.duration}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.duration}</div>
+                  )}
+                </div>
+                <div>
+                  <div className="font-semibold my-2">Attachment</div>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="attachment"
+                      value={formData.attachment}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <div>{job.attachment}</div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="font-semibold text-lg mb-4">
+              Selection Procedure
+            </div>
+            <div className="flex md:flex-row flex-col justify-between mb-6">
+              <div>
+                <div className="font-semibold my-2">Selection mode</div>{" "}
+                {editMode ? (
+                  <select
+                    value={formData.selectionProcedure.selectionMode}
+                    onChange={(e) => {
+                      setFormData((prev) => ({
+                        ...prev,
+                        selectionProcedure: {
+                          ...prev.selectionProcedure,
+                          selectionMode: e.target.value,
+                        },
+                      }));
+                    }}
+                  >
+                    <option>ONLINE</option>
+                    <option>OFFLINE</option>
+                  </select>
+                ) : (
+                  <div>{job.selectionProcedure.selectionMode}</div>
+                )}
+              </div>
+              <div>
+                <div className="font-semibold my-2">Shortlist from Resume</div>{" "}
+                {editMode ? (
+                  <input
+                    type="checkbox"
+                    name="shortlistFromResume"
+                    checked={formData.selectionProcedure.shortlistFromResume}
+                    onChange={(e) => {
+                      setFormData((prev) => ({
+                        ...prev,
+                        selectionProcedure: {
+                          ...prev.selectionProcedure,
+                          shortlistFromResume: e.target.checked,
+                        },
+                      }));
+                    }}
+                  />
+                ) : (
+                  <div>
+                    {job.selectionProcedure.shortlistFromResume ? "YES" : "NO"}
+                  </div>
+                )}
+              </div>
+              <div>
+                <div className="font-semibold my-2">Group Discussion</div>{" "}
+                {editMode ? (
+                  <input
+                    type="checkbox"
+                    name="groupDiscussion"
+                    checked={formData.selectionProcedure.groupDiscussion}
+                    onChange={(e) => {
+                      setFormData((prev) => ({
+                        ...prev,
+                        selectionProcedure: {
+                          ...prev.selectionProcedure,
+                          groupDiscussion: e.target.checked,
+                        },
+                      }));
+                    }}
+                  />
+                ) : (
+                  <div>
+                    {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
+                  </div>
+                )}
+              </div>
+              <div>
+                <div className="font-semibold my-2">Number of members</div>{" "}
+                {editMode ? (
+                  <input
+                    type="number"
+                    name="numberOfMembers"
+                    value={
+                      formData.selectionProcedure.requirements.numberOfMembers
+                    }
+                    onChange={(e) => {
+                      setFormData((prev) => ({
+                        ...prev,
+                        selectionProcedure: {
+                          ...prev.selectionProcedure,
+                          requirements: {
+                            ...prev.selectionProcedure.requirements,
+                            numberOfMembers: e.target.value,
+                          },
+                        },
+                      }));
+                    }}
+                  />
+                ) : (
+                  <div>
+                    {job.selectionProcedure.requirements.numberOfMembers}
+                  </div>
+                )}
+              </div>
+            </div>
+            <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
+              <div className="bg-gray-200 p-8 rounded-lg">
+                <div className="font-semibold bg-gray-200">Tests</div>
+                <ul className="list-disc capitalize">
+                  {editMode
+                    ? formData.selectionProcedure.tests.map((test, index) => (
+                        <li key={index} className="my-2">
+                          Test Type:
+                          <select
+                            className="ml-4 my-2 capitalize"
+                            value={test.type}
+                            onChange={(e) => {
+                              const updatedtests =
+                                formData.selectionProcedure.tests.map((i, j) =>
+                                  j === index
+                                    ? { ...i, type: e.target.value }
+                                    : i,
+                                );
+                              setFormData((prev) => ({
+                                ...prev,
+                                selectionProcedure: {
+                                  ...prev.selectionProcedure,
+                                  tests: updatedtests,
+                                },
+                              }));
+                            }}
+                          >
+                            {jafDetails.testTypes.map((test, index) => (
+                              <option key={index}>{test}</option>
+                            ))}
+                          </select>
+                          <br />
+                          Test Duration:
+                          <input
+                            className="ml-4 my-2"
+                            type="number"
+                            name="testDuration"
+                            value={test.duration}
+                            onChange={(e) => {
+                              const updatedTests =
+                                formData.selectionProcedure.tests.map((t, i) =>
+                                  i === index
+                                    ? { ...t, duration: Number(e.target.value) }
+                                    : t,
+                                );
+                              setFormData((prev) => ({
+                                ...prev,
+                                selectionProcedure: {
+                                  ...prev.selectionProcedure,
+                                  tests: updatedTests,
+                                },
+                              }));
+                            }}
+                          />
+                        </li>
+                      ))
+                    : job.selectionProcedure.tests.map((p, index) => (
+                        <li key={index} className="my-2">
+                          {Object.entries(p).map(([key, value]) => (
+                            <span key={key}>
+                              {key} : {value}
+                              <br />
+                            </span>
+                          ))}
+                        </li>
+                      ))}
+                </ul>
+                {editMode && (
+                  <Button className="w-full" onClick={addNewTest}>
+                    Add
+                  </Button>
+                )}
+              </div>
+
+              <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
+
+              <div className="bg-gray-200 p-8 rounded-lg">
+                <div className="font-semibold bg-gray-200">Interviews</div>
+                <ul className="list-disc capitalize">
+                  {editMode
+                    ? formData.selectionProcedure.interviews.map(
+                        (interview, index) => (
+                          <li key={index} className="my-2">
+                            Interview Type:
+                            <select
+                              className="ml-4 my-2 capitalize"
+                              value={interview.type}
+                              onChange={(e) => {
+                                const updatedInterviews =
+                                  formData.selectionProcedure.interviews.map(
+                                    (i, j) =>
+                                      j === index
+                                        ? { ...i, type: e.target.value }
+                                        : i,
+                                  );
+                                setFormData((prev) => ({
+                                  ...prev,
+                                  selectionProcedure: {
+                                    ...prev.selectionProcedure,
+                                    interviews: updatedInterviews,
+                                  },
+                                }));
+                              }}
+                            >
+                              {jafDetails.interviewTypes.map((test, index) => (
+                                <option key={index}>{test}</option>
+                              ))}
+                            </select>
+                            <br />
+                            Interview Duration:
+                            <input
+                              className="ml-4 my-2"
+                              type="number"
+                              name="interviewDuration"
+                              value={interview.duration}
+                              onChange={(e) => {
+                                const updatedInterviews =
+                                  formData.selectionProcedure.interviews.map(
+                                    (i, j) =>
+                                      j === index
+                                        ? { ...i, duration: e.target.value }
+                                        : i,
+                                  );
+                                setFormData((prev) => ({
+                                  ...prev,
+                                  selectionProcedure: {
+                                    ...prev.selectionProcedure,
+                                    interviews: updatedInterviews,
+                                  },
+                                }));
+                              }}
+                            />
+                          </li>
+                        ),
+                      )
+                    : job.selectionProcedure.interviews.map((p, index) => (
+                        <li key={index} className="my-2">
+                          {Object.entries(p).map(([key, value]) => (
+                            <span key={key}>
+                              {key} : {value}
+                              <br />
+                            </span>
+                          ))}
+                        </li>
+                      ))}
+                </ul>
+                {editMode && (
+                  <Button className="w-full" onClick={addNewInterview}>
+                    Add
+                  </Button>
+                )}
+              </div>
+            </div>
+            <div className="mt-8">
+              <div>
+                <div>
+                  <span className="font-semibold">Other requirements :</span>{" "}
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="otherRequirements"
+                      value={
+                        formData.selectionProcedure.requirements
+                          .otherRequirements
+                      }
+                      onChange={(e) => {
+                        setFormData((prev) => ({
+                          ...prev,
+                          selectionProcedure: {
+                            ...prev.selectionProcedure,
+                            requirements: {
+                              ...prev.selectionProcedure.requirements,
+                              otherRequirements: e.target.value,
+                            },
+                          },
+                        }));
+                      }}
+                    />
+                  ) : (
+                    <div>
+                      {job.selectionProcedure.requirements.otherRequirements}
+                    </div>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="font-semibold text-lg mb-4">Job Coordinators</div>
+            <div className="flex gap-4 flex-wrap">
+              {job.jobCoordinators.map((coordinator, index) => (
+                <div
+                  key={index}
+                  className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
+                >
+                  <div className="text-center font-semibold">
+                    <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
+                    <br />
+                    {coordinator.tpcMember.student.user.name}
+                  </div>
+                  <div>
+                    <div>
+                      <span className="font-semibold">Role : </span>
+                      {coordinator.tpcMember.role}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Department : </span>
+                      {coordinator.tpcMember.student.program.department}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Email : </span>
+                      {coordinator.tpcMember.student.user.email}
+                    </div>
+                    <div>
+                      <span className="font-semibold">Contact : </span>
+                      {coordinator.tpcMember.student.user.contact}
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+          <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+            <div className="font-semibold text-lg mb-4">Salaries</div>
+            {job.salaries.map((salary, salaryIndex) => (
+              <div key={salaryIndex}>
+                <div className="flex md:flex-row flex-col flex-wrap justify-between">
+                  <div>
+                    <div className="font-semibold my-2">Base Salary</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="baseSalary"
+                        value={formData.salaries[salaryIndex].baseSalary}
+                        onChange={(e) => {
+                          const updatedSalaries = formData.salaries.map(
+                            (s, i) =>
+                              i === salaryIndex
+                                ? { ...s, baseSalary: e.target.value }
+                                : s,
+                          );
+                          setFormData((prev) => ({
+                            ...prev,
+                            salaries: updatedSalaries,
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>{salary.baseSalary}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">CTC</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="totalCTC"
+                        value={formData.salaries[salaryIndex].totalCTC}
+                        onChange={(e) => {
+                          const updatedSalaries = formData.salaries.map(
+                            (s, i) =>
+                              i === salaryIndex
+                                ? { ...s, totalCTC: e.target.value }
+                                : s,
+                          );
+                          setFormData((prev) => ({
+                            ...prev,
+                            salaries: updatedSalaries,
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>{salary.totalCTC}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Take Home Salary</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="takeHomeSalary"
+                        value={formData.salaries[salaryIndex].takeHomeSalary}
+                        onChange={(e) => {
+                          const updatedSalaries = formData.salaries.map(
+                            (s, i) =>
+                              i === salaryIndex
+                                ? { ...s, takeHomeSalary: e.target.value }
+                                : s,
+                          );
+                          setFormData((prev) => ({
+                            ...prev,
+                            salaries: updatedSalaries,
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>{salary.takeHomeSalary}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Gross Salary</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="grossSalary"
+                        value={formData.salaries[salaryIndex].grossSalary}
+                        onChange={(e) => {
+                          const updatedSalaries = formData.salaries.map(
+                            (s, i) =>
+                              i === salaryIndex
+                                ? { ...s, grossSalary: e.target.value }
+                                : s,
+                          );
+                          setFormData((prev) => ({
+                            ...prev,
+                            salaries: updatedSalaries,
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>{salary.grossSalary}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">
+                      Other Compensations
+                    </div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="otherCompensations"
+                        value={
+                          formData.salaries[salaryIndex].otherCompensations
+                        }
+                        onChange={(e) => {
+                          const updatedSalaries = formData.salaries.map(
+                            (s, i) =>
+                              i === salaryIndex
+                                ? { ...s, otherCompensations: e.target.value }
+                                : s,
+                          );
+                          setFormData((prev) => ({
+                            ...prev,
+                            salaries: updatedSalaries,
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>{salary.otherCompensations}</div>
+                    )}
+                  </div>
+                </div>
+                {/* Genders */}
+                <div>
+                  <h2 className="text-md font-semibold mt-4">Genders</h2>
+                  {editMode ? (
+                    <GenderSelectList
+                      givenOptions={jafDetails.genders}
+                      formData={formData}
+                      setFormData={setFormData}
+                      salaryIndex={salaryIndex}
+                    />
+                  ) : (
+                    <div className="flex flex-wrap !text-md">
+                      {salary.genders?.map((gender, genderIndex) => (
+                        <div key={genderIndex} className="mx-2 my-2">
+                          {editMode ? null : (
+                            <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                              {gender}
+                            </div>
+                          )}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+
+                {/* Categories */}
+                <div>
+                  <h2 className="text-md font-semibold mt-4">Categories</h2>
+                  {editMode ? (
+                    <CategorySelectList
+                      givenOptions={jafDetails.categories}
+                      formData={formData}
+                      setFormData={setFormData}
+                      salaryIndex={salaryIndex}
+                    />
+                  ) : (
+                    <div className="flex flex-wrap !text-md">
+                      {salary.categories?.map((category, categoryIndex) => (
+                        <div key={categoryIndex} className="mx-2 my-2">
+                          {editMode ? null : (
+                            <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                              {category}
+                            </div>
+                          )}
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+
+                <Separator className="my-4" />
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default JobDetailPage;
diff --git a/src/app/(routes)/recruiter/jobs/page.tsx b/src/app/(routes)/recruiter/jobs/page.tsx
index 4a40e563..c9cbe1fd 100644
--- a/src/app/(routes)/recruiter/jobs/page.tsx
+++ b/src/app/(routes)/recruiter/jobs/page.tsx
@@ -1,94 +1,94 @@
-"use client";
-import React from "react";
-import { getJobs } from "@/helpers/recruiter/api";
-import { JobsFC } from "@/helpers/recruiter/types";
-import { useState, useEffect } from "react";
-import loadingImg from "@/../public/loadingSpinner.svg";
-import { useRouter } from "next/navigation";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-const JobPage = () => {
-  const [data, setData] = useState<JobsFC[]>(null);
-  const [loading, setLoading] = useState(true);
-  const router = useRouter();
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const jsonData = await getJobs();
-        setData(jsonData);
-      } catch (error) {
-        toast.error("Error Fetching Data");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, []);
-  return (
-    <div className="container my-8">
-      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">All Jobs</h1>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {data && (
-        <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
-          <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-            <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-              <tr>
-                <th scope="col" className="px-6 py-3">
-                  Role
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Active
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Current Status
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Season Year
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Season Type
-                </th>
-                <th scope="col" className="px-6 py-3">
-                  Company Name
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.map((job, index) => (
-                <tr
-                  key={index}
-                  onClick={() => {
-                    router.push(`/recruiter/jobs/${job.id}`);
-                  }}
-                  className="cursor-pointer bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
-                >
-                  <th
-                    scope="row"
-                    className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                  >
-                    {job.role}
-                  </th>
-                  <td className="px-6 py-4">
-                    {job.active ? "Active" : "Inactive"}
-                  </td>
-                  <td className="px-6 py-4">{job.currentStatus}</td>
-                  <td className="px-6 py-4">{job.season.type}</td>
-                  <td className="px-6 py-4">{job.season.year}</td>
-                  <td className="px-6 py-4">{job.company.name}</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default JobPage;
+"use client";
+import React from "react";
+import { getJobs } from "@/helpers/recruiter/api";
+import { JobsFC } from "@/helpers/recruiter/types";
+import { useState, useEffect } from "react";
+import loadingImg from "@/../public/loadingSpinner.svg";
+import { useRouter } from "next/navigation";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+const JobPage = () => {
+  const [data, setData] = useState<JobsFC[]>(null);
+  const [loading, setLoading] = useState(true);
+  const router = useRouter();
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const jsonData = await getJobs();
+        setData(jsonData);
+      } catch (error) {
+        toast.error("Error Fetching Data");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+  return (
+    <div className="container my-8">
+      <h1 className="text-3xl mb-8 font-bold mx-auto text-center">All Jobs</h1>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {data && (
+        <div className="relative overflow-x-auto shadow-md sm:rounded-lg">
+          <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+            <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+              <tr>
+                <th scope="col" className="px-6 py-3">
+                  Role
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Active
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Current Status
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Season Year
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Season Type
+                </th>
+                <th scope="col" className="px-6 py-3">
+                  Company Name
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {data.map((job, index) => (
+                <tr
+                  key={index}
+                  onClick={() => {
+                    router.push(`/recruiter/jobs/${job.id}`);
+                  }}
+                  className="cursor-pointer bg-white border-b dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
+                >
+                  <th
+                    scope="row"
+                    className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                  >
+                    {job.role}
+                  </th>
+                  <td className="px-6 py-4">
+                    {job.active ? "Active" : "Inactive"}
+                  </td>
+                  <td className="px-6 py-4">{job.currentStatus}</td>
+                  <td className="px-6 py-4">{job.season.type}</td>
+                  <td className="px-6 py-4">{job.season.year}</td>
+                  <td className="px-6 py-4">{job.company.name}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default JobPage;
diff --git a/src/app/(routes)/recruiter/layout.tsx b/src/app/(routes)/recruiter/layout.tsx
index f5f27331..7ad919a8 100644
--- a/src/app/(routes)/recruiter/layout.tsx
+++ b/src/app/(routes)/recruiter/layout.tsx
@@ -1,9 +1,9 @@
-interface Props {
-  children: React.ReactNode;
-}
-
-const RecruiterLayout = ({ children }: Props) => {
-  return <div>{children}</div>;
-};
-
-export default RecruiterLayout;
+interface Props {
+  children: React.ReactNode;
+}
+
+const RecruiterLayout = ({ children }: Props) => {
+  return <div>{children}</div>;
+};
+
+export default RecruiterLayout;
diff --git a/src/app/(routes)/recruiter/page.tsx b/src/app/(routes)/recruiter/page.tsx
index f134dc7d..083a618d 100644
--- a/src/app/(routes)/recruiter/page.tsx
+++ b/src/app/(routes)/recruiter/page.tsx
@@ -1,14 +1,14 @@
-"use client";
-
-import React from "react";
-import RecruiterProfile from "@/components/Recruiters/profile";
-
-const Profile = () => {
-  return (
-    <div className="h-screen flex justify-center">
-      <RecruiterProfile />
-    </div>
-  );
-};
-
-export default Profile;
+"use client";
+
+import React from "react";
+import RecruiterProfile from "@/components/Recruiters/profile";
+
+const Profile = () => {
+  return (
+    <div className="h-screen flex justify-center">
+      <RecruiterProfile />
+    </div>
+  );
+};
+
+export default Profile;
diff --git a/src/app/(routes)/recruiter/profile/page.tsx b/src/app/(routes)/recruiter/profile/page.tsx
index cbe2f1a3..f760a9e1 100644
--- a/src/app/(routes)/recruiter/profile/page.tsx
+++ b/src/app/(routes)/recruiter/profile/page.tsx
@@ -1,13 +1,13 @@
-"use client";
-
-import React from "react";
-import RecruiterProfile from "@/components/Recruiters/profile";
-const Profile = () => {
-  return (
-    <div className="h-screen flex justify-center">
-      <RecruiterProfile />
-    </div>
-  );
-};
-
-export default Profile;
+"use client";
+
+import React from "react";
+import RecruiterProfile from "@/components/Recruiters/profile";
+const Profile = () => {
+  return (
+    <div className="h-screen flex justify-center">
+      <RecruiterProfile />
+    </div>
+  );
+};
+
+export default Profile;
diff --git a/src/app/(routes)/student/interviewExperiences/page.tsx b/src/app/(routes)/student/interviewExperiences/page.tsx
index eb7124a7..d4f4d9c6 100644
--- a/src/app/(routes)/student/interviewExperiences/page.tsx
+++ b/src/app/(routes)/student/interviewExperiences/page.tsx
@@ -1,97 +1,97 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { InterviewExperience } from "@/helpers/student/types";
-import {
-  GetInterviewExpiriences,
-  OpenInterviewExpirience,
-} from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-const InterviewExpiriencePage = () => {
-  const [interviewExpirienceData, setInterviewExpirienceData] = useState<
-    InterviewExperience[]
-  >([]);
-  const [loading, setLoading] = useState(true);
-
-  const fetchInterviewExpiriences = async () => {
-    try {
-      const data = await GetInterviewExpiriences();
-      setInterviewExpirienceData(data);
-    } catch (error) {
-      toast.error("Error fetching data:");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleOpenInterviewExpirience = async (filename: string) => {
-    OpenInterviewExpirience(filename);
-  };
-
-  useEffect(() => {
-    if (interviewExpirienceData.length == 0) {
-      fetchInterviewExpiriences();
-    }
-  });
-
-  return (
-    <>
-      <div className="rounded-xl bg-white text-black p-5">
-        <div className="font-bold text-lg">Interview Expiriences</div>
-        <div className="my-4">
-          <Separator />
-        </div>
-        {loading && (
-          <div className="h-screen w-full flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {interviewExpirienceData.length > 0 && (
-          <Table className="overflow-hidden">
-            <TableHeader>
-              <TableRow>
-                <TableHead>Sr.</TableHead>
-                <TableHead>Company</TableHead>
-                <TableHead>Student</TableHead>
-                <TableHead>Season</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {interviewExpirienceData.map((item, index) => (
-                <TableRow key={index}>
-                  <TableCell>{index + 1}</TableCell>
-                  <TableCell>{item.company.name}</TableCell>
-                  <TableCell>
-                    <div
-                      className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
-                      onClick={() =>
-                        handleOpenInterviewExpirience(item.filename)
-                      }
-                    >
-                      {item.studentName}
-                    </div>
-                  </TableCell>
-                  <TableCell>
-                    {item.season.type} {item.season.year}
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-        )}
-      </div>
-    </>
-  );
-};
-
-export default InterviewExpiriencePage;
+"use client";
+import React, { useEffect, useState } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { InterviewExperience } from "@/helpers/student/types";
+import {
+  GetInterviewExpiriences,
+  OpenInterviewExpirience,
+} from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+const InterviewExpiriencePage = () => {
+  const [interviewExpirienceData, setInterviewExpirienceData] = useState<
+    InterviewExperience[]
+  >([]);
+  const [loading, setLoading] = useState(true);
+
+  const fetchInterviewExpiriences = async () => {
+    try {
+      const data = await GetInterviewExpiriences();
+      setInterviewExpirienceData(data);
+    } catch (error) {
+      toast.error("Error fetching data:");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleOpenInterviewExpirience = async (filename: string) => {
+    OpenInterviewExpirience(filename);
+  };
+
+  useEffect(() => {
+    if (interviewExpirienceData.length == 0) {
+      fetchInterviewExpiriences();
+    }
+  });
+
+  return (
+    <>
+      <div className="rounded-xl bg-white text-black p-5">
+        <div className="font-bold text-lg">Interview Expiriences</div>
+        <div className="my-4">
+          <Separator />
+        </div>
+        {loading && (
+          <div className="h-screen w-full flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {interviewExpirienceData.length > 0 && (
+          <Table className="overflow-hidden">
+            <TableHeader>
+              <TableRow>
+                <TableHead>Sr.</TableHead>
+                <TableHead>Company</TableHead>
+                <TableHead>Student</TableHead>
+                <TableHead>Season</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {interviewExpirienceData.map((item, index) => (
+                <TableRow key={index}>
+                  <TableCell>{index + 1}</TableCell>
+                  <TableCell>{item.company.name}</TableCell>
+                  <TableCell>
+                    <div
+                      className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
+                      onClick={() =>
+                        handleOpenInterviewExpirience(item.filename)
+                      }
+                    >
+                      {item.studentName}
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    {item.season.type} {item.season.year}
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        )}
+      </div>
+    </>
+  );
+};
+
+export default InterviewExpiriencePage;
diff --git a/src/app/(routes)/student/job/[jobId]/page.tsx b/src/app/(routes)/student/job/[jobId]/page.tsx
index e63344a3..4c4efb10 100644
--- a/src/app/(routes)/student/job/[jobId]/page.tsx
+++ b/src/app/(routes)/student/job/[jobId]/page.tsx
@@ -1,361 +1,361 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import { Separator } from "@/components/ui/separator";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Button } from "@/components/ui/button";
-import HorizontalTimeline from "@/components/HorizontalTimeline";
-import {
-  Job,
-  CustomEvent,
-  EventData,
-  CalenderEvent,
-  StudentEvent,
-} from "@/helpers/student/types";
-import { GetEventsByJobId, GetJobById } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-function transformEvents(events: CustomEvent[]): EventData[] {
-  const currentDate = new Date();
-
-  const sortedEvents = events.sort(
-    (a, b) =>
-      new Date(a.startDateTime).getTime() - new Date(b.startDateTime).getTime(),
-  );
-
-  const result: EventData[] = sortedEvents.map((event) => {
-    const eventDate = new Date(event.startDateTime);
-    let status: string;
-
-    if (eventDate < currentDate) {
-      status = "older-event";
-    } else {
-      status = "newer-event";
-    }
-
-    return {
-      date: eventDate.toLocaleDateString("en-GB"),
-      status,
-      title: event.type,
-      description: event.metadata
-    };
-  });
-
-  const firstFutureEventIndex = result.findIndex(
-    (event) =>
-      new Date(event.date.split("/").reverse().join("-")) >= currentDate,
-  );
-  if (firstFutureEventIndex !== -1) {
-    result[firstFutureEventIndex].status = "selected";
-  } else if (result.length > 0) {
-    result[result.length - 1].status = "selected";
-  }
-
-  return result;
-}
-
-const transformEventsCalender = (jobData: Job): CalenderEvent[] => {
-  return jobData.events.map((event) => ({
-    day: new Date(event.startDateTime).setHours(0, 0, 0, 0),
-    description: event.metadata,
-    id: event.id,
-    label: "red",
-    timeFrom: event.startDateTime,
-    timeTo: event.endDateTime,
-    title: jobData.companyDetailsFilled.name,
-  }));
-};
-
-const storeCalenderEvents = (jobData: Job) => {
-  const transformedEvents = transformEventsCalender(jobData);
-  localStorage.setItem("savedEvents", JSON.stringify(transformedEvents));
-};
-
-function formatNumber(num: number): string {
-  if (num >= 1000000000) {
-    return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
-  }
-  if (num >= 1000000) {
-    return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
-  }
-  if (num >= 1000) {
-    return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
-  }
-  return num.toString();
-}
-
-function getNextEvent(events: StudentEvent[]) {
-
-  const now = new Date();
-
-
-  let closestEvent = null;
-  let allEventsCompleted = true;
-
-  for (const event of events) {
-    const eventEnd = new Date(event.endDateTime);
-    if (eventEnd > now) {
-      allEventsCompleted = false;
-      if (!closestEvent || eventEnd < new Date(closestEvent.endDateTime)) {
-        closestEvent = event;
-      }
-    }
-  }
-
-
-  if (allEventsCompleted) {
-    return "Process Completed";
-  } else if (closestEvent) {
-    return `Upcoming Round ${closestEvent.roundNumber}: ${closestEvent.type}`;
-  } else {
-    return null;
-  }
-}
-
-function convertDate(date: string){
-  const dateString = new Date(date)
-  const formattedDateTime = dateString.toLocaleString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "numeric",
-    minute: "numeric",
-    second: "numeric",
-    hour12: true,
-  });
-
-  return formattedDateTime
-}
-
-function getStatusClass(status) {
-  switch (status) {
-    case 'PENDING':
-      return 'text-yellow-500 font-semibold';
-    case 'CLEARED':
-      return 'text-green-500 font-semibold';
-    case 'REJECTED':
-      return 'text-red-500 font-semibold';
-    case 'NOT APPLIED':
-      return 'text-cyan-500 font-semibold';
-    default:
-      return '';
-  }
-}
-
-const JobPage = ({ params }: { params: { jobId: string } }) => {
-  const [jobData, setJobData] = useState<Job | null>(null);
-  const [studentEvents, setStudentEvents] = useState<StudentEvent[]>([]);
-  const [closestEvent, setClosestEvent] = useState<string|null>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchJobData = async () => {
-      try {
-        const data = await GetJobById(params.jobId);
-        setJobData(data);
-        storeCalenderEvents(data);
-
-        const res = await GetEventsByJobId(params.jobId);
-        setStudentEvents(res);
-        setClosestEvent(getNextEvent(res));
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchJobData();
-  }, [params.jobId]);
-
-  return (
-    <div className="m-10 bg-white p-5 border-2 rounded-xl">
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {jobData && (
-        <>
-          {!closestEvent? (
-            <div className="font-semibold text-xl">
-              {jobData?.companyDetailsFilled.name}
-            </div>
-          ): (
-            <div className="flex justify-between">
-              <div className="font-semibold text-xl">
-                {jobData?.companyDetailsFilled.name}
-              </div>
-              <div className="text-orange-500 font-bold px-4 py-2 border rounded-full inline-block border-orange-500 text-sm">
-                {closestEvent}
-              </div>
-            </div>
-          )}
-          <div className="text-gray-600 font-medium text-sm my-1">
-            {jobData?.companyDetailsFilled.address.city},{" "}
-            {jobData?.companyDetailsFilled.address.state},{" "}
-            {jobData?.companyDetailsFilled.address.country}
-          </div>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Website</div>{" "}
-              <a
-                className="text-blue-500"
-                href={jobData?.companyDetailsFilled.website}
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                Link
-              </a>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Domain</div>{" "}
-              <div>
-                {jobData?.companyDetailsFilled.domains.length === 0
-                  ? "Not Available"
-                  : jobData?.companyDetailsFilled.domains[0]}
-              </div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
-              <div>{jobData?.companyDetailsFilled.category}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Company Size
-              </div>{" "}
-              <div>{formatNumber(jobData?.companyDetailsFilled.size ?? 0)}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Established
-              </div>{" "}
-              <div>{jobData?.companyDetailsFilled.yearOfEstablishment}</div>
-            </div>
-          </div>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <h1 className="text-lg font-semibold my-2">Recruiter</h1>
-          <Table className="overflow-hidden">
-            <TableHeader>
-              <TableRow>
-                <TableHead>Name</TableHead>
-                <TableHead>Designation</TableHead>
-                <TableHead>Email</TableHead>
-                <TableHead>Mobile Number</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              <TableRow>
-                <TableCell>{jobData?.recruiterDetailsFilled.name}</TableCell>
-                <TableCell>
-                  {jobData?.recruiterDetailsFilled.designation}
-                </TableCell>
-                <TableCell>{jobData?.recruiterDetailsFilled.email}</TableCell>
-                <TableCell>{jobData?.recruiterDetailsFilled.contact}</TableCell>
-              </TableRow>
-            </TableBody>
-            <TableFooter></TableFooter>
-          </Table>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <h1 className="text-lg font-semibold my-2">Job Coordinators</h1>
-          <Table className="overflow-hidden">
-            <TableHeader>
-              <TableRow>
-                <TableHead>Name</TableHead>
-                <TableHead>Role</TableHead>
-                <TableHead>Department</TableHead>
-                <TableHead>Email</TableHead>
-                <TableHead>Mobile Number</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {jobData?.jobCoordinators.map((coordinator, index) => (
-                <TableRow key={index}>
-                  <TableCell>{coordinator.tpcMember.student.user.name}</TableCell>
-                  <TableCell>{coordinator.role}</TableCell>
-                  <TableCell>{coordinator.tpcMember.student.program.department}</TableCell>
-                  <TableCell>{coordinator.tpcMember.student.user.email}</TableCell>
-                  <TableCell>{coordinator.tpcMember.student.user.contact}</TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <h1 className="text-lg font-semibold my-2">Events</h1>
-          <Table className="overflow-hidden">
-            <TableHeader>
-              <TableRow>
-                <TableHead>Round</TableHead>
-                <TableHead>Type</TableHead>
-                <TableHead>Start Date</TableHead>
-                <TableHead>End Date</TableHead>
-                <TableHead>Status</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              {studentEvents.map((event, index) => (
-                <TableRow key={index}>
-                  <TableCell>{event.roundNumber}</TableCell>
-                  <TableCell>{event.type}</TableCell>
-                  <TableCell>{convertDate(event.startDateTime)}</TableCell>
-                  <TableCell>{convertDate(event.endDateTime)}</TableCell>
-                  <TableCell className={getStatusClass(event.studentStatus)}>
-                    {event.studentStatus}
-                  </TableCell>
-                </TableRow>
-              ))}
-            </TableBody>
-          </Table>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <HorizontalTimeline eventsData={transformEvents(jobData.events)} />
-          <div className="my-7">
-            <Separator />
-          </div>
-          <div>
-            <div className="flex justify-between">
-              <div>
-                <Button>
-                  <a
-                    href={`/student/job/salary/${params.jobId}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Salary
-                  </a>
-                </Button>
-              </div>
-              <div>
-                <Button>
-                  <a href={"/events"} target="_blank" rel="noopener noreferrer">
-                    Events
-                  </a>
-                </Button>
-              </div>
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  );
-};
-
-export default JobPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import { Separator } from "@/components/ui/separator";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import HorizontalTimeline from "@/components/HorizontalTimeline";
+import {
+  Job,
+  CustomEvent,
+  EventData,
+  CalenderEvent,
+  StudentEvent,
+} from "@/helpers/student/types";
+import { GetEventsByJobId, GetJobById } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+function transformEvents(events: CustomEvent[]): EventData[] {
+  const currentDate = new Date();
+
+  const sortedEvents = events.sort(
+    (a, b) =>
+      new Date(a.startDateTime).getTime() - new Date(b.startDateTime).getTime(),
+  );
+
+  const result: EventData[] = sortedEvents.map((event) => {
+    const eventDate = new Date(event.startDateTime);
+    let status: string;
+
+    if (eventDate < currentDate) {
+      status = "older-event";
+    } else {
+      status = "newer-event";
+    }
+
+    return {
+      date: eventDate.toLocaleDateString("en-GB"),
+      status,
+      title: event.type,
+      description: event.metadata
+    };
+  });
+
+  const firstFutureEventIndex = result.findIndex(
+    (event) =>
+      new Date(event.date.split("/").reverse().join("-")) >= currentDate,
+  );
+  if (firstFutureEventIndex !== -1) {
+    result[firstFutureEventIndex].status = "selected";
+  } else if (result.length > 0) {
+    result[result.length - 1].status = "selected";
+  }
+
+  return result;
+}
+
+const transformEventsCalender = (jobData: Job): CalenderEvent[] => {
+  return jobData.events.map((event) => ({
+    day: new Date(event.startDateTime).setHours(0, 0, 0, 0),
+    description: event.metadata,
+    id: event.id,
+    label: "red",
+    timeFrom: event.startDateTime,
+    timeTo: event.endDateTime,
+    title: jobData.companyDetailsFilled.name,
+  }));
+};
+
+const storeCalenderEvents = (jobData: Job) => {
+  const transformedEvents = transformEventsCalender(jobData);
+  localStorage.setItem("savedEvents", JSON.stringify(transformedEvents));
+};
+
+function formatNumber(num: number): string {
+  if (num >= 1000000000) {
+    return (num / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
+  }
+  if (num >= 1000000) {
+    return (num / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
+  }
+  if (num >= 1000) {
+    return (num / 1000).toFixed(1).replace(/\.0$/, "") + "K";
+  }
+  return num.toString();
+}
+
+function getNextEvent(events: StudentEvent[]) {
+
+  const now = new Date();
+
+
+  let closestEvent = null;
+  let allEventsCompleted = true;
+
+  for (const event of events) {
+    const eventEnd = new Date(event.endDateTime);
+    if (eventEnd > now) {
+      allEventsCompleted = false;
+      if (!closestEvent || eventEnd < new Date(closestEvent.endDateTime)) {
+        closestEvent = event;
+      }
+    }
+  }
+
+
+  if (allEventsCompleted) {
+    return "Process Completed";
+  } else if (closestEvent) {
+    return `Upcoming Round ${closestEvent.roundNumber}: ${closestEvent.type}`;
+  } else {
+    return null;
+  }
+}
+
+function convertDate(date: string){
+  const dateString = new Date(date)
+  const formattedDateTime = dateString.toLocaleString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric",
+    hour12: true,
+  });
+
+  return formattedDateTime
+}
+
+function getStatusClass(status) {
+  switch (status) {
+    case 'PENDING':
+      return 'text-yellow-500 font-semibold';
+    case 'CLEARED':
+      return 'text-green-500 font-semibold';
+    case 'REJECTED':
+      return 'text-red-500 font-semibold';
+    case 'NOT APPLIED':
+      return 'text-cyan-500 font-semibold';
+    default:
+      return '';
+  }
+}
+
+const JobPage = ({ params }: { params: { jobId: string } }) => {
+  const [jobData, setJobData] = useState<Job | null>(null);
+  const [studentEvents, setStudentEvents] = useState<StudentEvent[]>([]);
+  const [closestEvent, setClosestEvent] = useState<string|null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchJobData = async () => {
+      try {
+        const data = await GetJobById(params.jobId);
+        setJobData(data);
+        storeCalenderEvents(data);
+
+        const res = await GetEventsByJobId(params.jobId);
+        setStudentEvents(res);
+        setClosestEvent(getNextEvent(res));
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchJobData();
+  }, [params.jobId]);
+
+  return (
+    <div className="m-10 bg-white p-5 border-2 rounded-xl">
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {jobData && (
+        <>
+          {!closestEvent? (
+            <div className="font-semibold text-xl">
+              {jobData?.companyDetailsFilled.name}
+            </div>
+          ): (
+            <div className="flex justify-between">
+              <div className="font-semibold text-xl">
+                {jobData?.companyDetailsFilled.name}
+              </div>
+              <div className="text-orange-500 font-bold px-4 py-2 border rounded-full inline-block border-orange-500 text-sm">
+                {closestEvent}
+              </div>
+            </div>
+          )}
+          <div className="text-gray-600 font-medium text-sm my-1">
+            {jobData?.companyDetailsFilled.address.city},{" "}
+            {jobData?.companyDetailsFilled.address.state},{" "}
+            {jobData?.companyDetailsFilled.address.country}
+          </div>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Website</div>{" "}
+              <a
+                className="text-blue-500"
+                href={jobData?.companyDetailsFilled.website}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Link
+              </a>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Domain</div>{" "}
+              <div>
+                {jobData?.companyDetailsFilled.domains.length === 0
+                  ? "Not Available"
+                  : jobData?.companyDetailsFilled.domains[0]}
+              </div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
+              <div>{jobData?.companyDetailsFilled.category}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Company Size
+              </div>{" "}
+              <div>{formatNumber(jobData?.companyDetailsFilled.size ?? 0)}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Established
+              </div>{" "}
+              <div>{jobData?.companyDetailsFilled.yearOfEstablishment}</div>
+            </div>
+          </div>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <h1 className="text-lg font-semibold my-2">Recruiter</h1>
+          <Table className="overflow-hidden">
+            <TableHeader>
+              <TableRow>
+                <TableHead>Name</TableHead>
+                <TableHead>Designation</TableHead>
+                <TableHead>Email</TableHead>
+                <TableHead>Mobile Number</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              <TableRow>
+                <TableCell>{jobData?.recruiterDetailsFilled.name}</TableCell>
+                <TableCell>
+                  {jobData?.recruiterDetailsFilled.designation}
+                </TableCell>
+                <TableCell>{jobData?.recruiterDetailsFilled.email}</TableCell>
+                <TableCell>{jobData?.recruiterDetailsFilled.contact}</TableCell>
+              </TableRow>
+            </TableBody>
+            <TableFooter></TableFooter>
+          </Table>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <h1 className="text-lg font-semibold my-2">Job Coordinators</h1>
+          <Table className="overflow-hidden">
+            <TableHeader>
+              <TableRow>
+                <TableHead>Name</TableHead>
+                <TableHead>Role</TableHead>
+                <TableHead>Department</TableHead>
+                <TableHead>Email</TableHead>
+                <TableHead>Mobile Number</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {jobData?.jobCoordinators.map((coordinator, index) => (
+                <TableRow key={index}>
+                  <TableCell>{coordinator.tpcMember.student.user.name}</TableCell>
+                  <TableCell>{coordinator.role}</TableCell>
+                  <TableCell>{coordinator.tpcMember.student.program.department}</TableCell>
+                  <TableCell>{coordinator.tpcMember.student.user.email}</TableCell>
+                  <TableCell>{coordinator.tpcMember.student.user.contact}</TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <h1 className="text-lg font-semibold my-2">Events</h1>
+          <Table className="overflow-hidden">
+            <TableHeader>
+              <TableRow>
+                <TableHead>Round</TableHead>
+                <TableHead>Type</TableHead>
+                <TableHead>Start Date</TableHead>
+                <TableHead>End Date</TableHead>
+                <TableHead>Status</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {studentEvents.map((event, index) => (
+                <TableRow key={index}>
+                  <TableCell>{event.roundNumber}</TableCell>
+                  <TableCell>{event.type}</TableCell>
+                  <TableCell>{convertDate(event.startDateTime)}</TableCell>
+                  <TableCell>{convertDate(event.endDateTime)}</TableCell>
+                  <TableCell className={getStatusClass(event.studentStatus)}>
+                    {event.studentStatus}
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <HorizontalTimeline eventsData={transformEvents(jobData.events)} />
+          <div className="my-7">
+            <Separator />
+          </div>
+          <div>
+            <div className="flex justify-between">
+              <div>
+                <Button>
+                  <a
+                    href={`/student/job/salary/${params.jobId}`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    Salary
+                  </a>
+                </Button>
+              </div>
+              <div>
+                <Button>
+                  <a href={"/events"} target="_blank" rel="noopener noreferrer">
+                    Events
+                  </a>
+                </Button>
+              </div>
+            </div>
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
+
+export default JobPage;
diff --git a/src/app/(routes)/student/job/salary/[jobId]/page.tsx b/src/app/(routes)/student/job/salary/[jobId]/page.tsx
index 4f50f065..21675eb0 100644
--- a/src/app/(routes)/student/job/salary/[jobId]/page.tsx
+++ b/src/app/(routes)/student/job/salary/[jobId]/page.tsx
@@ -1,68 +1,68 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import SalaryCard from "@/components/jobs/SalaryCard";
-import { GetJobById, GetResumes } from "@/helpers/student/api";
-import { Resume } from "@/helpers/student/types";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-
-interface Salary {
-  id: string;
-  salaryPeriod: string;
-  programs: string[];
-  genders: string[];
-  categories: string[];
-  minCPI: number;
-  tenthMarks: number;
-  twelthMarks: number;
-  facultyApprovals: string[];
-  baseSalary: number;
-  totalCTC: number;
-  takeHomeSalary: number;
-  grossSalary: number;
-  otherCompensations: number;
-}
-
-const SalaryPage = ({ params }: { params: { jobId: string } }) => {
-  const [salaryData, setSalaryData] = useState<Salary[]>([]);
-  const [resumes, setResumes] = useState<Resume[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchSalaryData = async () => {
-      try {
-        const data = await GetJobById(params.jobId);
-        setSalaryData(data.salaries);
-
-        const res = await GetResumes();
-        setResumes(res);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchSalaryData();
-  }, [params.jobId]);
-
-  return (
-    <div>
-      <div className="font-bold text-black text-lg ml-2 mb-4">Salaries</div>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {salaryData &&
-        salaryData.map((item, index) => (
-          <div key={index} className="my-3">
-            <SalaryCard salaryId={item.id} resumes={resumes} />
-          </div>
-        ))}
-    </div>
-  );
-};
-
-export default SalaryPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import SalaryCard from "@/components/jobs/SalaryCard";
+import { GetJobById, GetResumes } from "@/helpers/student/api";
+import { Resume } from "@/helpers/student/types";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+
+interface Salary {
+  id: string;
+  salaryPeriod: string;
+  programs: string[];
+  genders: string[];
+  categories: string[];
+  minCPI: number;
+  tenthMarks: number;
+  twelthMarks: number;
+  facultyApprovals: string[];
+  baseSalary: number;
+  totalCTC: number;
+  takeHomeSalary: number;
+  grossSalary: number;
+  otherCompensations: number;
+}
+
+const SalaryPage = ({ params }: { params: { jobId: string } }) => {
+  const [salaryData, setSalaryData] = useState<Salary[]>([]);
+  const [resumes, setResumes] = useState<Resume[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchSalaryData = async () => {
+      try {
+        const data = await GetJobById(params.jobId);
+        setSalaryData(data.salaries);
+
+        const res = await GetResumes();
+        setResumes(res);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchSalaryData();
+  }, [params.jobId]);
+
+  return (
+    <div>
+      <div className="font-bold text-black text-lg ml-2 mb-4">Salaries</div>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {salaryData &&
+        salaryData.map((item, index) => (
+          <div key={index} className="my-3">
+            <SalaryCard salaryId={item.id} resumes={resumes} />
+          </div>
+        ))}
+    </div>
+  );
+};
+
+export default SalaryPage;
diff --git a/src/app/(routes)/student/jobs/page.tsx b/src/app/(routes)/student/jobs/page.tsx
index 66fa5a51..46cc3123 100644
--- a/src/app/(routes)/student/jobs/page.tsx
+++ b/src/app/(routes)/student/jobs/page.tsx
@@ -1,49 +1,49 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import JobCard from "@/components/jobs/JobCard";
-import { GetJobs } from "@/helpers/student/api";
-import { Jobs } from "@/helpers/student/types";
-import toast from "react-hot-toast";
-import Loader from "@/components/Loader/loader";
-const StudentPage = () => {
-  const [jobs, setJobs] = useState<Jobs[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchJobs = async () => {
-      try {
-        const data = await GetJobs();
-        setJobs(data);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchJobs();
-  }, []);
-
-  return (
-    <div>
-      <div className="my-3 mx-5 font-bold text-xl">
-        <h1>Jobs</h1>
-      </div>
-      <div>
-        {loading && (
-          <div className="h-screen w-full flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {jobs &&
-          jobs.map((job) => (
-            <div key={job.id} className="my-3">
-              <JobCard jobItem={job} type="job" />
-            </div>
-          ))}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import JobCard from "@/components/jobs/JobCard";
+import { GetJobs } from "@/helpers/student/api";
+import { Jobs } from "@/helpers/student/types";
+import toast from "react-hot-toast";
+import Loader from "@/components/Loader/loader";
+const StudentPage = () => {
+  const [jobs, setJobs] = useState<Jobs[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchJobs = async () => {
+      try {
+        const data = await GetJobs();
+        setJobs(data);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchJobs();
+  }, []);
+
+  return (
+    <div>
+      <div className="my-3 mx-5 font-bold text-xl">
+        <h1>Jobs</h1>
+      </div>
+      <div>
+        {loading && (
+          <div className="h-screen w-full flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {jobs &&
+          jobs.map((job) => (
+            <div key={job.id} className="my-3">
+              <JobCard jobItem={job} type="job" />
+            </div>
+          ))}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/student/layout.tsx b/src/app/(routes)/student/layout.tsx
index bccda410..4ce199cb 100644
--- a/src/app/(routes)/student/layout.tsx
+++ b/src/app/(routes)/student/layout.tsx
@@ -1,11 +1,11 @@
-import Link from "next/link";
-
-interface Props {
-  children: React.ReactNode;
-}
-
-const StudentLayout = ({ children }: Props) => {
-  return <div>{children}</div>;
-};
-
-export default StudentLayout;
+import Link from "next/link";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const StudentLayout = ({ children }: Props) => {
+  return <div>{children}</div>;
+};
+
+export default StudentLayout;
diff --git a/src/app/(routes)/student/offCampus/page.tsx b/src/app/(routes)/student/offCampus/page.tsx
index 265cc2cd..b9468a72 100644
--- a/src/app/(routes)/student/offCampus/page.tsx
+++ b/src/app/(routes)/student/offCampus/page.tsx
@@ -1,50 +1,50 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import OffCampusCard from "@/components/jobs/OffCampusCard";
-import { OffCampusOffer } from "@/helpers/student/types";
-import { GetOffCampusOffers } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-
-const OffCampusPage = () => {
-  const [offCampusOffers, setOffCampusOffers] = useState<OffCampusOffer[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchJobs = async () => {
-      try {
-        const oco = await GetOffCampusOffers();
-        setOffCampusOffers(oco);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchJobs();
-    // setJobs(Jobs);
-  }, []);
-
-  return (
-    <div>
-      <div className="my-3 mx-5 font-bold text-xl">
-        <h1>Off Campus Offers</h1>
-      </div>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {offCampusOffers &&
-        offCampusOffers.map((job) => (
-          <div key={job.id} className="my-3">
-            <OffCampusCard jobItem={job} />
-          </div>
-        ))}
-    </div>
-  );
-};
-
-export default OffCampusPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import OffCampusCard from "@/components/jobs/OffCampusCard";
+import { OffCampusOffer } from "@/helpers/student/types";
+import { GetOffCampusOffers } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+
+const OffCampusPage = () => {
+  const [offCampusOffers, setOffCampusOffers] = useState<OffCampusOffer[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchJobs = async () => {
+      try {
+        const oco = await GetOffCampusOffers();
+        setOffCampusOffers(oco);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchJobs();
+    // setJobs(Jobs);
+  }, []);
+
+  return (
+    <div>
+      <div className="my-3 mx-5 font-bold text-xl">
+        <h1>Off Campus Offers</h1>
+      </div>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {offCampusOffers &&
+        offCampusOffers.map((job) => (
+          <div key={job.id} className="my-3">
+            <OffCampusCard jobItem={job} />
+          </div>
+        ))}
+    </div>
+  );
+};
+
+export default OffCampusPage;
diff --git a/src/app/(routes)/student/onCampus/page.tsx b/src/app/(routes)/student/onCampus/page.tsx
index bd2b32a7..caa3702c 100644
--- a/src/app/(routes)/student/onCampus/page.tsx
+++ b/src/app/(routes)/student/onCampus/page.tsx
@@ -1,48 +1,48 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import { GetOnCampusOffers } from "@/helpers/student/api";
-import { OnCampusOffers } from "@/helpers/student/types";
-import OnCampusCard from "@/components/jobs/OnCampusCard";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-const StudentPage = () => {
-  const [onCampusOffers, setOnCampusOffers] = useState<OnCampusOffers[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchOffers = async () => {
-      try {
-        const oco = await GetOnCampusOffers();
-        setOnCampusOffers(oco);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchOffers();
-  }, []);
-
-  return (
-    <div>
-      <div className="my-3 mx-5 font-bold text-xl">
-        <h1>On Campus Offers</h1>
-      </div>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {onCampusOffers &&
-        onCampusOffers.map((job) => (
-          <div key={job.id} className="my-3">
-            <OnCampusCard offerItem={job} salaryId={job.salary.id} />
-          </div>
-        ))}
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import { GetOnCampusOffers } from "@/helpers/student/api";
+import { OnCampusOffers } from "@/helpers/student/types";
+import OnCampusCard from "@/components/jobs/OnCampusCard";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+const StudentPage = () => {
+  const [onCampusOffers, setOnCampusOffers] = useState<OnCampusOffers[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchOffers = async () => {
+      try {
+        const oco = await GetOnCampusOffers();
+        setOnCampusOffers(oco);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchOffers();
+  }, []);
+
+  return (
+    <div>
+      <div className="my-3 mx-5 font-bold text-xl">
+        <h1>On Campus Offers</h1>
+      </div>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {onCampusOffers &&
+        onCampusOffers.map((job) => (
+          <div key={job.id} className="my-3">
+            <OnCampusCard offerItem={job} salaryId={job.salary.id} />
+          </div>
+        ))}
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/student/opportunities/page.tsx b/src/app/(routes)/student/opportunities/page.tsx
index 56628248..769a1ac0 100644
--- a/src/app/(routes)/student/opportunities/page.tsx
+++ b/src/app/(routes)/student/opportunities/page.tsx
@@ -1,49 +1,49 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import JobCard from "@/components/jobs/JobCard";
-import { GetOpportuinites } from "@/helpers/student/api";
-import { Jobs } from "@/helpers/student/types";
-import toast from "react-hot-toast";
-import Loader from "@/components/Loader/loader";
-const StudentPage = () => {
-  const [jobs, setJobs] = useState<Jobs[]>([]);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchJobs = async () => {
-      try {
-        const data = await GetOpportuinites();
-        setJobs(data);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchJobs();
-  }, []);
-
-  return (
-    <div>
-      <div className="my-3 mx-5 font-bold text-xl">
-        <h1>Apply</h1>
-      </div>
-      <div>
-        {loading && (
-          <div className="h-screen w-full flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {jobs &&
-          jobs.map((job) => (
-            <div key={job.id} className="my-3">
-              <JobCard jobItem={job} type="opportunity" />
-            </div>
-          ))}
-      </div>
-    </div>
-  );
-};
-
-export default StudentPage;
+"use client";
+import React, { useEffect, useState } from "react";
+import JobCard from "@/components/jobs/JobCard";
+import { GetOpportuinites } from "@/helpers/student/api";
+import { Jobs } from "@/helpers/student/types";
+import toast from "react-hot-toast";
+import Loader from "@/components/Loader/loader";
+const StudentPage = () => {
+  const [jobs, setJobs] = useState<Jobs[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchJobs = async () => {
+      try {
+        const data = await GetOpportuinites();
+        setJobs(data);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchJobs();
+  }, []);
+
+  return (
+    <div>
+      <div className="my-3 mx-5 font-bold text-xl">
+        <h1>Apply</h1>
+      </div>
+      <div>
+        {loading && (
+          <div className="h-screen w-full flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {jobs &&
+          jobs.map((job) => (
+            <div key={job.id} className="my-3">
+              <JobCard jobItem={job} type="opportunity" />
+            </div>
+          ))}
+      </div>
+    </div>
+  );
+};
+
+export default StudentPage;
diff --git a/src/app/(routes)/student/page.tsx b/src/app/(routes)/student/page.tsx
index c255de26..7203dbdf 100644
--- a/src/app/(routes)/student/page.tsx
+++ b/src/app/(routes)/student/page.tsx
@@ -1,197 +1,197 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { Button } from "@/components/ui/button";
-import { StudentDataType } from "@/helpers/student/types";
-import { GetStudentData } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import Loader from "@/components/Loader/loader";
-
-const ProfilePage = () => {
-  const [studentData, setStudentData] = useState<StudentDataType | null>(null);
-  const [totalPenalty, setTotalPenalty] = useState<number>(0);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchStudentData = async () => {
-      try {
-        const data = await GetStudentData();
-        setStudentData(data);
-
-        if (data) {
-          const total = data.penalties.reduce(
-            (sum: number, penalty) => sum + penalty.penalty,
-            0,
-          );
-          setTotalPenalty(total);
-        }
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    if (studentData === null) {
-      fetchStudentData();
-    }
-  });
-
-  return (
-    <>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {studentData && (
-        <div className="">
-          <div className="rounded-xl bg-white text-black p-5">
-            <div className="font-bold text-lg" style={{ cursor: "pointer" }}>
-              {studentData.user.name}
-            </div>
-            <div className=" text-slate-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-slate-500 text-xs ">
-              {studentData.rollNo}
-            </div>
-            <div className="mt-4">
-              <div className="my-4">
-                <Separator />
-              </div>
-              <h2 className="text-lg font-semibold my-2">Program</h2>
-              <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Course</div>{" "}
-                  <div>{studentData.program.course}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Branch</div>{" "}
-                  <div>{studentData.program.branch}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Department
-                  </div>{" "}
-                  <div>{studentData.program.department}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
-                  <div>{studentData.program.year}</div>
-                </div>
-              </div>
-
-              <div className="my-4">
-                <Separator />
-              </div>
-
-              <h2 className="text-lg font-semibold my-2">Academics</h2>
-              <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Category
-                  </div>{" "}
-                  <div>{studentData.category}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Gender</div>{" "}
-                  <div>{studentData.gender}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">CPI</div>{" "}
-                  <div>{studentData.cpi}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Tenth Marks
-                  </div>{" "}
-                  <div>{studentData.tenthMarks}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Twelth Marks
-                  </div>{" "}
-                  <div>{studentData.twelthMarks}</div>
-                </div>
-              </div>
-
-              {totalPenalty > 0 && (
-                <>
-                  <div className="my-4">
-                    <Separator />
-                  </div>
-
-                  <h1 className="text-lg font-semibold my-2">Penalties</h1>
-                  <Table className="overflow-hidden">
-                    <TableHeader>
-                      <TableRow>
-                        <TableHead>Sr.</TableHead>
-                        <TableHead>Reason</TableHead>
-                        <TableHead>Penalty</TableHead>
-                      </TableRow>
-                    </TableHeader>
-                    <TableBody>
-                      {studentData.penalties.map((item, index) => (
-                        <TableRow key={index}>
-                          <TableCell>{index + 1}</TableCell>
-                          <TableCell>{item.reason}</TableCell>
-                          <TableCell>{item.penalty}</TableCell>
-                        </TableRow>
-                      ))}
-                    </TableBody>
-                    <TableFooter>
-                      <TableRow>
-                        <TableCell></TableCell>
-                        <TableCell></TableCell>
-                        <TableCell>{totalPenalty}</TableCell>
-                      </TableRow>
-                    </TableFooter>
-                  </Table>
-                </>
-              )}
-              <div className="my-4">
-                <Separator />
-              </div>
-
-              <h1 className="text-lg font-semibold my-2">Seasons</h1>
-              <Table className="overflow-hidden">
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>Sr.</TableHead>
-                    <TableHead>Year</TableHead>
-                    <TableHead>Type</TableHead>
-                    <TableHead>Action</TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {studentData.registrations.map((item, index) => (
-                    <TableRow key={index}>
-                      <TableCell>{index + 1}</TableCell>
-                      <TableCell>{item.season.year}</TableCell>
-                      <TableCell>{item.season.type}</TableCell>
-                      <TableCell>
-                        <Button>
-                          {item.registered ? "Deregister" : "Register"}
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            </div>
-          </div>
-        </div>
-      )}
-    </>
-  );
-};
-
-export default ProfilePage;
+"use client";
+import React, { useEffect, useState } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { Button } from "@/components/ui/button";
+import { StudentDataType } from "@/helpers/student/types";
+import { GetStudentData } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import Loader from "@/components/Loader/loader";
+
+const ProfilePage = () => {
+  const [studentData, setStudentData] = useState<StudentDataType | null>(null);
+  const [totalPenalty, setTotalPenalty] = useState<number>(0);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchStudentData = async () => {
+      try {
+        const data = await GetStudentData();
+        setStudentData(data);
+
+        if (data) {
+          const total = data.penalties.reduce(
+            (sum: number, penalty) => sum + penalty.penalty,
+            0,
+          );
+          setTotalPenalty(total);
+        }
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    if (studentData === null) {
+      fetchStudentData();
+    }
+  });
+
+  return (
+    <>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {studentData && (
+        <div className="">
+          <div className="rounded-xl bg-white text-black p-5">
+            <div className="font-bold text-lg" style={{ cursor: "pointer" }}>
+              {studentData.user.name}
+            </div>
+            <div className=" text-slate-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-slate-500 text-xs ">
+              {studentData.rollNo}
+            </div>
+            <div className="mt-4">
+              <div className="my-4">
+                <Separator />
+              </div>
+              <h2 className="text-lg font-semibold my-2">Program</h2>
+              <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Course</div>{" "}
+                  <div>{studentData.program.course}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Branch</div>{" "}
+                  <div>{studentData.program.branch}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Department
+                  </div>{" "}
+                  <div>{studentData.program.department}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
+                  <div>{studentData.program.year}</div>
+                </div>
+              </div>
+
+              <div className="my-4">
+                <Separator />
+              </div>
+
+              <h2 className="text-lg font-semibold my-2">Academics</h2>
+              <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Category
+                  </div>{" "}
+                  <div>{studentData.category}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Gender</div>{" "}
+                  <div>{studentData.gender}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">CPI</div>{" "}
+                  <div>{studentData.cpi}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Tenth Marks
+                  </div>{" "}
+                  <div>{studentData.tenthMarks}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Twelth Marks
+                  </div>{" "}
+                  <div>{studentData.twelthMarks}</div>
+                </div>
+              </div>
+
+              {totalPenalty > 0 && (
+                <>
+                  <div className="my-4">
+                    <Separator />
+                  </div>
+
+                  <h1 className="text-lg font-semibold my-2">Penalties</h1>
+                  <Table className="overflow-hidden">
+                    <TableHeader>
+                      <TableRow>
+                        <TableHead>Sr.</TableHead>
+                        <TableHead>Reason</TableHead>
+                        <TableHead>Penalty</TableHead>
+                      </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                      {studentData.penalties.map((item, index) => (
+                        <TableRow key={index}>
+                          <TableCell>{index + 1}</TableCell>
+                          <TableCell>{item.reason}</TableCell>
+                          <TableCell>{item.penalty}</TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                    <TableFooter>
+                      <TableRow>
+                        <TableCell></TableCell>
+                        <TableCell></TableCell>
+                        <TableCell>{totalPenalty}</TableCell>
+                      </TableRow>
+                    </TableFooter>
+                  </Table>
+                </>
+              )}
+              <div className="my-4">
+                <Separator />
+              </div>
+
+              <h1 className="text-lg font-semibold my-2">Seasons</h1>
+              <Table className="overflow-hidden">
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Sr.</TableHead>
+                    <TableHead>Year</TableHead>
+                    <TableHead>Type</TableHead>
+                    <TableHead>Action</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {studentData.registrations.map((item, index) => (
+                    <TableRow key={index}>
+                      <TableCell>{index + 1}</TableCell>
+                      <TableCell>{item.season.year}</TableCell>
+                      <TableCell>{item.season.type}</TableCell>
+                      <TableCell>
+                        <Button>
+                          {item.registered ? "Deregister" : "Register"}
+                        </Button>
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default ProfilePage;
diff --git a/src/app/(routes)/student/profile/page.tsx b/src/app/(routes)/student/profile/page.tsx
index 3537321e..21a67d9d 100644
--- a/src/app/(routes)/student/profile/page.tsx
+++ b/src/app/(routes)/student/profile/page.tsx
@@ -1,223 +1,223 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { Button } from "@/components/ui/button";
-import { StudentDataType } from "@/helpers/student/types";
-import { GetStudentData, RegisterSeason } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import Loader from "@/components/Loader/loader";
-
-const ProfilePage = () => {
-  const [studentData, setStudentData] = useState<StudentDataType | null>(null);
-  const [totalPenalty, setTotalPenalty] = useState<number>(0);
-  const [loading, setLoading] = useState(true);
-
-  const handleRegister = async (seasonId: string, registered: boolean) => {
-    const res = await RegisterSeason(seasonId,registered);
-    if(res) {
-      if(registered) toast.success("Deregistered successfully");
-      else toast.success("Registered successfully");
-      setStudentData(prevState => {
-        if (!prevState) return null;
-    
-        const updatedRegistrations = prevState.registrations.map(registration => 
-          registration.season.id === seasonId 
-            ? { ...registration, registered: !registered } 
-            : registration
-        );
-    
-        return {
-          ...prevState,
-          registrations: updatedRegistrations
-        };
-      });
-    }
-    else{
-      toast.error("Some Error Occured");
-    }
-  }
-
-  useEffect(() => {
-    const fetchStudentData = async () => {
-      try {
-        const data = await GetStudentData();
-        setStudentData(data);
-
-        if (data) {
-          const total = data.penalties.reduce(
-            (sum: number, penalty) => sum + penalty.penalty,
-            0,
-          );
-          setTotalPenalty(total);
-        }
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    if (studentData === null) {
-      fetchStudentData();
-    }
-  });
-
-  return (
-    <>
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {studentData && (
-        <div className="">
-          <div className="rounded-xl bg-white text-black p-5">
-            <div className="font-bold text-lg" style={{ cursor: "pointer" }}>
-              {studentData.user.name}
-            </div>
-            <div className=" text-slate-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-slate-500 text-xs ">
-              {studentData.rollNo}
-            </div>
-            <div className="mt-4">
-              <div className="my-4">
-                <Separator />
-              </div>
-              <h2 className="text-lg font-semibold my-2">Program</h2>
-              <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Course</div>{" "}
-                  <div>{studentData.program.course}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Branch</div>{" "}
-                  <div>{studentData.program.branch}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Department
-                  </div>{" "}
-                  <div>{studentData.program.department}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
-                  <div>{studentData.program.year}</div>
-                </div>
-              </div>
-
-              <div className="my-4">
-                <Separator />
-              </div>
-
-              <h2 className="text-lg font-semibold my-2">Academics</h2>
-              <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Category
-                  </div>{" "}
-                  <div>{studentData.category}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">Gender</div>{" "}
-                  <div>{studentData.gender}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">CPI</div>{" "}
-                  <div>{studentData.cpi}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Tenth Marks
-                  </div>{" "}
-                  <div>{studentData.tenthMarks}</div>
-                </div>
-                <div>
-                  <div className="text-gray-500 font-semibold my-2">
-                    Twelth Marks
-                  </div>{" "}
-                  <div>{studentData.twelthMarks}</div>
-                </div>
-              </div>
-
-              {totalPenalty > 0 && (
-                <>
-                  <div className="my-4">
-                    <Separator />
-                  </div>
-
-                  <h1 className="text-lg font-semibold my-2">Penalties</h1>
-                  <Table className="overflow-hidden">
-                    <TableHeader>
-                      <TableRow>
-                        <TableHead>Sr.</TableHead>
-                        <TableHead>Reason</TableHead>
-                        <TableHead>Penalty</TableHead>
-                      </TableRow>
-                    </TableHeader>
-                    <TableBody>
-                      {studentData.penalties.map((item, index) => (
-                        <TableRow key={index}>
-                          <TableCell>{index + 1}</TableCell>
-                          <TableCell>{item.reason}</TableCell>
-                          <TableCell>{item.penalty}</TableCell>
-                        </TableRow>
-                      ))}
-                    </TableBody>
-                    <TableFooter>
-                      <TableRow>
-                        <TableCell></TableCell>
-                        <TableCell></TableCell>
-                        <TableCell>{totalPenalty}</TableCell>
-                      </TableRow>
-                    </TableFooter>
-                  </Table>
-                </>
-              )}
-              <div className="my-4">
-                <Separator />
-              </div>
-
-              <h1 className="text-lg font-semibold my-2">Seasons</h1>
-              <Table className="overflow-hidden">
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>Sr.</TableHead>
-                    <TableHead>Year</TableHead>
-                    <TableHead>Type</TableHead>
-                    <TableHead>Status</TableHead>
-                    <TableHead>Action</TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {studentData.registrations.map((item, index) => (
-                    <TableRow key={index}>
-                      <TableCell>{index + 1}</TableCell>
-                      <TableCell>{item.season.year}</TableCell>
-                      <TableCell>{item.season.type}</TableCell>
-                      <TableCell>{item.registered ? "Registered" : "Not Registered"}</TableCell>
-                      <TableCell>
-                        <Button onClick={() => handleRegister(item.season.id,item.registered)}>
-                          {item.registered ? "Deregister" : "Register"}
-                        </Button>
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-            </div>
-          </div>
-        </div>
-      )}
-    </>
-  );
-};
-
-export default ProfilePage;
+"use client";
+import React, { useEffect, useState } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { Button } from "@/components/ui/button";
+import { StudentDataType } from "@/helpers/student/types";
+import { GetStudentData, RegisterSeason } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import Loader from "@/components/Loader/loader";
+
+const ProfilePage = () => {
+  const [studentData, setStudentData] = useState<StudentDataType | null>(null);
+  const [totalPenalty, setTotalPenalty] = useState<number>(0);
+  const [loading, setLoading] = useState(true);
+
+  const handleRegister = async (seasonId: string, registered: boolean) => {
+    const res = await RegisterSeason(seasonId,registered);
+    if(res) {
+      if(registered) toast.success("Deregistered successfully");
+      else toast.success("Registered successfully");
+      setStudentData(prevState => {
+        if (!prevState) return null;
+    
+        const updatedRegistrations = prevState.registrations.map(registration => 
+          registration.season.id === seasonId 
+            ? { ...registration, registered: !registered } 
+            : registration
+        );
+    
+        return {
+          ...prevState,
+          registrations: updatedRegistrations
+        };
+      });
+    }
+    else{
+      toast.error("Some Error Occured");
+    }
+  }
+
+  useEffect(() => {
+    const fetchStudentData = async () => {
+      try {
+        const data = await GetStudentData();
+        setStudentData(data);
+
+        if (data) {
+          const total = data.penalties.reduce(
+            (sum: number, penalty) => sum + penalty.penalty,
+            0,
+          );
+          setTotalPenalty(total);
+        }
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    if (studentData === null) {
+      fetchStudentData();
+    }
+  });
+
+  return (
+    <>
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {studentData && (
+        <div className="">
+          <div className="rounded-xl bg-white text-black p-5">
+            <div className="font-bold text-lg" style={{ cursor: "pointer" }}>
+              {studentData.user.name}
+            </div>
+            <div className=" text-slate-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-slate-500 text-xs ">
+              {studentData.rollNo}
+            </div>
+            <div className="mt-4">
+              <div className="my-4">
+                <Separator />
+              </div>
+              <h2 className="text-lg font-semibold my-2">Program</h2>
+              <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Course</div>{" "}
+                  <div>{studentData.program.course}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Branch</div>{" "}
+                  <div>{studentData.program.branch}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Department
+                  </div>{" "}
+                  <div>{studentData.program.department}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
+                  <div>{studentData.program.year}</div>
+                </div>
+              </div>
+
+              <div className="my-4">
+                <Separator />
+              </div>
+
+              <h2 className="text-lg font-semibold my-2">Academics</h2>
+              <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Category
+                  </div>{" "}
+                  <div>{studentData.category}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">Gender</div>{" "}
+                  <div>{studentData.gender}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">CPI</div>{" "}
+                  <div>{studentData.cpi}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Tenth Marks
+                  </div>{" "}
+                  <div>{studentData.tenthMarks}</div>
+                </div>
+                <div>
+                  <div className="text-gray-500 font-semibold my-2">
+                    Twelth Marks
+                  </div>{" "}
+                  <div>{studentData.twelthMarks}</div>
+                </div>
+              </div>
+
+              {totalPenalty > 0 && (
+                <>
+                  <div className="my-4">
+                    <Separator />
+                  </div>
+
+                  <h1 className="text-lg font-semibold my-2">Penalties</h1>
+                  <Table className="overflow-hidden">
+                    <TableHeader>
+                      <TableRow>
+                        <TableHead>Sr.</TableHead>
+                        <TableHead>Reason</TableHead>
+                        <TableHead>Penalty</TableHead>
+                      </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                      {studentData.penalties.map((item, index) => (
+                        <TableRow key={index}>
+                          <TableCell>{index + 1}</TableCell>
+                          <TableCell>{item.reason}</TableCell>
+                          <TableCell>{item.penalty}</TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                    <TableFooter>
+                      <TableRow>
+                        <TableCell></TableCell>
+                        <TableCell></TableCell>
+                        <TableCell>{totalPenalty}</TableCell>
+                      </TableRow>
+                    </TableFooter>
+                  </Table>
+                </>
+              )}
+              <div className="my-4">
+                <Separator />
+              </div>
+
+              <h1 className="text-lg font-semibold my-2">Seasons</h1>
+              <Table className="overflow-hidden">
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Sr.</TableHead>
+                    <TableHead>Year</TableHead>
+                    <TableHead>Type</TableHead>
+                    <TableHead>Status</TableHead>
+                    <TableHead>Action</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {studentData.registrations.map((item, index) => (
+                    <TableRow key={index}>
+                      <TableCell>{index + 1}</TableCell>
+                      <TableCell>{item.season.year}</TableCell>
+                      <TableCell>{item.season.type}</TableCell>
+                      <TableCell>{item.registered ? "Registered" : "Not Registered"}</TableCell>
+                      <TableCell>
+                        <Button onClick={() => handleRegister(item.season.id,item.registered)}>
+                          {item.registered ? "Deregister" : "Register"}
+                        </Button>
+                      </TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default ProfilePage;
diff --git a/src/app/(routes)/student/resumes/page.tsx b/src/app/(routes)/student/resumes/page.tsx
index 930d5a7d..89e50694 100644
--- a/src/app/(routes)/student/resumes/page.tsx
+++ b/src/app/(routes)/student/resumes/page.tsx
@@ -1,208 +1,208 @@
-"use client";
-import React, { useEffect, useState, ChangeEvent, FormEvent } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { Button } from "@/components/ui/button";
-import { Resume } from "@/helpers/student/types";
-import { GetResumes, OpenResume, deleteResume } from "@/helpers/student/api";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { uploadResume } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import Loader from "@/components/Loader/loader";
-const ResumePage = () => {
-  const [resumeData, setResumeData] = useState<Resume[]>([]);
-  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
-  const [loading, setLoading] = useState(true);
-
-  const fetchResumes = async () => {
-    try {
-      const data = await GetResumes();
-      setResumeData(data);
-    } catch (error) {
-      toast.error("Error fetching data:");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const [file, setFile] = useState<File | null>(null);
-  const [resumeName, setName] = useState<string | null>(null);
-
-  const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {
-    if (event.target.files) {
-      setFile(event.target.files[0]);
-    }
-  };
-  
-  const handleNameChange = (event: ChangeEvent<HTMLInputElement>) => {
-    setName(event.target.value);
-  };
-
-  const handleOpenResume = async (filename: string) => {
-    OpenResume(filename);
-  };
-
-  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-
-    if (!file) {
-      toast.error("Please select a file to upload.");
-      return;
-    }
-
-    if (!resumeName) {
-      toast.error("Please enter a name.");
-      return;
-    }
-
-    const formData = new FormData();
-    formData.append("resume", file, file.name);
-
-    const data = await uploadResume(formData, resumeName);
-
-    if (data) {
-      toast.success("Uploaded Successfully");
-      fetchResumes();
-      setFile(null);
-      setDialogOpen(false);
-    } else {
-      toast.error("Error uploading file");
-    }
-  };
-
-  const handleDelete = async (filename: string) => {
-    const res = await deleteResume(filename);
-
-    if (res) {
-      toast.success("Deleted Successfully");
-      fetchResumes();
-    } else {
-      toast.error("Error deleting file");
-    }
-  };
-
-  useEffect(() => {
-    if (resumeData.length === 0) {
-      fetchResumes();
-    }
-  });
-
-  return (
-    <>
-      <div className="rounded-xl bg-white text-black p-5">
-        <div className="font-bold text-lg">Resumes</div>
-        {loading && (
-          <div className="h-screen w-full flex justify-center items-center">
-            <Loader />
-          </div>
-        )}
-        {resumeData.length > 0 && (
-          <>
-            <div className="my-4">
-              <Separator />
-            </div>
-            <Table className="overflow-hidden">
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Sr.</TableHead>
-                  <TableHead>Name</TableHead>
-                  <TableHead>Status</TableHead>
-                  <TableHead>Delete</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {resumeData.map((item, index) => (
-                  <TableRow key={index}>
-                    <TableCell>{index + 1}</TableCell>
-                    <TableCell>
-                      <div
-                        className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
-                        onClick={() => handleOpenResume(item.filepath)}
-                      >
-                        {item.name}
-                      </div>
-                    </TableCell>
-                    <TableCell>
-                      {item.verified ? "Verified" : "Not Verified"}
-                    </TableCell>
-                    <TableCell>
-                      <Button onClick={() => handleDelete(item.filepath)}>
-                        Delete
-                      </Button>
-                    </TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-          </>
-        )}
-        <div className="my-4">
-          <Separator />
-        </div>
-        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
-          <DialogTrigger asChild>
-            <Button onClick={() => setDialogOpen(true)}>Add Resume</Button>
-          </DialogTrigger>
-          <DialogContent>
-            <DialogHeader>
-              <DialogTitle>Upload Resume</DialogTitle>
-              <DialogDescription>
-                Select and upload your resume file.
-              </DialogDescription>
-            </DialogHeader>
-            <form onSubmit={handleSubmit}>
-              <div className="grid w-full max-w-sm items-center gap-1.5 my-2">
-                <Label className="text-black" htmlFor="name">
-                  Name
-                </Label>
-                <Input
-                  id="name"
-                  className="cursor-pointer text-black"
-                  type="text"
-                  required
-                  onChange={handleNameChange}
-                />
-              </div>
-              <div className="grid w-full max-w-sm items-center gap-1.5">
-                <Label className="text-black" htmlFor="resume">
-                  Resume
-                </Label>
-                <Input
-                  id="resume"
-                  className="cursor-pointer text-black"
-                  type="file"
-                  onChange={handleFileChange}
-                />
-              </div>
-              <DialogFooter>
-                <Button className="my-4" type="submit">
-                  Add
-                </Button>
-              </DialogFooter>
-            </form>
-          </DialogContent>
-        </Dialog>
-      </div>
-    </>
-  );
-};
-
-export default ResumePage;
+"use client";
+import React, { useEffect, useState, ChangeEvent, FormEvent } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { Button } from "@/components/ui/button";
+import { Resume } from "@/helpers/student/types";
+import { GetResumes, OpenResume, deleteResume } from "@/helpers/student/api";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { uploadResume } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import Loader from "@/components/Loader/loader";
+const ResumePage = () => {
+  const [resumeData, setResumeData] = useState<Resume[]>([]);
+  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+  const [loading, setLoading] = useState(true);
+
+  const fetchResumes = async () => {
+    try {
+      const data = await GetResumes();
+      setResumeData(data);
+    } catch (error) {
+      toast.error("Error fetching data:");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const [file, setFile] = useState<File | null>(null);
+  const [resumeName, setName] = useState<string | null>(null);
+
+  const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {
+    if (event.target.files) {
+      setFile(event.target.files[0]);
+    }
+  };
+  
+  const handleNameChange = (event: ChangeEvent<HTMLInputElement>) => {
+    setName(event.target.value);
+  };
+
+  const handleOpenResume = async (filename: string) => {
+    OpenResume(filename);
+  };
+
+  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    if (!file) {
+      toast.error("Please select a file to upload.");
+      return;
+    }
+
+    if (!resumeName) {
+      toast.error("Please enter a name.");
+      return;
+    }
+
+    const formData = new FormData();
+    formData.append("resume", file, file.name);
+
+    const data = await uploadResume(formData, resumeName);
+
+    if (data) {
+      toast.success("Uploaded Successfully");
+      fetchResumes();
+      setFile(null);
+      setDialogOpen(false);
+    } else {
+      toast.error("Error uploading file");
+    }
+  };
+
+  const handleDelete = async (filename: string) => {
+    const res = await deleteResume(filename);
+
+    if (res) {
+      toast.success("Deleted Successfully");
+      fetchResumes();
+    } else {
+      toast.error("Error deleting file");
+    }
+  };
+
+  useEffect(() => {
+    if (resumeData.length === 0) {
+      fetchResumes();
+    }
+  });
+
+  return (
+    <>
+      <div className="rounded-xl bg-white text-black p-5">
+        <div className="font-bold text-lg">Resumes</div>
+        {loading && (
+          <div className="h-screen w-full flex justify-center items-center">
+            <Loader />
+          </div>
+        )}
+        {resumeData.length > 0 && (
+          <>
+            <div className="my-4">
+              <Separator />
+            </div>
+            <Table className="overflow-hidden">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr.</TableHead>
+                  <TableHead>Name</TableHead>
+                  <TableHead>Status</TableHead>
+                  <TableHead>Delete</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {resumeData.map((item, index) => (
+                  <TableRow key={index}>
+                    <TableCell>{index + 1}</TableCell>
+                    <TableCell>
+                      <div
+                        className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
+                        onClick={() => handleOpenResume(item.filepath)}
+                      >
+                        {item.name}
+                      </div>
+                    </TableCell>
+                    <TableCell>
+                      {item.verified ? "Verified" : "Not Verified"}
+                    </TableCell>
+                    <TableCell>
+                      <Button onClick={() => handleDelete(item.filepath)}>
+                        Delete
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </>
+        )}
+        <div className="my-4">
+          <Separator />
+        </div>
+        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+          <DialogTrigger asChild>
+            <Button onClick={() => setDialogOpen(true)}>Add Resume</Button>
+          </DialogTrigger>
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>Upload Resume</DialogTitle>
+              <DialogDescription>
+                Select and upload your resume file.
+              </DialogDescription>
+            </DialogHeader>
+            <form onSubmit={handleSubmit}>
+              <div className="grid w-full max-w-sm items-center gap-1.5 my-2">
+                <Label className="text-black" htmlFor="name">
+                  Name
+                </Label>
+                <Input
+                  id="name"
+                  className="cursor-pointer text-black"
+                  type="text"
+                  required
+                  onChange={handleNameChange}
+                />
+              </div>
+              <div className="grid w-full max-w-sm items-center gap-1.5">
+                <Label className="text-black" htmlFor="resume">
+                  Resume
+                </Label>
+                <Input
+                  id="resume"
+                  className="cursor-pointer text-black"
+                  type="file"
+                  onChange={handleFileChange}
+                />
+              </div>
+              <DialogFooter>
+                <Button className="my-4" type="submit">
+                  Add
+                </Button>
+              </DialogFooter>
+            </form>
+          </DialogContent>
+        </Dialog>
+      </div>
+    </>
+  );
+};
+
+export default ResumePage;
diff --git a/src/app/api/auth/[...nextauth]/route.ts b/src/app/api/auth/[...nextauth]/route.ts
index 60ec6573..b80c9a76 100644
--- a/src/app/api/auth/[...nextauth]/route.ts
+++ b/src/app/api/auth/[...nextauth]/route.ts
@@ -1,11 +1,11 @@
-import NextAuth, { NextAuthOptions } from "next-auth";
-import { config } from "@/helpers/auth";
-
-const authOptions: NextAuthOptions = {
-  ...config,
-  secret: process.env.NEXT_PUBLIC_SECRET,
-};
-
-const handler = NextAuth(authOptions);
-
-export { handler as GET, handler as POST };
+import NextAuth, { NextAuthOptions } from "next-auth";
+import { config } from "@/helpers/auth";
+
+const authOptions: NextAuthOptions = {
+  ...config,
+  secret: process.env.NEXT_PUBLIC_SECRET,
+};
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST };
diff --git a/src/app/error.tsx b/src/app/error.tsx
index 81b0add6..e22d13d9 100644
--- a/src/app/error.tsx
+++ b/src/app/error.tsx
@@ -1,10 +1,10 @@
-"use client";
-import React from "react";
-
-const ErrorPage = () => {
-  return (
-    <div>
-      <h1>Error Page</h1>
-    </div>
-  );
-};
+"use client";
+import React from "react";
+
+const ErrorPage = () => {
+  return (
+    <div>
+      <h1>Error Page</h1>
+    </div>
+  );
+};
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index 8342cc99..9bbf1b3e 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -1,12 +1,12 @@
-"use client";
-import Calendar from "@/components/Calendar/Calendar";
-import ContextWrapper from "@/components/Calendar/context/ContextWrapper";
-import "material-icons/iconfont/material-icons.css";
-
-export default function CalendarView() {
-  return (
-    <ContextWrapper>
-      <Calendar />
-    </ContextWrapper>
-  );
-}
+"use client";
+import Calendar from "@/components/Calendar/Calendar";
+import ContextWrapper from "@/components/Calendar/context/ContextWrapper";
+import "material-icons/iconfont/material-icons.css";
+
+export default function CalendarView() {
+  return (
+    <ContextWrapper>
+      <Calendar />
+    </ContextWrapper>
+  );
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index c2f2955b..79a79764 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,22 +1,22 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: rgb(232, 232, 232);
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --foreground-rgb: 0, 0, 0;
+  --background-start-rgb: 214, 219, 220;
+  --background-end-rgb: 255, 255, 255;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --foreground-rgb: 255, 255, 255;
+    --background-start-rgb: 0, 0, 0;
+    --background-end-rgb: 0, 0, 0;
+  }
+}
+
+body {
+  color: rgb(var(--foreground-rgb));
+  background: rgb(232, 232, 232);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 05f2ee82..48fdf0c3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,67 +1,67 @@
-import MenuButton from "@/components/MenuButton";
-import "./globals.css";
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import Link from "next/link";
-import { ToggleProvider } from "@/contextProviders/ToggleProvider";
-import Sidebar from "@/components/Sidebar";
-import MainContent from "@/components/MainContent";
-import NavButtonGroup from "@/components/NavButtonGroup";
-import NextAuthProvider from "@/contextProviders/sessionProvider";
-import { Toaster } from "react-hot-toast";
-import { Providers } from "@/store/provider";
-import { Suspense } from "react";
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "TPC Portal",
-  description: "Generated by create next app",
-};
-
-interface Props {
-  children: React.ReactNode;
-  auth: React.ReactNode;
-}
-
-const RootLayout = async ({ children, auth }: Props) => {
-  const className = inter.className;
-
-  return (
-    <html lang="en">
-      <body className={className}>
-        <ToggleProvider>
-          <div className="flex flex-col h-screen">
-            {/* <nav className="shadow-xl bg-gray-900">
-              <div className="max-w-7xl mx-auto px-2 sm:px-4 flex justify-between items-center h-[8vh]">
-                <div className="flex-shrink-0 flex items-center">
-                  <Link href="/" className="text-white font-bold text-2xl">
-                    <div className="hidden sm:block mx-2">TPC</div>
-                  </Link>
-                </div>
-                <NavButtonGroup />
-              </div>
-            </nav> */}
-            {/* Page Content */}
-            <Toaster />
-
-            <NextAuthProvider>
-              <div className="flex-auto flex h-[92vh] ">
-                {/* sidebar and main content share this space */}
-                <Suspense fallback={<>Loading...</>}>
-                  <Sidebar />
-                </Suspense>
-                <MainContent>
-                  <Providers>{children}</Providers>
-                </MainContent>
-              </div>
-              {auth}
-            </NextAuthProvider>
-          </div>
-        </ToggleProvider>
-      </body>
-    </html>
-  );
-};
-
-export default RootLayout;
+import MenuButton from "@/components/MenuButton";
+import "./globals.css";
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import Link from "next/link";
+import { ToggleProvider } from "@/contextProviders/ToggleProvider";
+import Sidebar from "@/components/Sidebar";
+import MainContent from "@/components/MainContent";
+import NavButtonGroup from "@/components/NavButtonGroup";
+import NextAuthProvider from "@/contextProviders/sessionProvider";
+import { Toaster } from "react-hot-toast";
+import { Providers } from "@/store/provider";
+import { Suspense } from "react";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "TPC Portal",
+  description: "Generated by create next app",
+};
+
+interface Props {
+  children: React.ReactNode;
+  auth: React.ReactNode;
+}
+
+const RootLayout = async ({ children, auth }: Props) => {
+  const className = inter.className;
+
+  return (
+    <html lang="en">
+      <body className={className}>
+        <ToggleProvider>
+          <div className="flex flex-col h-screen">
+            {/* <nav className="shadow-xl bg-gray-900">
+              <div className="max-w-7xl mx-auto px-2 sm:px-4 flex justify-between items-center h-[8vh]">
+                <div className="flex-shrink-0 flex items-center">
+                  <Link href="/" className="text-white font-bold text-2xl">
+                    <div className="hidden sm:block mx-2">TPC</div>
+                  </Link>
+                </div>
+                <NavButtonGroup />
+              </div>
+            </nav> */}
+            {/* Page Content */}
+            <Toaster />
+
+            <NextAuthProvider>
+              <div className="flex-auto flex h-[92vh] ">
+                {/* sidebar and main content share this space */}
+                <Suspense fallback={<>Loading...</>}>
+                  <Sidebar />
+                </Suspense>
+                <MainContent>
+                  <Providers>{children}</Providers>
+                </MainContent>
+              </div>
+              {auth}
+            </NextAuthProvider>
+          </div>
+        </ToggleProvider>
+      </body>
+    </html>
+  );
+};
+
+export default RootLayout;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index d309e767..24254a92 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,27 +1,27 @@
-"use client";
-
-import React from "react";
-
-// To access the session on the server side, we make the component to be async
-// To get the session we use await getServerSession(config),
-
-// import { getServerSession } from "next-auth";
-// import { config } from "@/helpers/auth";
-
-// To access the session on the client side, we use useSession() function;
-
-import { useSession } from "next-auth/react";
-
-const Home = () => {
-  // const session = await getServerSession(config);
-
-  const { data: session, status } = useSession();
-  console.log("session", session?.user);
-
-  return (
-    <main className="flex h-full flex-col items-center justify-between p-24">
-      Home page
-    </main>
-  );
-};
-export default Home;
+"use client";
+
+import React from "react";
+
+// To access the session on the server side, we make the component to be async
+// To get the session we use await getServerSession(config),
+
+// import { getServerSession } from "next-auth";
+// import { config } from "@/helpers/auth";
+
+// To access the session on the client side, we use useSession() function;
+
+import { useSession } from "next-auth/react";
+
+const Home = () => {
+  // const session = await getServerSession(config);
+
+  const { data: session, status } = useSession();
+  console.log("session", session?.user);
+
+  return (
+    <main className="flex h-full flex-col items-center justify-between p-24">
+      Home page
+    </main>
+  );
+};
+export default Home;
diff --git a/src/components/Admin/AddForms.tsx b/src/components/Admin/AddForms.tsx
index 65390c48..f55e6b7f 100644
--- a/src/components/Admin/AddForms.tsx
+++ b/src/components/Admin/AddForms.tsx
@@ -1,119 +1,119 @@
-import React, { useEffect, useState } from "react";
-import { JobCoordinatorFC, TPCMember } from "./types";
-import PersonIcon from "@mui/icons-material/Person";
-import Select from "react-select";
-import { Button } from "../ui/button";
-import { fetchTpcMembers, postJobCoordinator } from "@/helpers/api";
-import { CircularProgress } from "@mui/material";
-import toast from "react-hot-toast";
-
-const JobCoordinatorForm = ({ jobId }: { jobId: string }) => {
-  const [tpcMembers, setTpcMembers] = useState<TPCMember[]>();
-  const [role, setRole] = useState("PRIMARY");
-  const [loading, setLoading] = useState(true);
-  const options = tpcMembers?.map((member) => ({
-    label: `${member.student.user.name} ${member.student.user.email}`,
-    value: member.id,
-  }));
-  const jobRoleOptions = [
-    {
-      label: "PRIMARY",
-      value: "PRIMARY",
-    },
-    {
-      label: "SECONDARY",
-      value: "SECONDARY",
-    },
-  ];
-  const [coordinator, setCoordinator] = useState<TPCMember>();
-
-  const submitData = async () => {
-    await postJobCoordinator([
-      {
-        jobId: jobId,
-        tpcMemberId: coordinator.id,
-        role: role,
-      },
-    ]);
-    toast.success("Added! Reload to see changes");
-  };
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const data = await fetchTpcMembers();
-      setTpcMembers(data);
-      setLoading(false);
-    };
-    fetchData();
-  }, []);
-
-  return (
-    <div className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8">
-      {loading ? (
-        <CircularProgress />
-      ) : (
-        <>
-          <div className="text-center font-semibold">
-            <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
-            <br />
-            <label htmlFor="tpcMember" className="mt-2">
-              Select TPC Member
-            </label>
-            <Select
-              options={options}
-              onChange={(value) => {
-                tpcMembers.forEach((member) => {
-                  if (value.value == member.id) {
-                    setCoordinator(member);
-                  }
-                });
-              }}
-              isSearchable
-              className="mb-4 text-sm font-normal"
-            />
-            {coordinator && coordinator.student.user.name}
-          </div>
-          {coordinator && (
-            <div>
-              <div>
-                <span className="font-semibold">Role : </span>
-                {coordinator.role}
-              </div>
-              <div>
-                <span className="font-semibold">Department : </span>
-                {coordinator.student.program.department}
-              </div>
-              <div>
-                <span className="font-semibold">Email : </span>
-                {coordinator.student.user.email}
-              </div>
-              <div>
-                <span className="font-semibold">Contact : </span>
-                {coordinator.student.user.contact}
-              </div>
-              <Select
-                options={jobRoleOptions}
-                isSearchable={false}
-                className="my-2 mb-4"
-                value={{ value: role, label: role }}
-                onChange={(newValue) => {
-                  setRole(newValue.value);
-                }}
-              />
-              <Button
-                className="w-full"
-                onClick={() => {
-                  submitData();
-                }}
-              >
-                Add
-              </Button>
-            </div>
-          )}
-        </>
-      )}
-    </div>
-  );
-};
-
-export default JobCoordinatorForm;
+import React, { useEffect, useState } from "react";
+import { JobCoordinatorFC, TPCMember } from "./types";
+import PersonIcon from "@mui/icons-material/Person";
+import Select from "react-select";
+import { Button } from "../ui/button";
+import { fetchTpcMembers, postJobCoordinator } from "@/helpers/api";
+import { CircularProgress } from "@mui/material";
+import toast from "react-hot-toast";
+
+const JobCoordinatorForm = ({ jobId }: { jobId: string }) => {
+  const [tpcMembers, setTpcMembers] = useState<TPCMember[]>();
+  const [role, setRole] = useState("PRIMARY");
+  const [loading, setLoading] = useState(true);
+  const options = tpcMembers?.map((member) => ({
+    label: `${member.student.user.name} ${member.student.user.email}`,
+    value: member.id,
+  }));
+  const jobRoleOptions = [
+    {
+      label: "PRIMARY",
+      value: "PRIMARY",
+    },
+    {
+      label: "SECONDARY",
+      value: "SECONDARY",
+    },
+  ];
+  const [coordinator, setCoordinator] = useState<TPCMember>();
+
+  const submitData = async () => {
+    await postJobCoordinator([
+      {
+        jobId: jobId,
+        tpcMemberId: coordinator.id,
+        role: role,
+      },
+    ]);
+    toast.success("Added! Reload to see changes");
+  };
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const data = await fetchTpcMembers();
+      setTpcMembers(data);
+      setLoading(false);
+    };
+    fetchData();
+  }, []);
+
+  return (
+    <div className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8">
+      {loading ? (
+        <CircularProgress />
+      ) : (
+        <>
+          <div className="text-center font-semibold">
+            <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
+            <br />
+            <label htmlFor="tpcMember" className="mt-2">
+              Select TPC Member
+            </label>
+            <Select
+              options={options}
+              onChange={(value) => {
+                tpcMembers.forEach((member) => {
+                  if (value.value == member.id) {
+                    setCoordinator(member);
+                  }
+                });
+              }}
+              isSearchable
+              className="mb-4 text-sm font-normal"
+            />
+            {coordinator && coordinator.student.user.name}
+          </div>
+          {coordinator && (
+            <div>
+              <div>
+                <span className="font-semibold">Role : </span>
+                {coordinator.role}
+              </div>
+              <div>
+                <span className="font-semibold">Department : </span>
+                {coordinator.student.program.department}
+              </div>
+              <div>
+                <span className="font-semibold">Email : </span>
+                {coordinator.student.user.email}
+              </div>
+              <div>
+                <span className="font-semibold">Contact : </span>
+                {coordinator.student.user.contact}
+              </div>
+              <Select
+                options={jobRoleOptions}
+                isSearchable={false}
+                className="my-2 mb-4"
+                value={{ value: role, label: role }}
+                onChange={(newValue) => {
+                  setRole(newValue.value);
+                }}
+              />
+              <Button
+                className="w-full"
+                onClick={() => {
+                  submitData();
+                }}
+              >
+                Add
+              </Button>
+            </div>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
+
+export default JobCoordinatorForm;
diff --git a/src/components/Admin/AllSeasons.tsx b/src/components/Admin/AllSeasons.tsx
index 30369596..39d053a1 100644
--- a/src/components/Admin/AllSeasons.tsx
+++ b/src/components/Admin/AllSeasons.tsx
@@ -1,288 +1,288 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import {SeasonFC, ApplicationFC } from "@/helpers/season/types";
-import { CircularProgress, Modal, Typography } from "@mui/material";
-import { seasonDTO } from "@/dto/SeasonDto";
-import {fetchSeasonData,} from "@/helpers/api";
-import { Button } from "../ui/button";
-import toast from "react-hot-toast";
-import Select from "react-select";
-import Table from "../NewTableComponent/Table";
-import generateColumns from "../NewTableComponent/ColumnMapping";
-import { addSeason } from "@/helpers/api";
-
-const hiddenColumns = [
-  "id",
-  "registered",
-  "season.id",
-  "student.id",
-  "student.program.id",
-  "student.user.id",
-];
-const typeOptions = [
-  "INTERN",
-  "PLACEMENT"
-];
-
-const options = typeOptions.map((option) => ({
-  value: option,
-  label: option,
-  
-}));
-
-export const AddSeason = ({
-  open,
-  setOpen
-}: {
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) => {
-  const [formValues, setFormValues] = useState({
-    year: "",
-    type: ""
-  });
-
-  const handleClose = () => setOpen(false);
-
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value, type, checked } = e.currentTarget;
-    setFormValues({
-      ...formValues,
-      [name]: type === "checkbox" ? checked : value,
-    });
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      await addSeason([formValues]);
-      toast.success("Successfully added");
-      window.location.reload();
-    } catch {
-      toast.error("Some Error Occured");
-    }
-  };
-
-  return (
-    <Modal
-      open={open}
-      onClose={handleClose}
-      className="!text-black flex justify-center items-center"
-    >
-      <div className="p-4 bg-white rounded-xl md:w-1/3 w-11/12">
-        <form className="max-w-sm mx-auto p-8" onSubmit={handleSubmit}>
-          <div className="mb-5">
-            <label
-              htmlFor="roundNumber"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Year
-            </label>
-            <input
-              type="text"
-              name="year"
-              value={formValues.year}
-              onChange={handleChange}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            />
-          </div>
-          <div className="mb-5">
-            <label
-              htmlFor="type"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Type
-            </label>
-            <Select
-              name="type"
-              value={{ value: formValues.type, label: formValues.type }}
-              // @ts-ignore
-              options={options}
-              onChange={(value: any) => {
-                setFormValues({ ...formValues, type: value.value });
-              }}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            ></Select>
-          </div>
-          <Button type="submit">Add Season</Button>
-        </form>
-      </div>
-    </Modal>
-  );
-};
-
-export const AllSeasons = ({ seasons }: { seasons: [SeasonFC] }) => {
-  const [seasonYear, setSeasonYear] = useState<string>(null);
-
-  const changeRegistered = (seasonYear: string) => {
-    setSeasonYear(seasonYear);
-  };
-  const changeUnRegistered = (seasonYear: string) => {
-    setSeasonYear(seasonYear);
-  };
-
-  return (
-    <div>
-      <div className="overflow-y-auto">
-        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tr>
-              <th scope="col" className="px-6 py-3">
-                Type
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Year
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {seasons.map((season, index) => (
-              <tr
-                key={index}
-                className={`cursor-pointer ${
-                  seasonYear === season.year
-                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
-                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
-                } border-b dark:border-gray-700`}
-                onClick={() => {
-                  changeRegistered(season.year);
-                  changeUnRegistered(season.year);
-                }}
-              >
-                <th
-                  scope="row"
-                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                >
-                  {season.type}
-                </th>
-                <td className="px-6 py-4">{season.year}</td>
-               
-               
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-      <h4 className="text-2xl my-4 text-center font-semibold">Registered</h4>
-      {seasonYear ? (
-        <div className="overflow-y-auto">
-          <Registered seasonYear={seasonYear} seasons={seasons} />
-        </div>
-      ) : (
-        <div className="text-center mt-4">Select Season to view more</div>
-      )}
-      <h4 className="text-2xl my-4 text-center font-semibold">Not Registered</h4>
-      {seasonYear ? (
-        <div className="overflow-y-auto">
-          <UnRegistered seasonYear={seasonYear} seasons={seasons} />
-        </div>
-      ) : (
-        <div className="text-center mt-4">Select Season to view more</div>
-      )}
-    </div>
-  );
-};
-
-
-
-
-
-export const Registered = ({
-  seasonYear
-}: {
-  seasonYear: string;
-  seasons: SeasonFC[];
-}) => {
-  const [Registered, setRegistered] = useState<[ApplicationFC]>(null);
-  const [loading, setLoading] = useState(true);
-  const columns = generateColumns(seasonDTO);
-  const [loadingbutton, setloadingbutton] = useState<boolean>(false);
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-  useEffect(() => {
-    setLoading(true);
-    setRegistered(null);
-    const fetchData = async () => {
-      try {
-        const jsonData = await fetchSeasonData(seasonYear,true);
-        setRegistered(jsonData);
-        
-      } catch (error) {
-        toast.error("Some error occured");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [seasonYear]);
-
-  return (
-    <div className="w-full">
-      
-      {loading && (
-        <div className="flex justify-center">
-          <CircularProgress />
-        </div>
-      )}
-      {Registered && ( 
-        <Table data={Registered} columns={visibleColumns} type={"season"} />
-      )}
-    </div>
-  );
-};
-
-
-
-
-export const UnRegistered = ({
-  seasonYear
-}: {
-  seasonYear: string;
- seasons: SeasonFC[];
-}) => {
-  const [UnRegistered, setUnRegistered] = useState<[ApplicationFC]>(null);
-  const [loading, setLoading] = useState(true);
-  const columns = generateColumns(seasonDTO);
-  const [loadingbutton, setloadingbutton] = useState<boolean>(false);
-  const visibleColumns = columns.filter(
-    (column: any) => !hiddenColumns.includes(column?.accessorKey),
-  );
-
-  useEffect(() => {
-    setLoading(true);
-    setUnRegistered(null);
-    const fetchData = async () => {
-      try {
-        const jsonData = await fetchSeasonData(seasonYear,null);
-        setUnRegistered(jsonData);
-      } catch (error) {
-        toast.error("Some error occured");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [seasonYear]);
-
-  return (
-    <div className="w-full">
-      
-      {loading && (
-        <div className="flex justify-center">
-          <CircularProgress />
-        </div>
-      )}
-      {UnRegistered && ( 
-        <Table data={UnRegistered} columns={visibleColumns} type={"season"} />
-      )}
-    </div>
-  );
-};
-
-
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import {SeasonFC, ApplicationFC } from "@/helpers/season/types";
+import { CircularProgress, Modal, Typography } from "@mui/material";
+import { seasonDTO } from "@/dto/SeasonDto";
+import {fetchSeasonData,} from "@/helpers/api";
+import { Button } from "../ui/button";
+import toast from "react-hot-toast";
+import Select from "react-select";
+import Table from "../NewTableComponent/Table";
+import generateColumns from "../NewTableComponent/ColumnMapping";
+import { addSeason } from "@/helpers/api";
+
+const hiddenColumns = [
+  "id",
+  "registered",
+  "season.id",
+  "student.id",
+  "student.program.id",
+  "student.user.id",
+];
+const typeOptions = [
+  "INTERN",
+  "PLACEMENT"
+];
+
+const options = typeOptions.map((option) => ({
+  value: option,
+  label: option,
+  
+}));
+
+export const AddSeason = ({
+  open,
+  setOpen
+}: {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+}) => {
+  const [formValues, setFormValues] = useState({
+    year: "",
+    type: ""
+  });
+
+  const handleClose = () => setOpen(false);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value, type, checked } = e.currentTarget;
+    setFormValues({
+      ...formValues,
+      [name]: type === "checkbox" ? checked : value,
+    });
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      await addSeason([formValues]);
+      toast.success("Successfully added");
+      window.location.reload();
+    } catch {
+      toast.error("Some Error Occured");
+    }
+  };
+
+  return (
+    <Modal
+      open={open}
+      onClose={handleClose}
+      className="!text-black flex justify-center items-center"
+    >
+      <div className="p-4 bg-white rounded-xl md:w-1/3 w-11/12">
+        <form className="max-w-sm mx-auto p-8" onSubmit={handleSubmit}>
+          <div className="mb-5">
+            <label
+              htmlFor="roundNumber"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Year
+            </label>
+            <input
+              type="text"
+              name="year"
+              value={formValues.year}
+              onChange={handleChange}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            />
+          </div>
+          <div className="mb-5">
+            <label
+              htmlFor="type"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Type
+            </label>
+            <Select
+              name="type"
+              value={{ value: formValues.type, label: formValues.type }}
+              // @ts-ignore
+              options={options}
+              onChange={(value: any) => {
+                setFormValues({ ...formValues, type: value.value });
+              }}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            ></Select>
+          </div>
+          <Button type="submit">Add Season</Button>
+        </form>
+      </div>
+    </Modal>
+  );
+};
+
+export const AllSeasons = ({ seasons }: { seasons: [SeasonFC] }) => {
+  const [seasonYear, setSeasonYear] = useState<string>(null);
+
+  const changeRegistered = (seasonYear: string) => {
+    setSeasonYear(seasonYear);
+  };
+  const changeUnRegistered = (seasonYear: string) => {
+    setSeasonYear(seasonYear);
+  };
+
+  return (
+    <div>
+      <div className="overflow-y-auto">
+        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+              <th scope="col" className="px-6 py-3">
+                Type
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Year
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {seasons.map((season, index) => (
+              <tr
+                key={index}
+                className={`cursor-pointer ${
+                  seasonYear === season.year
+                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
+                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
+                } border-b dark:border-gray-700`}
+                onClick={() => {
+                  changeRegistered(season.year);
+                  changeUnRegistered(season.year);
+                }}
+              >
+                <th
+                  scope="row"
+                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                >
+                  {season.type}
+                </th>
+                <td className="px-6 py-4">{season.year}</td>
+               
+               
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <h4 className="text-2xl my-4 text-center font-semibold">Registered</h4>
+      {seasonYear ? (
+        <div className="overflow-y-auto">
+          <Registered seasonYear={seasonYear} seasons={seasons} />
+        </div>
+      ) : (
+        <div className="text-center mt-4">Select Season to view more</div>
+      )}
+      <h4 className="text-2xl my-4 text-center font-semibold">Not Registered</h4>
+      {seasonYear ? (
+        <div className="overflow-y-auto">
+          <UnRegistered seasonYear={seasonYear} seasons={seasons} />
+        </div>
+      ) : (
+        <div className="text-center mt-4">Select Season to view more</div>
+      )}
+    </div>
+  );
+};
+
+
+
+
+
+export const Registered = ({
+  seasonYear
+}: {
+  seasonYear: string;
+  seasons: SeasonFC[];
+}) => {
+  const [Registered, setRegistered] = useState<[ApplicationFC]>(null);
+  const [loading, setLoading] = useState(true);
+  const columns = generateColumns(seasonDTO);
+  const [loadingbutton, setloadingbutton] = useState<boolean>(false);
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+  useEffect(() => {
+    setLoading(true);
+    setRegistered(null);
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchSeasonData(seasonYear,true);
+        setRegistered(jsonData);
+        
+      } catch (error) {
+        toast.error("Some error occured");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [seasonYear]);
+
+  return (
+    <div className="w-full">
+      
+      {loading && (
+        <div className="flex justify-center">
+          <CircularProgress />
+        </div>
+      )}
+      {Registered && ( 
+        <Table data={Registered} columns={visibleColumns} type={"season"} />
+      )}
+    </div>
+  );
+};
+
+
+
+
+export const UnRegistered = ({
+  seasonYear
+}: {
+  seasonYear: string;
+ seasons: SeasonFC[];
+}) => {
+  const [UnRegistered, setUnRegistered] = useState<[ApplicationFC]>(null);
+  const [loading, setLoading] = useState(true);
+  const columns = generateColumns(seasonDTO);
+  const [loadingbutton, setloadingbutton] = useState<boolean>(false);
+  const visibleColumns = columns.filter(
+    (column: any) => !hiddenColumns.includes(column?.accessorKey),
+  );
+
+  useEffect(() => {
+    setLoading(true);
+    setUnRegistered(null);
+    const fetchData = async () => {
+      try {
+        const jsonData = await fetchSeasonData(seasonYear,null);
+        setUnRegistered(jsonData);
+      } catch (error) {
+        toast.error("Some error occured");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [seasonYear]);
+
+  return (
+    <div className="w-full">
+      
+      {loading && (
+        <div className="flex justify-center">
+          <CircularProgress />
+        </div>
+      )}
+      {UnRegistered && ( 
+        <Table data={UnRegistered} columns={visibleColumns} type={"season"} />
+      )}
+    </div>
+  );
+};
+
+
diff --git a/src/components/Admin/JobEvents.tsx b/src/components/Admin/JobEvents.tsx
index f8cea203..0a3a01f2 100644
--- a/src/components/Admin/JobEvents.tsx
+++ b/src/components/Admin/JobEvents.tsx
@@ -1,589 +1,589 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { EventFC, ApplicationFC, SalaryFC } from "@/helpers/recruiter/types";
-import { CircularProgress, Modal, Typography } from "@mui/material";
-import VerifiedIcon from "@mui/icons-material/Verified";
-import {
-  addEvent,
-  fetchEventById,
-  getResumeFile,
-  getStudentSalaryOffers,
-  postOnCampusOffer,
-  promoteStudent,
-} from "@/helpers/api";
-import { Button } from "../ui/button";
-import toast from "react-hot-toast";
-import Select from "react-select";
-import { Unstable_NumberInput as NumberInput } from "@mui/base/Unstable_NumberInput";
-import Table from "../NewTableComponent/Table";
-import generateColumns from "../NewTableComponent/ColumnMapping";
-
-const typeOptions = [
-  "POLL",
-  "PPT",
-  "INTERVIEW",
-  "TEST",
-  "APPLICATION",
-  "COMPLETED",
-];
-
-const options = typeOptions.map((option) => ({
-  value: option,
-  label: option,
-}));
-
-export const AddEvent = ({
-  open,
-  setOpen,
-  jobId,
-}: {
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  jobId: string;
-}) => {
-  const [formValues, setFormValues] = useState({
-    jobId: jobId,
-    roundNumber: 0,
-    type: "",
-    metadata: "",
-    startDateTime: "",
-    endDateTime: "",
-    visibleToRecruiter: false,
-  });
-
-  const handleClose = () => setOpen(false);
-
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const { name, value, type, checked } = e.currentTarget;
-    setFormValues({
-      ...formValues,
-      [name]: type === "checkbox" ? checked : value,
-    });
-  };
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      await addEvent([formValues]);
-      toast.success("Successfully added");
-      window.location.reload();
-    } catch {
-      toast.error("Some Error Occured");
-    }
-  };
-
-  return (
-    <Modal
-      open={open}
-      onClose={handleClose}
-      className="!text-black flex justify-center items-center"
-    >
-      <div className="p-4 bg-white rounded-xl md:w-1/3 w-11/12">
-        <form className="max-w-sm mx-auto p-8" onSubmit={handleSubmit}>
-          <div className="mb-5">
-            <label
-              htmlFor="roundNumber"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Round Number
-            </label>
-            <input
-              type="number"
-              name="roundNumber"
-              value={formValues.roundNumber}
-              onChange={handleChange}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              placeholder="0"
-              required
-            />
-          </div>
-          <div className="mb-5">
-            <label
-              htmlFor="type"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Type
-            </label>
-            <Select
-              name="type"
-              value={{ value: formValues.type, label: formValues.type }}
-              // @ts-ignore
-              options={options}
-              onChange={(value: any) => {
-                setFormValues({ ...formValues, type: value.value });
-              }}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            ></Select>
-          </div>
-          <div className="mb-5">
-            <label
-              htmlFor="metadata"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Metadata
-            </label>
-            <input
-              type="text"
-              name="metadata"
-              value={formValues.metadata}
-              onChange={handleChange}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            />
-          </div>
-          <div className="mb-5">
-            <label
-              htmlFor="startDateTime"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              Start Date
-            </label>
-            <input
-              type="datetime-local"
-              name="startDateTime"
-              value={formValues.startDateTime}
-              onChange={handleChange}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            />
-          </div>
-          <div className="mb-5">
-            <label
-              htmlFor="endDateTime"
-              className="block mb-2 text-sm font-medium text-gray-900"
-            >
-              End Date
-            </label>
-            <input
-              type="datetime-local"
-              name="endDateTime"
-              value={formValues.endDateTime}
-              onChange={handleChange}
-              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
-              required
-            />
-          </div>
-          <div className="flex items-start mb-5">
-            <label className="inline-flex items-center mb-5 cursor-pointer">
-              <input
-                type="checkbox"
-                value=""
-                className="sr-only peer"
-                name="visibleToRecruiter"
-                checked={formValues.visibleToRecruiter}
-                onChange={handleChange}
-              />
-              <div className="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:w-5 after:h-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
-              <span className="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300">
-                Visible To Recruiters
-              </span>
-            </label>
-          </div>
-          <Button type="submit">Add Event</Button>
-        </form>
-      </div>
-    </Modal>
-  );
-};
-
-const PromoteStudent = ({
-  open,
-  students,
-  onClose,
-  events,
-}: {
-  open: boolean;
-  students: any[];
-  onClose: () => void;
-  events: EventFC[];
-}) => {
-  const [roundNumber, setRoundNumber] = useState<number>(0);
-  const studentIds = students.map((student) => student.id);
-  const [eventId, setEventId] = useState<string>();
-  useEffect(() => {
-    const setCurrentEvent = events.forEach((event) => {
-      if (event.roundNumber == roundNumber) {
-        setEventId(event.id);
-        return event;
-      }
-    });
-    setCurrentEvent;
-  }, [roundNumber]);
-
-  const updateEvent = async () => {
-    await promoteStudent({ studentIds }, eventId);
-    toast.success("Successfully promoted!");
-    onClose();
-  };
-
-  return (
-    <Modal
-      open={open}
-      onClose={onClose}
-      className="w-full h-full flex justify-center items-center text-black"
-    >
-      <div className="bg-white p-8 rounded-xl">
-        <div>
-          Promote / Demote students :{" "}
-          {students.map((student) => `${student.name}, `)} to <br />
-          <label
-            htmlFor="number-input"
-            className="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
-          >
-            Round Number:
-          </label>
-          <NumberInput
-            id="number-input"
-            value={roundNumber}
-            onChange={(event, newValue) => {
-              setRoundNumber(newValue);
-            }}
-            max={events.length}
-            min={0}
-            slotProps={{
-              input: {
-                className:
-                  "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
-              },
-            }}
-            placeholder="0"
-            required
-          />
-          <Button
-            className="w-full mt-4"
-            onClick={() => {
-              updateEvent();
-            }}
-          >
-            Promote / Demote
-          </Button>
-        </div>
-      </div>
-    </Modal>
-  );
-};
-
-const MakeJobOfferModal = ({
-  open,
-  students,
-  onClose,
-  events,
-  lastEvent,
-}: {
-  open: boolean;
-  students: any[];
-  onClose: () => void;
-  events: EventFC[];
-  lastEvent: EventFC;
-}) => {
-  const studentIds = students.map((student) => student.id);
-  const [salaries, setSalaries] = useState<SalaryFC[]>();
-  const columns = generateColumns([
-    {
-      select: "",
-      baseSalary: 0,
-      totalCTC: 0,
-      takeHomeSalary: 0,
-      grossSalary: 0,
-      otherCompensations: 0,
-      salaryPeriod: "string",
-      job: {
-        role: "string",
-        company: {
-          name: "string",
-        },
-      },
-    },
-  ]);
-
-  const makeOffer = async (salaryId: string) => {
-    await postOnCampusOffer([
-      {
-        salaryId: salaryId,
-        studentId: studentIds[0],
-        status: "ACCEPTED",
-      },
-    ]);
-    toast.success("Made a successful offer!");
-    window.location.reload();
-  };
-
-  useEffect(() => {
-    const fetchSalaries = async () => {
-      const salaries = await getStudentSalaryOffers(
-        lastEvent.job.id,
-        studentIds[0],
-      );
-      const newSalaries = salaries.map((salary) => ({
-        select: (
-          <Button
-            onClick={() => {
-              makeOffer(salary.id);
-            }}
-          >
-            Select
-          </Button>
-        ),
-        ...salary,
-      }));
-      setSalaries(newSalaries);
-    };
-    fetchSalaries();
-  }, []);
-
-  return (
-    <Modal
-      open={open}
-      onClose={onClose}
-      className="w-full h-full flex justify-center items-center text-black"
-    >
-      <div className="bg-white p-8 rounded-xl max-w-[90vw]">
-        <div>
-          <Typography
-            variant="h4"
-            fontFamily={"inherit"}
-            fontWeight={"bold"}
-            align="center"
-          >
-            Select Salary
-          </Typography>
-          {salaries ? (
-            <div className="max-w-full">
-              <Table data={salaries} columns={columns} type={"salary"} />
-            </div>
-          ) : (
-            <div className="w-full flex justify-center">
-              <CircularProgress />
-            </div>
-          )}
-        </div>
-      </div>
-    </Modal>
-  );
-};
-
-export const JobEvents = ({ events }: { events: [EventFC] }) => {
-  const [eventId, setEventId] = useState<string>(null);
-
-  const changeApplications = (eventId: string) => {
-    setEventId(eventId);
-  };
-
-  return (
-    <div>
-      <div className="overflow-y-auto">
-        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tr>
-              <th scope="col" className="px-6 py-3">
-                Round Number
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Type
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Meta Data
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Start Date
-              </th>
-              <th scope="col" className="px-6 py-3">
-                End Date
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {events.map((event, index) => (
-              <tr
-                key={index}
-                className={`cursor-pointer ${
-                  eventId === event.id
-                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
-                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
-                } border-b dark:border-gray-700`}
-                onClick={() => {
-                  changeApplications(event.id);
-                }}
-              >
-                <th
-                  scope="row"
-                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                >
-                  {event.roundNumber}
-                </th>
-                <td className="px-6 py-4">{event.type}</td>
-                <td className="px-6 py-4">{event.metadata}</td>
-                <td className="px-6 py-4">
-                  {new Date(event.startDateTime).toLocaleString()}
-                </td>
-                <td className="px-6 py-4">
-                  {new Date(event.endDateTime).toLocaleString()}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-      <h4 className="text-2xl my-4 text-center font-semibold">Applications</h4>
-      {eventId ? (
-        <div className="overflow-y-auto">
-          <Applications eventId={eventId} events={events} />
-        </div>
-      ) : (
-        <div className="text-center mt-4">Select Event to view more</div>
-      )}
-    </div>
-  );
-};
-
-export const Applications = ({
-  eventId,
-  events,
-}: {
-  eventId: string;
-  events: EventFC[];
-}) => {
-  const [applications, setApplications] = useState<[ApplicationFC]>(null);
-  var lastEvent: EventFC;
-  events.forEach((event) => {
-    if (lastEvent) {
-      if (lastEvent.roundNumber < event.roundNumber) {
-        lastEvent = event;
-      }
-    } else {
-      lastEvent = event;
-    }
-  });
-  const [loading, setLoading] = useState(true);
-  const [promoteStudents, setPromoteStudents] = useState<any[]>([]);
-  const [seed, setSeed] = useState(0);
-
-  useEffect(() => {
-    setLoading(true);
-    setApplications(null);
-    const fetchData = async () => {
-      try {
-        const jsonData: EventFC = await fetchEventById(eventId);
-        setApplications(jsonData.applications);
-      } catch (error) {
-        toast.error("Some error occured");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [eventId, seed]);
-
-  return (
-    <div className="w-full">
-      {lastEvent.id == eventId && promoteStudents.length > 0 ? (
-        <MakeJobOfferModal
-          open={promoteStudents.length > 0}
-          students={promoteStudents}
-          onClose={() => {
-            setPromoteStudents([]);
-            setSeed(seed + 1);
-          }}
-          events={events}
-          lastEvent={lastEvent}
-        />
-      ) : (
-        <PromoteStudent
-          open={promoteStudents.length > 0}
-          students={promoteStudents}
-          onClose={() => {
-            setPromoteStudents([]);
-            setSeed(seed + 1);
-          }}
-          events={events}
-        />
-      )}
-      {loading && (
-        <div className="flex justify-center">
-          <CircularProgress />
-        </div>
-      )}
-      {applications && (
-        <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tr>
-              <th scope="col" className="px-6 py-3">
-                Roll Number
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Name
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Email
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Resume
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Promote
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {applications.map((application, index) => (
-              <tr
-                key={index}
-                className={`bg-white border-b cursor-pointer dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600`}
-              >
-                <th
-                  scope="row"
-                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                >
-                  {application.student.rollNo}
-                </th>
-                <td className="px-6 py-4">{application.student.user.name}</td>
-                <td className="px-6 py-4">{application.student.user.email}</td>
-                <td
-                  className="px-6 py-4"
-                  onClick={() => getResumeFile(application.resume.filepath)}
-                >
-                  {application.resume.filepath}{" "}
-                  {application.resume.verified && <VerifiedIcon />}
-                </td>
-                <td className="px-6 py-4">
-                  {lastEvent.id == eventId ? (
-                    <Button
-                      onClick={() => {
-                        setPromoteStudents([
-                          ...promoteStudents,
-                          {
-                            id: application.student.id,
-                            name: application.student.user.name,
-                          },
-                        ]);
-                      }}
-                    >
-                      Make Offer
-                    </Button>
-                  ) : (
-                    <Button
-                      onClick={() => {
-                        setPromoteStudents([
-                          ...promoteStudents,
-                          {
-                            id: application.student.id,
-                            name: application.student.user.name,
-                          },
-                        ]);
-                      }}
-                    >
-                      Promote / Demote
-                    </Button>
-                  )}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      )}
-    </div>
-  );
-};
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { EventFC, ApplicationFC, SalaryFC } from "@/helpers/recruiter/types";
+import { CircularProgress, Modal, Typography } from "@mui/material";
+import VerifiedIcon from "@mui/icons-material/Verified";
+import {
+  addEvent,
+  fetchEventById,
+  getResumeFile,
+  getStudentSalaryOffers,
+  postOnCampusOffer,
+  promoteStudent,
+} from "@/helpers/api";
+import { Button } from "../ui/button";
+import toast from "react-hot-toast";
+import Select from "react-select";
+import { Unstable_NumberInput as NumberInput } from "@mui/base/Unstable_NumberInput";
+import Table from "../NewTableComponent/Table";
+import generateColumns from "../NewTableComponent/ColumnMapping";
+
+const typeOptions = [
+  "POLL",
+  "PPT",
+  "INTERVIEW",
+  "TEST",
+  "APPLICATION",
+  "COMPLETED",
+];
+
+const options = typeOptions.map((option) => ({
+  value: option,
+  label: option,
+}));
+
+export const AddEvent = ({
+  open,
+  setOpen,
+  jobId,
+}: {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  jobId: string;
+}) => {
+  const [formValues, setFormValues] = useState({
+    jobId: jobId,
+    roundNumber: 0,
+    type: "",
+    metadata: "",
+    startDateTime: "",
+    endDateTime: "",
+    visibleToRecruiter: false,
+  });
+
+  const handleClose = () => setOpen(false);
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value, type, checked } = e.currentTarget;
+    setFormValues({
+      ...formValues,
+      [name]: type === "checkbox" ? checked : value,
+    });
+  };
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      await addEvent([formValues]);
+      toast.success("Successfully added");
+      window.location.reload();
+    } catch {
+      toast.error("Some Error Occured");
+    }
+  };
+
+  return (
+    <Modal
+      open={open}
+      onClose={handleClose}
+      className="!text-black flex justify-center items-center"
+    >
+      <div className="p-4 bg-white rounded-xl md:w-1/3 w-11/12">
+        <form className="max-w-sm mx-auto p-8" onSubmit={handleSubmit}>
+          <div className="mb-5">
+            <label
+              htmlFor="roundNumber"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Round Number
+            </label>
+            <input
+              type="number"
+              name="roundNumber"
+              value={formValues.roundNumber}
+              onChange={handleChange}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              placeholder="0"
+              required
+            />
+          </div>
+          <div className="mb-5">
+            <label
+              htmlFor="type"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Type
+            </label>
+            <Select
+              name="type"
+              value={{ value: formValues.type, label: formValues.type }}
+              // @ts-ignore
+              options={options}
+              onChange={(value: any) => {
+                setFormValues({ ...formValues, type: value.value });
+              }}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            ></Select>
+          </div>
+          <div className="mb-5">
+            <label
+              htmlFor="metadata"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Metadata
+            </label>
+            <input
+              type="text"
+              name="metadata"
+              value={formValues.metadata}
+              onChange={handleChange}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            />
+          </div>
+          <div className="mb-5">
+            <label
+              htmlFor="startDateTime"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              Start Date
+            </label>
+            <input
+              type="datetime-local"
+              name="startDateTime"
+              value={formValues.startDateTime}
+              onChange={handleChange}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            />
+          </div>
+          <div className="mb-5">
+            <label
+              htmlFor="endDateTime"
+              className="block mb-2 text-sm font-medium text-gray-900"
+            >
+              End Date
+            </label>
+            <input
+              type="datetime-local"
+              name="endDateTime"
+              value={formValues.endDateTime}
+              onChange={handleChange}
+              className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"
+              required
+            />
+          </div>
+          <div className="flex items-start mb-5">
+            <label className="inline-flex items-center mb-5 cursor-pointer">
+              <input
+                type="checkbox"
+                value=""
+                className="sr-only peer"
+                name="visibleToRecruiter"
+                checked={formValues.visibleToRecruiter}
+                onChange={handleChange}
+              />
+              <div className="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:w-5 after:h-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
+              <span className="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300">
+                Visible To Recruiters
+              </span>
+            </label>
+          </div>
+          <Button type="submit">Add Event</Button>
+        </form>
+      </div>
+    </Modal>
+  );
+};
+
+const PromoteStudent = ({
+  open,
+  students,
+  onClose,
+  events,
+}: {
+  open: boolean;
+  students: any[];
+  onClose: () => void;
+  events: EventFC[];
+}) => {
+  const [roundNumber, setRoundNumber] = useState<number>(0);
+  const studentIds = students.map((student) => student.id);
+  const [eventId, setEventId] = useState<string>();
+  useEffect(() => {
+    const setCurrentEvent = events.forEach((event) => {
+      if (event.roundNumber == roundNumber) {
+        setEventId(event.id);
+        return event;
+      }
+    });
+    setCurrentEvent;
+  }, [roundNumber]);
+
+  const updateEvent = async () => {
+    await promoteStudent({ studentIds }, eventId);
+    toast.success("Successfully promoted!");
+    onClose();
+  };
+
+  return (
+    <Modal
+      open={open}
+      onClose={onClose}
+      className="w-full h-full flex justify-center items-center text-black"
+    >
+      <div className="bg-white p-8 rounded-xl">
+        <div>
+          Promote / Demote students :{" "}
+          {students.map((student) => `${student.name}, `)} to <br />
+          <label
+            htmlFor="number-input"
+            className="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
+          >
+            Round Number:
+          </label>
+          <NumberInput
+            id="number-input"
+            value={roundNumber}
+            onChange={(event, newValue) => {
+              setRoundNumber(newValue);
+            }}
+            max={events.length}
+            min={0}
+            slotProps={{
+              input: {
+                className:
+                  "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
+              },
+            }}
+            placeholder="0"
+            required
+          />
+          <Button
+            className="w-full mt-4"
+            onClick={() => {
+              updateEvent();
+            }}
+          >
+            Promote / Demote
+          </Button>
+        </div>
+      </div>
+    </Modal>
+  );
+};
+
+const MakeJobOfferModal = ({
+  open,
+  students,
+  onClose,
+  events,
+  lastEvent,
+}: {
+  open: boolean;
+  students: any[];
+  onClose: () => void;
+  events: EventFC[];
+  lastEvent: EventFC;
+}) => {
+  const studentIds = students.map((student) => student.id);
+  const [salaries, setSalaries] = useState<SalaryFC[]>();
+  const columns = generateColumns([
+    {
+      select: "",
+      baseSalary: 0,
+      totalCTC: 0,
+      takeHomeSalary: 0,
+      grossSalary: 0,
+      otherCompensations: 0,
+      salaryPeriod: "string",
+      job: {
+        role: "string",
+        company: {
+          name: "string",
+        },
+      },
+    },
+  ]);
+
+  const makeOffer = async (salaryId: string) => {
+    await postOnCampusOffer([
+      {
+        salaryId: salaryId,
+        studentId: studentIds[0],
+        status: "ACCEPTED",
+      },
+    ]);
+    toast.success("Made a successful offer!");
+    window.location.reload();
+  };
+
+  useEffect(() => {
+    const fetchSalaries = async () => {
+      const salaries = await getStudentSalaryOffers(
+        lastEvent.job.id,
+        studentIds[0],
+      );
+      const newSalaries = salaries.map((salary) => ({
+        select: (
+          <Button
+            onClick={() => {
+              makeOffer(salary.id);
+            }}
+          >
+            Select
+          </Button>
+        ),
+        ...salary,
+      }));
+      setSalaries(newSalaries);
+    };
+    fetchSalaries();
+  }, []);
+
+  return (
+    <Modal
+      open={open}
+      onClose={onClose}
+      className="w-full h-full flex justify-center items-center text-black"
+    >
+      <div className="bg-white p-8 rounded-xl max-w-[90vw]">
+        <div>
+          <Typography
+            variant="h4"
+            fontFamily={"inherit"}
+            fontWeight={"bold"}
+            align="center"
+          >
+            Select Salary
+          </Typography>
+          {salaries ? (
+            <div className="max-w-full">
+              <Table data={salaries} columns={columns} type={"salary"} />
+            </div>
+          ) : (
+            <div className="w-full flex justify-center">
+              <CircularProgress />
+            </div>
+          )}
+        </div>
+      </div>
+    </Modal>
+  );
+};
+
+export const JobEvents = ({ events }: { events: [EventFC] }) => {
+  const [eventId, setEventId] = useState<string>(null);
+
+  const changeApplications = (eventId: string) => {
+    setEventId(eventId);
+  };
+
+  return (
+    <div>
+      <div className="overflow-y-auto">
+        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+              <th scope="col" className="px-6 py-3">
+                Round Number
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Type
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Meta Data
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Start Date
+              </th>
+              <th scope="col" className="px-6 py-3">
+                End Date
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {events.map((event, index) => (
+              <tr
+                key={index}
+                className={`cursor-pointer ${
+                  eventId === event.id
+                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
+                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
+                } border-b dark:border-gray-700`}
+                onClick={() => {
+                  changeApplications(event.id);
+                }}
+              >
+                <th
+                  scope="row"
+                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                >
+                  {event.roundNumber}
+                </th>
+                <td className="px-6 py-4">{event.type}</td>
+                <td className="px-6 py-4">{event.metadata}</td>
+                <td className="px-6 py-4">
+                  {new Date(event.startDateTime).toLocaleString()}
+                </td>
+                <td className="px-6 py-4">
+                  {new Date(event.endDateTime).toLocaleString()}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <h4 className="text-2xl my-4 text-center font-semibold">Applications</h4>
+      {eventId ? (
+        <div className="overflow-y-auto">
+          <Applications eventId={eventId} events={events} />
+        </div>
+      ) : (
+        <div className="text-center mt-4">Select Event to view more</div>
+      )}
+    </div>
+  );
+};
+
+export const Applications = ({
+  eventId,
+  events,
+}: {
+  eventId: string;
+  events: EventFC[];
+}) => {
+  const [applications, setApplications] = useState<[ApplicationFC]>(null);
+  var lastEvent: EventFC;
+  events.forEach((event) => {
+    if (lastEvent) {
+      if (lastEvent.roundNumber < event.roundNumber) {
+        lastEvent = event;
+      }
+    } else {
+      lastEvent = event;
+    }
+  });
+  const [loading, setLoading] = useState(true);
+  const [promoteStudents, setPromoteStudents] = useState<any[]>([]);
+  const [seed, setSeed] = useState(0);
+
+  useEffect(() => {
+    setLoading(true);
+    setApplications(null);
+    const fetchData = async () => {
+      try {
+        const jsonData: EventFC = await fetchEventById(eventId);
+        setApplications(jsonData.applications);
+      } catch (error) {
+        toast.error("Some error occured");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [eventId, seed]);
+
+  return (
+    <div className="w-full">
+      {lastEvent.id == eventId && promoteStudents.length > 0 ? (
+        <MakeJobOfferModal
+          open={promoteStudents.length > 0}
+          students={promoteStudents}
+          onClose={() => {
+            setPromoteStudents([]);
+            setSeed(seed + 1);
+          }}
+          events={events}
+          lastEvent={lastEvent}
+        />
+      ) : (
+        <PromoteStudent
+          open={promoteStudents.length > 0}
+          students={promoteStudents}
+          onClose={() => {
+            setPromoteStudents([]);
+            setSeed(seed + 1);
+          }}
+          events={events}
+        />
+      )}
+      {loading && (
+        <div className="flex justify-center">
+          <CircularProgress />
+        </div>
+      )}
+      {applications && (
+        <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+              <th scope="col" className="px-6 py-3">
+                Roll Number
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Name
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Email
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Resume
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Promote
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {applications.map((application, index) => (
+              <tr
+                key={index}
+                className={`bg-white border-b cursor-pointer dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600`}
+              >
+                <th
+                  scope="row"
+                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                >
+                  {application.student.rollNo}
+                </th>
+                <td className="px-6 py-4">{application.student.user.name}</td>
+                <td className="px-6 py-4">{application.student.user.email}</td>
+                <td
+                  className="px-6 py-4"
+                  onClick={() => getResumeFile(application.resume.filepath)}
+                >
+                  {application.resume.filepath}{" "}
+                  {application.resume.verified && <VerifiedIcon />}
+                </td>
+                <td className="px-6 py-4">
+                  {lastEvent.id == eventId ? (
+                    <Button
+                      onClick={() => {
+                        setPromoteStudents([
+                          ...promoteStudents,
+                          {
+                            id: application.student.id,
+                            name: application.student.user.name,
+                          },
+                        ]);
+                      }}
+                    >
+                      Make Offer
+                    </Button>
+                  ) : (
+                    <Button
+                      onClick={() => {
+                        setPromoteStudents([
+                          ...promoteStudents,
+                          {
+                            id: application.student.id,
+                            name: application.student.user.name,
+                          },
+                        ]);
+                      }}
+                    >
+                      Promote / Demote
+                    </Button>
+                  )}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/Admin/Profile.tsx b/src/components/Admin/Profile.tsx
index 48548e64..77d1e01c 100644
--- a/src/components/Admin/Profile.tsx
+++ b/src/components/Admin/Profile.tsx
@@ -1,76 +1,76 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import Cookies from "js-cookie";
-import { getUserById } from "@/helpers/api";
-import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
-import PersonIcon from "@mui/icons-material/Person";
-
-interface ProfileProps {
-  name: string;
-  email: string;
-  contact: string;
-  role: string;
-}
-
-const AdminProfile = () => {
-  const [profile, setProfile] = useState<ProfileProps>();
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const setData = async () => {
-      const user = Cookies.get("user");
-      const userId = JSON.parse(user).id;
-      const data = await getUserById(userId);
-      setProfile(data[0]);
-      setLoading(false);
-    };
-    setData();
-  }, []);
-
-  return (
-    <div className="w-full flex justify-center mt-16">
-      <div className="w-full lg:w-2/3 md:w-3/4">
-        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
-          <div className="flex">
-            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
-              <div className="mb-6">
-                <PersonIcon sx={{ fontSize: "6rem" }} />
-              </div>
-              {loading ? (
-                <ProfileNavLoader />
-              ) : (
-                <>
-                  <h6 className="text-lg font-semibold">{profile.name}</h6>
-                  <p>{profile.role}</p>
-                </>
-              )}
-            </div>
-            <div className="w-2/3">
-              <div className="p-5">
-                <div className="flex justify-between items-center mb-5 pb-2 border-b border-gray-300">
-                  Self Details
-                </div>
-                {loading ? (
-                  <ProfileLoader />
-                ) : (
-                  <div className="mb-4 overflow-x-auto">
-                    <div>
-                      <span className="font-semibold">Email: </span>
-                      <span>{profile.email}</span>
-                    </div>
-                    <div>
-                      <span className="font-semibold">Contact: </span>
-                      <span>{profile.contact}</span>
-                    </div>
-                  </div>
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default AdminProfile;
+"use client";
+import React, { useEffect, useState } from "react";
+import Cookies from "js-cookie";
+import { getUserById } from "@/helpers/api";
+import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
+import PersonIcon from "@mui/icons-material/Person";
+
+interface ProfileProps {
+  name: string;
+  email: string;
+  contact: string;
+  role: string;
+}
+
+const AdminProfile = () => {
+  const [profile, setProfile] = useState<ProfileProps>();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const setData = async () => {
+      const user = Cookies.get("user");
+      const userId = JSON.parse(user).id;
+      const data = await getUserById(userId);
+      setProfile(data[0]);
+      setLoading(false);
+    };
+    setData();
+  }, []);
+
+  return (
+    <div className="w-full flex justify-center mt-16">
+      <div className="w-full lg:w-2/3 md:w-3/4">
+        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
+          <div className="flex">
+            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
+              <div className="mb-6">
+                <PersonIcon sx={{ fontSize: "6rem" }} />
+              </div>
+              {loading ? (
+                <ProfileNavLoader />
+              ) : (
+                <>
+                  <h6 className="text-lg font-semibold">{profile.name}</h6>
+                  <p>{profile.role}</p>
+                </>
+              )}
+            </div>
+            <div className="w-2/3">
+              <div className="p-5">
+                <div className="flex justify-between items-center mb-5 pb-2 border-b border-gray-300">
+                  Self Details
+                </div>
+                {loading ? (
+                  <ProfileLoader />
+                ) : (
+                  <div className="mb-4 overflow-x-auto">
+                    <div>
+                      <span className="font-semibold">Email: </span>
+                      <span>{profile.email}</span>
+                    </div>
+                    <div>
+                      <span className="font-semibold">Contact: </span>
+                      <span>{profile.contact}</span>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AdminProfile;
diff --git a/src/components/Admin/types.tsx b/src/components/Admin/types.tsx
index 659bf89b..3d01be8b 100644
--- a/src/components/Admin/types.tsx
+++ b/src/components/Admin/types.tsx
@@ -1,32 +1,32 @@
-
-interface Program {
-  id: string;
-  branch: string;
-  course: string;
-  year: string;
-  department: string;
-}
-
-interface User {
-  id: string;
-  name: string;
-  email: string;
-  contact: string;
-}
-
-interface Student {
-  id: string;
-  program: Program;
-  user: User;
-}
-
-export interface TPCMember {
-  id: string;
-  role: string;
-  student: Student; 
-}
-export interface JobCoordinatorFC {
-  id: string;
-  role: string;
-  tpcMember: TPCMember;
-}
+
+interface Program {
+  id: string;
+  branch: string;
+  course: string;
+  year: string;
+  department: string;
+}
+
+interface User {
+  id: string;
+  name: string;
+  email: string;
+  contact: string;
+}
+
+interface Student {
+  id: string;
+  program: Program;
+  user: User;
+}
+
+export interface TPCMember {
+  id: string;
+  role: string;
+  student: Student; 
+}
+export interface JobCoordinatorFC {
+  id: string;
+  role: string;
+  tpcMember: TPCMember;
+}
diff --git a/src/components/Calendar/Calendar.tsx b/src/components/Calendar/Calendar.tsx
index 6cc1d06d..e322d1b3 100644
--- a/src/components/Calendar/Calendar.tsx
+++ b/src/components/Calendar/Calendar.tsx
@@ -1,45 +1,45 @@
-import React, { useState, useContext, useEffect } from "react";
-import { getMonth } from "./CalenderComponent/util";
-import { getWeek } from "./CalenderComponent/util";
-import { getDate } from "./CalenderComponent/util";
-import Month from "./CalenderComponent/Month";
-import GlobalContext from "./context/GlobalContext";
-import CalendarHeader from "./CalenderComponent/CalendarHeader";
-import EventDetails from "./CalenderComponent/EventDetails";
-import SidebarCalendar from "./CalenderComponent/SidebarCalendar";
-import WeeklyView from "./CalenderComponent/WeeklyView";
-import DailyView from "./CalenderComponent/DailyView";
-
-export default function Calendar() {
-  const { monthIndex, showEventModal, Current_view, weekOffset, dateOffset } =
-    useContext(GlobalContext);
-  const [currentMonth, setCurrentMonth] = useState(getMonth());
-  const [currentWeek, setCurrentWeek] = useState(getWeek(weekOffset));
-  const [displayDate, setDisplayDate] = useState(getDate(dateOffset));
-
-  useEffect(() => {
-    setCurrentMonth(getMonth(monthIndex));
-  }, [monthIndex]);
-  useEffect(() => {
-    setCurrentWeek(getWeek(weekOffset));
-  }, [weekOffset]);
-  useEffect(() => {
-    setDisplayDate(getDate(dateOffset));
-  }, [dateOffset]);
-
-  return (
-    <div>
-      {showEventModal && <EventDetails />}
-
-      <div className="flex flex-col h-screen">
-        <CalendarHeader />
-        <div className="flex flex-1">
-          <SidebarCalendar />
-          {Current_view == "Month" && <Month month={currentMonth} />}
-          {Current_view == "Week" && <WeeklyView week={currentWeek} />}
-          {Current_view == "Day" && <DailyView date={displayDate} />}
-        </div>
-      </div>
-    </div>
-  );
-}
+import React, { useState, useContext, useEffect } from "react";
+import { getMonth } from "./CalenderComponent/util";
+import { getWeek } from "./CalenderComponent/util";
+import { getDate } from "./CalenderComponent/util";
+import Month from "./CalenderComponent/Month";
+import GlobalContext from "./context/GlobalContext";
+import CalendarHeader from "./CalenderComponent/CalendarHeader";
+import EventDetails from "./CalenderComponent/EventDetails";
+import SidebarCalendar from "./CalenderComponent/SidebarCalendar";
+import WeeklyView from "./CalenderComponent/WeeklyView";
+import DailyView from "./CalenderComponent/DailyView";
+
+export default function Calendar() {
+  const { monthIndex, showEventModal, Current_view, weekOffset, dateOffset } =
+    useContext(GlobalContext);
+  const [currentMonth, setCurrentMonth] = useState(getMonth());
+  const [currentWeek, setCurrentWeek] = useState(getWeek(weekOffset));
+  const [displayDate, setDisplayDate] = useState(getDate(dateOffset));
+
+  useEffect(() => {
+    setCurrentMonth(getMonth(monthIndex));
+  }, [monthIndex]);
+  useEffect(() => {
+    setCurrentWeek(getWeek(weekOffset));
+  }, [weekOffset]);
+  useEffect(() => {
+    setDisplayDate(getDate(dateOffset));
+  }, [dateOffset]);
+
+  return (
+    <div>
+      {showEventModal && <EventDetails />}
+
+      <div className="flex flex-col h-screen">
+        <CalendarHeader />
+        <div className="flex flex-1">
+          <SidebarCalendar />
+          {Current_view == "Month" && <Month month={currentMonth} />}
+          {Current_view == "Week" && <WeeklyView week={currentWeek} />}
+          {Current_view == "Day" && <DailyView date={displayDate} />}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/CalendarHeader.tsx b/src/components/Calendar/CalenderComponent/CalendarHeader.tsx
index a1121b9c..0b730ee5 100644
--- a/src/components/Calendar/CalenderComponent/CalendarHeader.tsx
+++ b/src/components/Calendar/CalenderComponent/CalendarHeader.tsx
@@ -1,115 +1,115 @@
-import React, { useContext, useState } from "react";
-import dayjs from "dayjs";
-import GlobalContext from "../context/GlobalContext";
-
-export default function CalendarHeader() {
-  const {
-    monthIndex,
-    setMonthIndex,
-    Current_view,
-    SetCurrent_view,
-    weekOffset,
-    setWeekOffset,
-    dateOffset,
-    setDateOffset,
-  } = useContext(GlobalContext);
-  const [Isopen, SetIsOpen] = useState<boolean>(false);
-  const drop_down_list = ["Day", "Week", "Month"];
-
-  function change_view(view_name: string) {
-    SetCurrent_view(view_name);
-  }
-  function handlePrevMonth() {
-    {
-      Current_view == "Month" && setMonthIndex(monthIndex - 1);
-    }
-    {
-      Current_view == "Week" && setWeekOffset(weekOffset - 1);
-    }
-    {
-      Current_view == "Day" && setDateOffset(dateOffset - 1);
-    }
-  }
-  function handleNextMonth() {
-    {
-      Current_view == "Month" && setMonthIndex(monthIndex + 1);
-    }
-    {
-      Current_view == "Week" && setWeekOffset(weekOffset + 1);
-    }
-    {
-      Current_view == "Day" && setDateOffset(dateOffset + 1);
-    }
-  }
-  function handleReset() {
-    setMonthIndex(
-      monthIndex === dayjs().month() ? monthIndex : dayjs().month(),
-    );
-    setWeekOffset(0);
-    setDateOffset(0);
-  }
-
-  return (
-    <header className="px-4 py-2 flex items-center">
-      <button
-        onClick={handleReset}
-        className="border border-gray-400 rounded py-2 px-2  mr-5 hover:bg-blue-700 hover:text-white hover:border-blue-950 "
-      >
-        Today
-      </button>
-
-      <span className="flex flex-1 items-center justify-center space-x-2">
-        <button onClick={handlePrevMonth}>
-          <span className="material-icons-outlined mt-1 cursor-pointer text-gray-600 mx-2 bg-gray-300  hover:bg-gray-400 rounded-full">
-            chevron_left
-          </span>
-        </button>
-        <h2 className=" text-xl text-gray-600 font-bold cursor-default">
-          {Current_view == "Month" &&
-            dayjs(new Date(dayjs().year(), monthIndex)).format("MMMM YYYY")}
-          {Current_view == "Week" &&
-            (() => {
-              const startOfWeek = dayjs()
-                .add(weekOffset, "week")
-                .startOf("week");
-              const endOfWeek = dayjs().add(weekOffset, "week").endOf("week");
-              const startMonth = startOfWeek.format("MMMM");
-              const endMonth = endOfWeek.format("MMMM");
-              const year = startOfWeek.format("YYYY");
-              return startMonth === endMonth
-                ? `${startMonth} ${year}`
-                : `${startMonth}-${endMonth} ${year}`;
-            })()}
-
-          {Current_view == "Day" &&
-            dayjs().add(dateOffset, "day").format("DD MMMM YYYY")}
-        </h2>
-        <button onClick={handleNextMonth}>
-          <span className="material-icons-outlined mt-1 cursor-pointer text-gray-600 mx-2 bg-gray-300 hover:bg-gray-400 rounded-full">
-            chevron_right
-          </span>
-        </button>
-      </span>
-      <button
-        onClick={() => SetIsOpen((prev) => !prev)}
-        className="flex flex-row py-2 px-2  mr-5 hover:bg-gray-300"
-      >
-        <p>{Current_view}</p>
-        <span className="material-icons-outlined">arrow_drop_down</span>
-        {Isopen && (
-          <span className="absolute mt-10 bg-white rounded py-2 z-10">
-            {drop_down_list.map((view_name, idx) => (
-              <p
-                onClick={() => change_view(view_name)}
-                key={idx}
-                className="py-2 min-w-32 text-left pl-2 hover:bg-gray-100"
-              >
-                {view_name}
-              </p>
-            ))}
-          </span>
-        )}
-      </button>
-    </header>
-  );
-}
+import React, { useContext, useState } from "react";
+import dayjs from "dayjs";
+import GlobalContext from "../context/GlobalContext";
+
+export default function CalendarHeader() {
+  const {
+    monthIndex,
+    setMonthIndex,
+    Current_view,
+    SetCurrent_view,
+    weekOffset,
+    setWeekOffset,
+    dateOffset,
+    setDateOffset,
+  } = useContext(GlobalContext);
+  const [Isopen, SetIsOpen] = useState<boolean>(false);
+  const drop_down_list = ["Day", "Week", "Month"];
+
+  function change_view(view_name: string) {
+    SetCurrent_view(view_name);
+  }
+  function handlePrevMonth() {
+    {
+      Current_view == "Month" && setMonthIndex(monthIndex - 1);
+    }
+    {
+      Current_view == "Week" && setWeekOffset(weekOffset - 1);
+    }
+    {
+      Current_view == "Day" && setDateOffset(dateOffset - 1);
+    }
+  }
+  function handleNextMonth() {
+    {
+      Current_view == "Month" && setMonthIndex(monthIndex + 1);
+    }
+    {
+      Current_view == "Week" && setWeekOffset(weekOffset + 1);
+    }
+    {
+      Current_view == "Day" && setDateOffset(dateOffset + 1);
+    }
+  }
+  function handleReset() {
+    setMonthIndex(
+      monthIndex === dayjs().month() ? monthIndex : dayjs().month(),
+    );
+    setWeekOffset(0);
+    setDateOffset(0);
+  }
+
+  return (
+    <header className="px-4 py-2 flex items-center">
+      <button
+        onClick={handleReset}
+        className="border border-gray-400 rounded py-2 px-2  mr-5 hover:bg-blue-700 hover:text-white hover:border-blue-950 "
+      >
+        Today
+      </button>
+
+      <span className="flex flex-1 items-center justify-center space-x-2">
+        <button onClick={handlePrevMonth}>
+          <span className="material-icons-outlined mt-1 cursor-pointer text-gray-600 mx-2 bg-gray-300  hover:bg-gray-400 rounded-full">
+            chevron_left
+          </span>
+        </button>
+        <h2 className=" text-xl text-gray-600 font-bold cursor-default">
+          {Current_view == "Month" &&
+            dayjs(new Date(dayjs().year(), monthIndex)).format("MMMM YYYY")}
+          {Current_view == "Week" &&
+            (() => {
+              const startOfWeek = dayjs()
+                .add(weekOffset, "week")
+                .startOf("week");
+              const endOfWeek = dayjs().add(weekOffset, "week").endOf("week");
+              const startMonth = startOfWeek.format("MMMM");
+              const endMonth = endOfWeek.format("MMMM");
+              const year = startOfWeek.format("YYYY");
+              return startMonth === endMonth
+                ? `${startMonth} ${year}`
+                : `${startMonth}-${endMonth} ${year}`;
+            })()}
+
+          {Current_view == "Day" &&
+            dayjs().add(dateOffset, "day").format("DD MMMM YYYY")}
+        </h2>
+        <button onClick={handleNextMonth}>
+          <span className="material-icons-outlined mt-1 cursor-pointer text-gray-600 mx-2 bg-gray-300 hover:bg-gray-400 rounded-full">
+            chevron_right
+          </span>
+        </button>
+      </span>
+      <button
+        onClick={() => SetIsOpen((prev) => !prev)}
+        className="flex flex-row py-2 px-2  mr-5 hover:bg-gray-300"
+      >
+        <p>{Current_view}</p>
+        <span className="material-icons-outlined">arrow_drop_down</span>
+        {Isopen && (
+          <span className="absolute mt-10 bg-white rounded py-2 z-10">
+            {drop_down_list.map((view_name, idx) => (
+              <p
+                onClick={() => change_view(view_name)}
+                key={idx}
+                className="py-2 min-w-32 text-left pl-2 hover:bg-gray-100"
+              >
+                {view_name}
+              </p>
+            ))}
+          </span>
+        )}
+      </button>
+    </header>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/DailyView.tsx b/src/components/Calendar/CalenderComponent/DailyView.tsx
index 6e6a4f1f..98e20082 100644
--- a/src/components/Calendar/CalenderComponent/DailyView.tsx
+++ b/src/components/Calendar/CalenderComponent/DailyView.tsx
@@ -1,118 +1,118 @@
-import React, { useState, useContext, useEffect } from "react";
-import dayjs from "dayjs";
-import GlobalContext from "../context/GlobalContext";
-import { time_list } from "./WeekDay";
-import { selectedDayEvent } from "../context/GlobalContext";
-import { labelsClasses } from "../context/ContextWrapper";
-
-interface Event {
-  startDateTime: any;
-  endDateTime: any;
-  rowIdx: any;
-}
-
-let colors =
-  "border-green-400 border-red-400 border-indigo-400 border-gray-400 border-blue-400 border-purple-400";
-let hover_colors =
-  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
-let text_colors =
-  "text-green-400 text--red-400 text-indigo-400 text-gray-400 text-blue-300 text-purple-400";
-
-export default function DailyView({ date }: { date: any }) {
-  const [dayEvents, setDayEvents] = useState([]);
-  const {
-    setShowEventModal,
-    setDaySelected,
-    filteredEvents,
-    setSelectedEvent,
-    setTimeFrom,
-    setTimeTo,
-  } = useContext(GlobalContext);
-
-  useEffect(() => {
-    const events = filteredEvents.filter(
-      (evt: Event) =>
-        dayjs(evt.startDateTime).format("DD-MM-YY") === date.format("DD-MM-YY"),
-    );
-    setDayEvents(events);
-  }, [filteredEvents, date]);
-
-  function getCurrentDate() {
-    return date.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
-      ? "text-white bg-blue-700 rounded-full "
-      : "";
-  }
-
-  function getCurrentDay() {
-    return date.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
-      ? "text-blue-700"
-      : "";
-  }
-
-  function handleTimeSelected(time: string, i: number) {
-    if (time === "11:00 PM") {
-      setTimeFrom(time_list[i]);
-      setTimeTo(time_list[0]);
-    } else {
-      setTimeFrom(time_list[i]);
-      setTimeTo(time_list[i + 1]);
-    }
-  }
-  function displayColor(label: string) {
-    return labelsClasses.get(label);
-  }
-
-  return (
-    <div className="flex flex-col w-full space-y-4 ">
-      <div className="flex flex-col items-start ml-12">
-        <p className={`text-xs pl-1 text-gray-600 ${getCurrentDay()}`}>
-          {date.format("ddd").toUpperCase()}
-        </p>
-        <div className="flex item-center justify-center">
-          <p className={`text-2xl p-1 ${getCurrentDate()}`}>
-            {date.format("DD")}
-          </p>
-        </div>
-      </div>
-      <span className="flex flex-row space-x-2">
-        <div className="flex flex-col space-y-10 -mt-2">
-          {time_list.map((time: string, i: number) => (
-            <p key={i} className="text-xs text-gray-600 font-extralight">
-              {time}
-            </p>
-          ))}
-        </div>
-        <div className="flex flex-col flex-grow relative">
-          {time_list.map((time: string, i: number) => (
-            <div
-              onClick={() => {
-                setDaySelected(date);
-                handleTimeSelected(time, i);
-              }}
-              key={i}
-              className="h-14 w-full border border-gray-300"
-            >
-              <div className="flex-1 pt-1 overflow-y-auto">
-                {dayEvents.map(
-                  (evt: selectedDayEvent, idx) =>
-                    dayjs(evt.startDateTime).format("hh:00 A") === time && (
-                      <div
-                        key={idx}
-                        className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 cursor-pointer p-1 mx-2 text-gray-600 text-xs rounded mb-1 truncate`}
-                        onClick={() => {
-                          setSelectedEvent(evt);
-                          setShowEventModal(true);
-                        }}
-                      >
-                        {evt.job.company.name}
-                      </div>
-                    ),
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-      </span>
-    </div>
-  );
-}
+import React, { useState, useContext, useEffect } from "react";
+import dayjs from "dayjs";
+import GlobalContext from "../context/GlobalContext";
+import { time_list } from "./WeekDay";
+import { selectedDayEvent } from "../context/GlobalContext";
+import { labelsClasses } from "../context/ContextWrapper";
+
+interface Event {
+  startDateTime: any;
+  endDateTime: any;
+  rowIdx: any;
+}
+
+let colors =
+  "border-green-400 border-red-400 border-indigo-400 border-gray-400 border-blue-400 border-purple-400";
+let hover_colors =
+  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
+let text_colors =
+  "text-green-400 text--red-400 text-indigo-400 text-gray-400 text-blue-300 text-purple-400";
+
+export default function DailyView({ date }: { date: any }) {
+  const [dayEvents, setDayEvents] = useState([]);
+  const {
+    setShowEventModal,
+    setDaySelected,
+    filteredEvents,
+    setSelectedEvent,
+    setTimeFrom,
+    setTimeTo,
+  } = useContext(GlobalContext);
+
+  useEffect(() => {
+    const events = filteredEvents.filter(
+      (evt: Event) =>
+        dayjs(evt.startDateTime).format("DD-MM-YY") === date.format("DD-MM-YY"),
+    );
+    setDayEvents(events);
+  }, [filteredEvents, date]);
+
+  function getCurrentDate() {
+    return date.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
+      ? "text-white bg-blue-700 rounded-full "
+      : "";
+  }
+
+  function getCurrentDay() {
+    return date.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
+      ? "text-blue-700"
+      : "";
+  }
+
+  function handleTimeSelected(time: string, i: number) {
+    if (time === "11:00 PM") {
+      setTimeFrom(time_list[i]);
+      setTimeTo(time_list[0]);
+    } else {
+      setTimeFrom(time_list[i]);
+      setTimeTo(time_list[i + 1]);
+    }
+  }
+  function displayColor(label: string) {
+    return labelsClasses.get(label);
+  }
+
+  return (
+    <div className="flex flex-col w-full space-y-4 ">
+      <div className="flex flex-col items-start ml-12">
+        <p className={`text-xs pl-1 text-gray-600 ${getCurrentDay()}`}>
+          {date.format("ddd").toUpperCase()}
+        </p>
+        <div className="flex item-center justify-center">
+          <p className={`text-2xl p-1 ${getCurrentDate()}`}>
+            {date.format("DD")}
+          </p>
+        </div>
+      </div>
+      <span className="flex flex-row space-x-2">
+        <div className="flex flex-col space-y-10 -mt-2">
+          {time_list.map((time: string, i: number) => (
+            <p key={i} className="text-xs text-gray-600 font-extralight">
+              {time}
+            </p>
+          ))}
+        </div>
+        <div className="flex flex-col flex-grow relative">
+          {time_list.map((time: string, i: number) => (
+            <div
+              onClick={() => {
+                setDaySelected(date);
+                handleTimeSelected(time, i);
+              }}
+              key={i}
+              className="h-14 w-full border border-gray-300"
+            >
+              <div className="flex-1 pt-1 overflow-y-auto">
+                {dayEvents.map(
+                  (evt: selectedDayEvent, idx) =>
+                    dayjs(evt.startDateTime).format("hh:00 A") === time && (
+                      <div
+                        key={idx}
+                        className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 cursor-pointer p-1 mx-2 text-gray-600 text-xs rounded mb-1 truncate`}
+                        onClick={() => {
+                          setSelectedEvent(evt);
+                          setShowEventModal(true);
+                        }}
+                      >
+                        {evt.job.company.name}
+                      </div>
+                    ),
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      </span>
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/EventDetails.tsx b/src/components/Calendar/CalenderComponent/EventDetails.tsx
index 150ec7d8..28e75cee 100644
--- a/src/components/Calendar/CalenderComponent/EventDetails.tsx
+++ b/src/components/Calendar/CalenderComponent/EventDetails.tsx
@@ -1,142 +1,142 @@
-import React, { useContext, useState } from "react";
-import GlobalContext from "../context/GlobalContext";
-import dayjs from "dayjs";
-import { labelsClasses } from "../context/ContextWrapper";
-
-export default function EventDetails() {
-  const { setShowEventModal, daySelected, selectedEvent } =
-    useContext(GlobalContext);
-
-  const [description, setDescription] = useState<string>(
-    selectedEvent ? selectedEvent.metadata : "",
-  );
-  const [selectedLabel, setSelectedLabel] = useState<[string, string]>(
-    selectedEvent
-      ? [selectedEvent.type, labelsClasses.get(selectedEvent.type) || ""]
-      : ["", ""],
-  );
-  const [timeFrom, setTimeFrom] = useState(
-    selectedEvent
-      ? dayjs(selectedEvent.startDateTime).format("hh:00 A")
-      : "from",
-  );
-  const [timeTo, setTimeTo] = useState(
-    selectedEvent ? dayjs(selectedEvent.endDateTime).format("hh:00 A") : "to",
-  );
-  const [checked, setChecked] = useState(
-    selectedEvent ? selectedEvent.visibleToRecruiter : false,
-  );
-  const [companyName, setCompanyName] = useState(
-    selectedEvent ? selectedEvent.job.company.name : "",
-  );
-  const [role, setRole] = useState(selectedEvent ? selectedEvent.job.role : "");
-  const [recruitmentType, setRecruitmentType] = useState(
-    selectedEvent ? selectedEvent.job.season.type : "",
-  );
-  const [roundNumber, setRoundNumber] = useState(
-    selectedEvent ? selectedEvent.roundNumber : 1,
-  );
-
-  function visibilityStatus(check: boolean) {
-    return check ? "Yes" : "No";
-  }
-
-  return (
-    <div className="h-screen w-full fixed left-0 top-0 flex justify-center items-center z-50">
-      <form className="bg-white rounded-lg shadow-2xl w-1/4  ">
-        <header
-          className={"bg-gray-100 px-4 py-2 flex justify-between items-center"}
-        >
-          <span className="material-icons-outlined text-gray-400">
-            drag_handle
-          </span>
-          <button
-            onClick={() => {
-              setShowEventModal(false);
-            }}
-          >
-            <span className="material-icons-outlined text-gray-400 hover:text-red-400 p-2">
-              close
-            </span>
-          </button>
-        </header>
-        <div className="p-3">
-          <div className="grid grid-cols-7 items-end gap-y-4">
-            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
-              schedule
-            </span>
-            <p className="pl-2 col-start-2 col-span-3 font-medium text-gray-600">
-              {daySelected.format("dddd, MMMM DD")}
-            </p>
-            <div className="col-start-2 col-span-6 flex flex-row ">
-              <div className="relative flex flex-col mr-2">
-                <p className="rounded text-sm  pl-2 font-medium text-gray-600">
-                  {timeFrom}
-                </p>
-              </div>
-              <p className="pt-1 -mt-2">-</p>
-              <div className="relative flex flex-col ml-2">
-                <p className="rounded text-sm font-medium text-gray-600">
-                  {timeTo}
-                </p>
-              </div>
-            </div>
-            {description && (
-              <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400 ">
-                segment
-              </span>
-            )}
-
-            {description && (
-              <span className="col-start-2 col-span-6  border-0 text-gray-600 pb-2 w-full overflow-y-scroll font-medium h-5 ">
-                {description}
-              </span>
-            )}
-            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
-              visibility
-            </span>
-            <span className="col-start-2 col-span-3  border-0 w-full font-medium">
-              Visible to Recruiter :
-            </span>
-            <span className="col-start-5 col-span-3 ml-5  border-0 w-full font-medium text-gray-600">
-              {visibilityStatus(checked)}
-            </span>
-            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
-              label
-            </span>
-            <div className="relative w-full col-start-2 col-span-6">
-              <span className="col-start-2 col-span-6 font-medium w-full">
-                {selectedLabel[0]}
-              </span>
-            </div>
-
-            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
-              work
-            </span>
-            <div className="col-start-2 col-span-1 font-medium">Type :</div>
-
-            <span className="col-start-3 col-span-5 font-medium w-full text-gray-600">
-              {recruitmentType}
-            </span>
-
-            <div className="col-start-2 col-span-2 font-medium">Company :</div>
-            <span className="col-start-4 col-span-4 font-medium w-full -ml-5 h-7 overflow-y-scroll text-gray-600">
-              {companyName}
-            </span>
-            <div className="col-start-2 col-span-1 font-medium">Role :</div>
-
-            <span className="col-start-3 col-span-5 font-medium w-full text-gray-600">
-              {role}
-            </span>
-            <div className="col-start-2 col-span-2 font-medium">Round :</div>
-
-            <span className="col-start-4 -ml-16 col-span-1 text-center font-medium w-full text-gray-600">
-              {roundNumber}
-            </span>
-          </div>
-        </div>
-        <footer className="flex justify-end border-t p-3 mt-5 h-10"></footer>
-      </form>
-    </div>
-  );
-}
+import React, { useContext, useState } from "react";
+import GlobalContext from "../context/GlobalContext";
+import dayjs from "dayjs";
+import { labelsClasses } from "../context/ContextWrapper";
+
+export default function EventDetails() {
+  const { setShowEventModal, daySelected, selectedEvent } =
+    useContext(GlobalContext);
+
+  const [description, setDescription] = useState<string>(
+    selectedEvent ? selectedEvent.metadata : "",
+  );
+  const [selectedLabel, setSelectedLabel] = useState<[string, string]>(
+    selectedEvent
+      ? [selectedEvent.type, labelsClasses.get(selectedEvent.type) || ""]
+      : ["", ""],
+  );
+  const [timeFrom, setTimeFrom] = useState(
+    selectedEvent
+      ? dayjs(selectedEvent.startDateTime).format("hh:00 A")
+      : "from",
+  );
+  const [timeTo, setTimeTo] = useState(
+    selectedEvent ? dayjs(selectedEvent.endDateTime).format("hh:00 A") : "to",
+  );
+  const [checked, setChecked] = useState(
+    selectedEvent ? selectedEvent.visibleToRecruiter : false,
+  );
+  const [companyName, setCompanyName] = useState(
+    selectedEvent ? selectedEvent.job.company.name : "",
+  );
+  const [role, setRole] = useState(selectedEvent ? selectedEvent.job.role : "");
+  const [recruitmentType, setRecruitmentType] = useState(
+    selectedEvent ? selectedEvent.job.season.type : "",
+  );
+  const [roundNumber, setRoundNumber] = useState(
+    selectedEvent ? selectedEvent.roundNumber : 1,
+  );
+
+  function visibilityStatus(check: boolean) {
+    return check ? "Yes" : "No";
+  }
+
+  return (
+    <div className="h-screen w-full fixed left-0 top-0 flex justify-center items-center z-50">
+      <form className="bg-white rounded-lg shadow-2xl w-1/4  ">
+        <header
+          className={"bg-gray-100 px-4 py-2 flex justify-between items-center"}
+        >
+          <span className="material-icons-outlined text-gray-400">
+            drag_handle
+          </span>
+          <button
+            onClick={() => {
+              setShowEventModal(false);
+            }}
+          >
+            <span className="material-icons-outlined text-gray-400 hover:text-red-400 p-2">
+              close
+            </span>
+          </button>
+        </header>
+        <div className="p-3">
+          <div className="grid grid-cols-7 items-end gap-y-4">
+            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
+              schedule
+            </span>
+            <p className="pl-2 col-start-2 col-span-3 font-medium text-gray-600">
+              {daySelected.format("dddd, MMMM DD")}
+            </p>
+            <div className="col-start-2 col-span-6 flex flex-row ">
+              <div className="relative flex flex-col mr-2">
+                <p className="rounded text-sm  pl-2 font-medium text-gray-600">
+                  {timeFrom}
+                </p>
+              </div>
+              <p className="pt-1 -mt-2">-</p>
+              <div className="relative flex flex-col ml-2">
+                <p className="rounded text-sm font-medium text-gray-600">
+                  {timeTo}
+                </p>
+              </div>
+            </div>
+            {description && (
+              <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400 ">
+                segment
+              </span>
+            )}
+
+            {description && (
+              <span className="col-start-2 col-span-6  border-0 text-gray-600 pb-2 w-full overflow-y-scroll font-medium h-5 ">
+                {description}
+              </span>
+            )}
+            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
+              visibility
+            </span>
+            <span className="col-start-2 col-span-3  border-0 w-full font-medium">
+              Visible to Recruiter :
+            </span>
+            <span className="col-start-5 col-span-3 ml-5  border-0 w-full font-medium text-gray-600">
+              {visibilityStatus(checked)}
+            </span>
+            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
+              label
+            </span>
+            <div className="relative w-full col-start-2 col-span-6">
+              <span className="col-start-2 col-span-6 font-medium w-full">
+                {selectedLabel[0]}
+              </span>
+            </div>
+
+            <span className="material-icons-outlined col-start-1 col-span-1 text-gray-400">
+              work
+            </span>
+            <div className="col-start-2 col-span-1 font-medium">Type :</div>
+
+            <span className="col-start-3 col-span-5 font-medium w-full text-gray-600">
+              {recruitmentType}
+            </span>
+
+            <div className="col-start-2 col-span-2 font-medium">Company :</div>
+            <span className="col-start-4 col-span-4 font-medium w-full -ml-5 h-7 overflow-y-scroll text-gray-600">
+              {companyName}
+            </span>
+            <div className="col-start-2 col-span-1 font-medium">Role :</div>
+
+            <span className="col-start-3 col-span-5 font-medium w-full text-gray-600">
+              {role}
+            </span>
+            <div className="col-start-2 col-span-2 font-medium">Round :</div>
+
+            <span className="col-start-4 -ml-16 col-span-1 text-center font-medium w-full text-gray-600">
+              {roundNumber}
+            </span>
+          </div>
+        </div>
+        <footer className="flex justify-end border-t p-3 mt-5 h-10"></footer>
+      </form>
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/Labels.tsx b/src/components/Calendar/CalenderComponent/Labels.tsx
index 293bfe96..b19e3ac1 100644
--- a/src/components/Calendar/CalenderComponent/Labels.tsx
+++ b/src/components/Calendar/CalenderComponent/Labels.tsx
@@ -1,32 +1,32 @@
-import React, { useContext } from "react";
-import GlobalContext from "../context/GlobalContext";
-import { labelsClasses } from "../context/ContextWrapper";
-
-let colors =
-  "text-green-400 text-red-400 text-indigo-400 text-gray-400 text-blue-400 text-purple-400";
-export default function Labels() {
-  const { labels, updateLabel } = useContext(GlobalContext);
-
-  return (
-    <React.Fragment>
-      <p className="text-gray-500 font-bold ">Label</p>
-      {Array.from(labelsClasses.entries()).map(([label, color], idx) => {
-        const checked =
-          labels.find((lbl) => lbl.label === label)?.checked || false;
-        return (
-          <label key={idx} className="items-center mt-3 block">
-            <input
-              type="checkbox"
-              checked={checked}
-              onChange={() => updateLabel({ label, checked: !checked })}
-              className={`form-checkbox h-5 w-5 text-${color}-400 rounded focus:ring-0 cursor-pointer`}
-            />
-            <span className="ml-2 text-gray-700 font-medium capitalize">
-              {label}
-            </span>
-          </label>
-        );
-      })}
-    </React.Fragment>
-  );
-}
+import React, { useContext } from "react";
+import GlobalContext from "../context/GlobalContext";
+import { labelsClasses } from "../context/ContextWrapper";
+
+let colors =
+  "text-green-400 text-red-400 text-indigo-400 text-gray-400 text-blue-400 text-purple-400";
+export default function Labels() {
+  const { labels, updateLabel } = useContext(GlobalContext);
+
+  return (
+    <React.Fragment>
+      <p className="text-gray-500 font-bold ">Label</p>
+      {Array.from(labelsClasses.entries()).map(([label, color], idx) => {
+        const checked =
+          labels.find((lbl) => lbl.label === label)?.checked || false;
+        return (
+          <label key={idx} className="items-center mt-3 block">
+            <input
+              type="checkbox"
+              checked={checked}
+              onChange={() => updateLabel({ label, checked: !checked })}
+              className={`form-checkbox h-5 w-5 text-${color}-400 rounded focus:ring-0 cursor-pointer`}
+            />
+            <span className="ml-2 text-gray-700 font-medium capitalize">
+              {label}
+            </span>
+          </label>
+        );
+      })}
+    </React.Fragment>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/Month.tsx b/src/components/Calendar/CalenderComponent/Month.tsx
index 1d7c2f71..59db3434 100644
--- a/src/components/Calendar/CalenderComponent/Month.tsx
+++ b/src/components/Calendar/CalenderComponent/Month.tsx
@@ -1,16 +1,16 @@
-import React from "react";
-import Day from "./MonthDay";
-
-export default function Month({ month }: { month: any }) {
-  return (
-    <div className="flex-1 grid grid-cols-7 grid-rows-5">
-      {month.map((row: any[], i: any) => (
-        <React.Fragment key={i}>
-          {row.map((day, idx) => (
-            <Day day={day} key={idx} rowIdx={i} />
-          ))}
-        </React.Fragment>
-      ))}
-    </div>
-  );
-}
+import React from "react";
+import Day from "./MonthDay";
+
+export default function Month({ month }: { month: any }) {
+  return (
+    <div className="flex-1 grid grid-cols-7 grid-rows-5">
+      {month.map((row: any[], i: any) => (
+        <React.Fragment key={i}>
+          {row.map((day, idx) => (
+            <Day day={day} key={idx} rowIdx={i} />
+          ))}
+        </React.Fragment>
+      ))}
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/MonthDay.tsx b/src/components/Calendar/CalenderComponent/MonthDay.tsx
index c91851ef..01c7f970 100644
--- a/src/components/Calendar/CalenderComponent/MonthDay.tsx
+++ b/src/components/Calendar/CalenderComponent/MonthDay.tsx
@@ -1,92 +1,92 @@
-import React, { useContext, useEffect, useState } from "react";
-import dayjs from "dayjs";
-import GlobalContext from "../context/GlobalContext";
-import { selectedDayEvent } from "../context/GlobalContext";
-import { labelsClasses } from "../context/ContextWrapper";
-
-interface Event {
-  startDateTime: any;
-  endDateTime: any;
-  rowIdx: any;
-}
-
-let colors =
-  "bg-green-300 bg-red-300 bg-indigo-300 bg-gray-300 bg-blue-300 bg-purple-300";
-let hover_colors =
-  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
-
-export default function Day({ day, rowIdx }: { day: any; rowIdx: any }) {
-  const [dayEvents, setDayEvents] = useState([]);
-  const {
-    setShowEventModal,
-    setDaySelected,
-    setSelectedEvent,
-    monthIndex,
-    filteredEvents,
-  } = useContext(GlobalContext);
-
-  useEffect(() => {
-    const events = filteredEvents.filter(
-      (evt: Event) =>
-        dayjs(evt.startDateTime).format("DD-MM-YY") === day.format("DD-MM-YY"),
-    );
-    setDayEvents(events);
-  }, [filteredEvents, day]);
-
-  function getCurrentDay() {
-    return day.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
-      ? "bg-blue-700 text-white rounded-full w-7"
-      : "";
-  }
-  function getCurrentMonth() {
-    return parseInt(day.format("MM"), 10) === monthIndex + 1
-      ? ""
-      : "opacity-50";
-  }
-
-  function displayColor(label: string) {
-    return labelsClasses.get(label);
-  }
-
-  return (
-    <div className="border border-gray-300 flex flex-col max-h-40">
-      <header className="flex flex-col items-center">
-        {rowIdx === 0 && (
-          <p className="text-sm mt-1 ">{day.format("ddd").toUpperCase()}</p>
-        )}
-
-        <p
-          onClick={() => {
-            setDaySelected(day);
-          }}
-          className={`text-sm p-1 my-1 font-semibold text-center hover:cursor-pointer hover:bg-slate-300 hover:rounded-full hover:text-black ${getCurrentDay()} ${getCurrentMonth()}`}
-        >
-          {parseInt(day.format("DD"), 10) === 1
-            ? day.format("MMM DD")
-            : day.format("DD")}
-        </p>
-      </header>
-      <div
-        onClick={() => {
-          setDaySelected(day);
-        }}
-        className="flex-1 overflow-y-auto"
-      >
-        {dayEvents.map((evt: selectedDayEvent, idx) => (
-          <div
-            onClick={() => {
-              setSelectedEvent(evt);
-              setShowEventModal(true);
-            }}
-            key={idx}
-            className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 ${getCurrentMonth()} event_block cursor-pointer p-1 mx-2 text-gray-600 text-sm rounded mb-1 truncate`}
-          >
-            {evt.job && evt.job.company && evt.job.company.name
-              ? evt.job.company.name
-              : evt.id}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}
+import React, { useContext, useEffect, useState } from "react";
+import dayjs from "dayjs";
+import GlobalContext from "../context/GlobalContext";
+import { selectedDayEvent } from "../context/GlobalContext";
+import { labelsClasses } from "../context/ContextWrapper";
+
+interface Event {
+  startDateTime: any;
+  endDateTime: any;
+  rowIdx: any;
+}
+
+let colors =
+  "bg-green-300 bg-red-300 bg-indigo-300 bg-gray-300 bg-blue-300 bg-purple-300";
+let hover_colors =
+  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
+
+export default function Day({ day, rowIdx }: { day: any; rowIdx: any }) {
+  const [dayEvents, setDayEvents] = useState([]);
+  const {
+    setShowEventModal,
+    setDaySelected,
+    setSelectedEvent,
+    monthIndex,
+    filteredEvents,
+  } = useContext(GlobalContext);
+
+  useEffect(() => {
+    const events = filteredEvents.filter(
+      (evt: Event) =>
+        dayjs(evt.startDateTime).format("DD-MM-YY") === day.format("DD-MM-YY"),
+    );
+    setDayEvents(events);
+  }, [filteredEvents, day]);
+
+  function getCurrentDay() {
+    return day.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
+      ? "bg-blue-700 text-white rounded-full w-7"
+      : "";
+  }
+  function getCurrentMonth() {
+    return parseInt(day.format("MM"), 10) === monthIndex + 1
+      ? ""
+      : "opacity-50";
+  }
+
+  function displayColor(label: string) {
+    return labelsClasses.get(label);
+  }
+
+  return (
+    <div className="border border-gray-300 flex flex-col max-h-40">
+      <header className="flex flex-col items-center">
+        {rowIdx === 0 && (
+          <p className="text-sm mt-1 ">{day.format("ddd").toUpperCase()}</p>
+        )}
+
+        <p
+          onClick={() => {
+            setDaySelected(day);
+          }}
+          className={`text-sm p-1 my-1 font-semibold text-center hover:cursor-pointer hover:bg-slate-300 hover:rounded-full hover:text-black ${getCurrentDay()} ${getCurrentMonth()}`}
+        >
+          {parseInt(day.format("DD"), 10) === 1
+            ? day.format("MMM DD")
+            : day.format("DD")}
+        </p>
+      </header>
+      <div
+        onClick={() => {
+          setDaySelected(day);
+        }}
+        className="flex-1 overflow-y-auto"
+      >
+        {dayEvents.map((evt: selectedDayEvent, idx) => (
+          <div
+            onClick={() => {
+              setSelectedEvent(evt);
+              setShowEventModal(true);
+            }}
+            key={idx}
+            className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 ${getCurrentMonth()} event_block cursor-pointer p-1 mx-2 text-gray-600 text-sm rounded mb-1 truncate`}
+          >
+            {evt.job && evt.job.company && evt.job.company.name
+              ? evt.job.company.name
+              : evt.id}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/SidebarCalendar.tsx b/src/components/Calendar/CalenderComponent/SidebarCalendar.tsx
index 91079d6e..3bd2a860 100644
--- a/src/components/Calendar/CalenderComponent/SidebarCalendar.tsx
+++ b/src/components/Calendar/CalenderComponent/SidebarCalendar.tsx
@@ -1,10 +1,10 @@
-import React from "react";
-import Labels from "./Labels";
-
-export default function SidebarCalendar() {
-  return (
-    <aside className="border p-5 w-52">
-      <Labels />
-    </aside>
-  );
-}
+import React from "react";
+import Labels from "./Labels";
+
+export default function SidebarCalendar() {
+  return (
+    <aside className="border p-5 w-52">
+      <Labels />
+    </aside>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/WeekDay.tsx b/src/components/Calendar/CalenderComponent/WeekDay.tsx
index 77d3936e..7877fcad 100644
--- a/src/components/Calendar/CalenderComponent/WeekDay.tsx
+++ b/src/components/Calendar/CalenderComponent/WeekDay.tsx
@@ -1,132 +1,132 @@
-import React, { useContext, useEffect, useState } from "react";
-import dayjs from "dayjs";
-import GlobalContext from "../context/GlobalContext";
-import { selectedDayEvent } from "../context/GlobalContext";
-import { labelsClasses } from "../context/ContextWrapper";
-
-const generateTimeList = () => {
-  const times = [];
-  const format = "hh:mm A";
-
-  for (let hour = 0; hour < 24; hour++) {
-    const time = dayjs().hour(hour).minute(0).second(0);
-    times.push(time.format(format));
-  }
-
-  return times;
-};
-
-export let time_list = generateTimeList();
-
-let colors =
-  "border-green-400 border-red-400 border-indigo-400 border-gray-400 border-blue-400 border-purple-400";
-let hover_colors =
-  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
-let text_colors =
-  "text-green-400 text--red-400 text-indigo-400 text-gray-400 text-blue-300 text-purple-400";
-
-interface Event {
-  startDateTime: any;
-  endDateTime: any;
-  rowIdx: any;
-}
-
-export default function WeekDay({ day }: { day: any }) {
-  const [dayEvents, setDayEvents] = useState([]);
-  const {
-    setShowEventModal,
-    setDaySelected,
-    filteredEvents,
-    setSelectedEvent,
-    setTimeFrom,
-    setTimeTo,
-  } = useContext(GlobalContext);
-
-  useEffect(() => {
-    const events = filteredEvents.filter(
-      (evt: Event) =>
-        dayjs(evt.startDateTime).format("DD-MM-YY") === day.format("DD-MM-YY"),
-    );
-    setDayEvents(events);
-  }, [filteredEvents, day]);
-
-  function getCurrentDay() {
-    return day.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
-      ? "bg-blue-700 text-white rounded-full w-10"
-      : "";
-  }
-  function handleTimeSelected(time: string, i: number) {
-    if (time === "11:00 PM") {
-      setTimeFrom(time_list[i]);
-      setTimeTo(time_list[0]);
-    } else {
-      setTimeFrom(time_list[i]);
-      setTimeTo(time_list[i + 1]);
-    }
-  }
-  function displayColor(label: string) {
-    return labelsClasses.get(label);
-  }
-
-  return (
-    <div>
-      <header className="flex flex-col items-center">
-        <div className="flex flex-col">
-          <p className="text-sm text-center font-semibold mt-1 text-gray-600">
-            {day.format("ddd").toUpperCase()}
-          </p>
-          <p
-            className={`text-xl p-1 my-1 font-light text-center hover:cursor-pointer hover:bg-slate-300 hover:rounded-full hover:w-10 hover:text-black ${getCurrentDay()}`}
-          >
-            {day.format("DD")}
-          </p>
-        </div>
-      </header>
-
-      <div className="flex flex-row w-full">
-        {day.format("ddd").toUpperCase() === "SUN" && (
-          <div className="flex flex-col space-y-10 -mt-2">
-            {time_list.map((time: string, i: number) => (
-              <p
-                key={i}
-                className="text-xs text-gray-600 font-extralight w-10 -ml-10"
-              >
-                {time.substring(0, 2) + " " + time.substring(time.length - 2)}
-              </p>
-            ))}
-          </div>
-        )}
-        <div className="flex flex-col flex-grow">
-          {time_list.map((time: string, i: number) => (
-            <div
-              key={i}
-              className="border border-gray-300 h-14 w-full"
-              onClick={() => {
-                setDaySelected(day);
-                handleTimeSelected(time, i);
-              }}
-            >
-              <div className="flex-1 cursor-pointer pt-1 overflow-y-auto">
-                {dayEvents.map(
-                  (evt: selectedDayEvent, idx) =>
-                    dayjs(evt.startDateTime).format("hh:00 A") === time && (
-                      <div
-                        key={idx}
-                        className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 cursor-pointer p-1 mx-2 text-gray-600 text-xs rounded mb-1 `}
-                        onClick={() => {
-                          setSelectedEvent(evt);
-                          setShowEventModal(true);
-                        }}
-                      >
-                        {evt.job.company.name}
-                      </div>
-                    ),
-                )}
-              </div>
-            </div>
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
+import React, { useContext, useEffect, useState } from "react";
+import dayjs from "dayjs";
+import GlobalContext from "../context/GlobalContext";
+import { selectedDayEvent } from "../context/GlobalContext";
+import { labelsClasses } from "../context/ContextWrapper";
+
+const generateTimeList = () => {
+  const times = [];
+  const format = "hh:mm A";
+
+  for (let hour = 0; hour < 24; hour++) {
+    const time = dayjs().hour(hour).minute(0).second(0);
+    times.push(time.format(format));
+  }
+
+  return times;
+};
+
+export let time_list = generateTimeList();
+
+let colors =
+  "border-green-400 border-red-400 border-indigo-400 border-gray-400 border-blue-400 border-purple-400";
+let hover_colors =
+  "hover:bg-green-400 hover:bg-red-400 hover:bg-indigo-400 hover:bg-gray-400 hover:bg-blue-400 hover:bg-purple-400";
+let text_colors =
+  "text-green-400 text--red-400 text-indigo-400 text-gray-400 text-blue-300 text-purple-400";
+
+interface Event {
+  startDateTime: any;
+  endDateTime: any;
+  rowIdx: any;
+}
+
+export default function WeekDay({ day }: { day: any }) {
+  const [dayEvents, setDayEvents] = useState([]);
+  const {
+    setShowEventModal,
+    setDaySelected,
+    filteredEvents,
+    setSelectedEvent,
+    setTimeFrom,
+    setTimeTo,
+  } = useContext(GlobalContext);
+
+  useEffect(() => {
+    const events = filteredEvents.filter(
+      (evt: Event) =>
+        dayjs(evt.startDateTime).format("DD-MM-YY") === day.format("DD-MM-YY"),
+    );
+    setDayEvents(events);
+  }, [filteredEvents, day]);
+
+  function getCurrentDay() {
+    return day.format("DD-MM-YY") === dayjs().format("DD-MM-YY")
+      ? "bg-blue-700 text-white rounded-full w-10"
+      : "";
+  }
+  function handleTimeSelected(time: string, i: number) {
+    if (time === "11:00 PM") {
+      setTimeFrom(time_list[i]);
+      setTimeTo(time_list[0]);
+    } else {
+      setTimeFrom(time_list[i]);
+      setTimeTo(time_list[i + 1]);
+    }
+  }
+  function displayColor(label: string) {
+    return labelsClasses.get(label);
+  }
+
+  return (
+    <div>
+      <header className="flex flex-col items-center">
+        <div className="flex flex-col">
+          <p className="text-sm text-center font-semibold mt-1 text-gray-600">
+            {day.format("ddd").toUpperCase()}
+          </p>
+          <p
+            className={`text-xl p-1 my-1 font-light text-center hover:cursor-pointer hover:bg-slate-300 hover:rounded-full hover:w-10 hover:text-black ${getCurrentDay()}`}
+          >
+            {day.format("DD")}
+          </p>
+        </div>
+      </header>
+
+      <div className="flex flex-row w-full">
+        {day.format("ddd").toUpperCase() === "SUN" && (
+          <div className="flex flex-col space-y-10 -mt-2">
+            {time_list.map((time: string, i: number) => (
+              <p
+                key={i}
+                className="text-xs text-gray-600 font-extralight w-10 -ml-10"
+              >
+                {time.substring(0, 2) + " " + time.substring(time.length - 2)}
+              </p>
+            ))}
+          </div>
+        )}
+        <div className="flex flex-col flex-grow">
+          {time_list.map((time: string, i: number) => (
+            <div
+              key={i}
+              className="border border-gray-300 h-14 w-full"
+              onClick={() => {
+                setDaySelected(day);
+                handleTimeSelected(time, i);
+              }}
+            >
+              <div className="flex-1 cursor-pointer pt-1 overflow-y-auto">
+                {dayEvents.map(
+                  (evt: selectedDayEvent, idx) =>
+                    dayjs(evt.startDateTime).format("hh:00 A") === time && (
+                      <div
+                        key={idx}
+                        className={`bg-${displayColor(evt.type)}-300 hover:bg-${displayColor(evt.type)}-400 cursor-pointer p-1 mx-2 text-gray-600 text-xs rounded mb-1 `}
+                        onClick={() => {
+                          setSelectedEvent(evt);
+                          setShowEventModal(true);
+                        }}
+                      >
+                        {evt.job.company.name}
+                      </div>
+                    ),
+                )}
+              </div>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/WeeklyView.tsx b/src/components/Calendar/CalenderComponent/WeeklyView.tsx
index aea05c81..80f1c4c9 100644
--- a/src/components/Calendar/CalenderComponent/WeeklyView.tsx
+++ b/src/components/Calendar/CalenderComponent/WeeklyView.tsx
@@ -1,12 +1,12 @@
-import React from "react";
-import WeekDay from "./WeekDay";
-
-export default function WeeklyView({ week }: { week: any }) {
-  return (
-    <div className="flex-1 grid grid-cols-7 grid-rows-1 ml-12">
-      {week.map((day: any, i: number) => (
-        <WeekDay day={day} key={i} />
-      ))}
-    </div>
-  );
-}
+import React from "react";
+import WeekDay from "./WeekDay";
+
+export default function WeeklyView({ week }: { week: any }) {
+  return (
+    <div className="flex-1 grid grid-cols-7 grid-rows-1 ml-12">
+      {week.map((day: any, i: number) => (
+        <WeekDay day={day} key={i} />
+      ))}
+    </div>
+  );
+}
diff --git a/src/components/Calendar/CalenderComponent/util.tsx b/src/components/Calendar/CalenderComponent/util.tsx
index de621cad..5acc7001 100644
--- a/src/components/Calendar/CalenderComponent/util.tsx
+++ b/src/components/Calendar/CalenderComponent/util.tsx
@@ -1,35 +1,35 @@
-import dayjs from "dayjs";
-
-export function getMonth(month = dayjs().month()) {
-  month = Math.floor(month);
-  const year = dayjs().year();
-  const firstDayOfTheMonth = dayjs(new Date(year, month, 1)).day();
-  let currentMonthCount = 0 - firstDayOfTheMonth;
-  const daysMatrix = new Array(5).fill([]).map(() => {
-    return new Array(7).fill(null).map(() => {
-      currentMonthCount++;
-      return dayjs(new Date(year, month, currentMonthCount));
-    });
-  });
-  return daysMatrix;
-}
-
-export function getWeek(weekOffset: number): dayjs.Dayjs[] {
-  const dates: dayjs.Dayjs[] = [];
-
-  const today = dayjs();
-  const dayOfWeek = today.day();
-  let diff = today.date() - dayOfWeek + weekOffset * 7;
-  const sunday = dayjs().date(diff);
-
-  for (let i = 0; i < 7; i++) {
-    const currentDate = dayjs(sunday).add(i, "day");
-    dates.push(currentDate);
-  }
-  return dates;
-}
-
-export function getDate(dateOffset: number): dayjs.Dayjs {
-  const today = dayjs();
-  return today.add(dateOffset, "day");
-}
+import dayjs from "dayjs";
+
+export function getMonth(month = dayjs().month()) {
+  month = Math.floor(month);
+  const year = dayjs().year();
+  const firstDayOfTheMonth = dayjs(new Date(year, month, 1)).day();
+  let currentMonthCount = 0 - firstDayOfTheMonth;
+  const daysMatrix = new Array(5).fill([]).map(() => {
+    return new Array(7).fill(null).map(() => {
+      currentMonthCount++;
+      return dayjs(new Date(year, month, currentMonthCount));
+    });
+  });
+  return daysMatrix;
+}
+
+export function getWeek(weekOffset: number): dayjs.Dayjs[] {
+  const dates: dayjs.Dayjs[] = [];
+
+  const today = dayjs();
+  const dayOfWeek = today.day();
+  let diff = today.date() - dayOfWeek + weekOffset * 7;
+  const sunday = dayjs().date(diff);
+
+  for (let i = 0; i < 7; i++) {
+    const currentDate = dayjs(sunday).add(i, "day");
+    dates.push(currentDate);
+  }
+  return dates;
+}
+
+export function getDate(dateOffset: number): dayjs.Dayjs {
+  const today = dayjs();
+  return today.add(dateOffset, "day");
+}
diff --git a/src/components/Calendar/context/ContextWrapper.tsx b/src/components/Calendar/context/ContextWrapper.tsx
index 338ecdb8..3056f105 100644
--- a/src/components/Calendar/context/ContextWrapper.tsx
+++ b/src/components/Calendar/context/ContextWrapper.tsx
@@ -1,150 +1,150 @@
-import React, { useState, useReducer, useEffect, useMemo } from "react";
-import dayjs from "dayjs";
-import GlobalContext from "./GlobalContext";
-import { selectedDayEvent } from "./GlobalContext";
-import { fetchEvents } from "@/helpers/api";
-import toast from "react-hot-toast";
-import Cookies from "js-cookie";
-import jwt from "jsonwebtoken";
-import { fetchStudentEvents } from "@/helpers/student/api";
-
-export const labelsClasses = new Map([
-  ["INTERVIEW", "green"],
-  ["PPT", "red"],
-  ["TEST", "indigo"],
-  ["COMPLETED", "blue"],
-  ["APPLICATION", "purple"],
-]);
-
-function savedEventsReducer(
-  state: selectedDayEvent[],
-  { type, payload }: { type: string; payload: any },
-) {
-  switch (type) {
-    case "fetch":
-      return payload;
-    default:
-      throw new Error();
-  }
-}
-
-export default function ContextWrapper(props: any) {
-  const [monthIndex, setMonthIndex] = useState(dayjs().month());
-  const [weekOffset, setWeekOffset] = useState(0);
-  const [dateOffset, setDateOffset] = useState(0);
-  const [Current_view, SetCurrent_view] = useState("Month");
-  const [showEventModal, setShowEventModal] = useState(false);
-  const [daySelected, setDaySelected] = useState(dayjs());
-  const [selectedEvent, setSelectedEvent] = useState<selectedDayEvent | null>(
-    null,
-  );
-  const [labels, setLabels] = useState(() => {
-    return Array.from(labelsClasses.keys()).map((label) => ({
-      label,
-      checked: true,
-    }));
-  });
-  const [savedEvents, dispatchCallEvents] = useReducer(savedEventsReducer, []);
-  const [timeFrom, setTimeFrom] = useState("from");
-  const [timeTo, setTimeTo] = useState("to");
-
-  const filteredEvents = useMemo(() => {
-    return savedEvents.filter((evt: selectedDayEvent) =>
-      labels
-        .filter((lbl) => lbl.checked)
-        .map((lbl) => lbl.label)
-        .includes(evt.type),
-    );
-  }, [savedEvents, labels]);
-
-  useEffect(() => {
-    async function fetchAndSetEvents() {
-      try {
-        const accessToken = Cookies.get("accessToken");
-        let user = null;
-
-        if (accessToken) {
-          try {
-            const decoded = jwt.decode(accessToken);
-            user = decoded ? { role: decoded.role } : null;
-          } catch (error) {
-            console.error("JWT decoding error:", error);
-          }
-        }
-
-        let data;
-
-        switch (user.role) {
-          case "ADMIN":
-            data = await fetchEvents();
-            break;
-          case "RECRUITER":
-            data = await fetchStudentEvents();
-            break;
-          case "STUDENT":
-            data = await fetchStudentEvents();
-            break;
-        }
-
-        dispatchCallEvents({ type: "fetch", payload: data });
-      } catch (error) {
-        toast.error("Failed to fetch events:");
-        console.log(error);
-      }
-    }
-    fetchAndSetEvents();
-  }, []);
-
-  useEffect(() => {
-    setLabels((prevLabels) => {
-      const uniqueEventTypes = [...new Set(savedEvents.map((evt) => evt.type))];
-
-      return uniqueEventTypes.map((label: string) => {
-        const currentLabel = prevLabels.find((lbl) => lbl.label === label);
-        return {
-          label: label,
-          checked: currentLabel ? currentLabel.checked : true,
-        };
-      });
-    });
-  }, [savedEvents]);
-
-  function updateLabel(newLabel: { label: string; checked: boolean }) {
-    setLabels((prevLabels) =>
-      prevLabels.map((lbl) => (lbl.label === newLabel.label ? newLabel : lbl)),
-    );
-  }
-
-  return (
-    <GlobalContext.Provider
-      value={{
-        monthIndex,
-        setMonthIndex,
-        weekOffset,
-        setWeekOffset,
-        dateOffset,
-        setDateOffset,
-        Current_view,
-        SetCurrent_view,
-        showEventModal,
-        setShowEventModal,
-        daySelected,
-        setDaySelected,
-        dispatchCallEvents,
-        savedEvents,
-        selectedEvent,
-        setSelectedEvent,
-        labels,
-        setLabels,
-        updateLabel,
-        filteredEvents,
-        timeFrom,
-        setTimeFrom,
-        timeTo,
-        setTimeTo,
-      }}
-    >
-      {props.children}
-    </GlobalContext.Provider>
-  );
-}
+import React, { useState, useReducer, useEffect, useMemo } from "react";
+import dayjs from "dayjs";
+import GlobalContext from "./GlobalContext";
+import { selectedDayEvent } from "./GlobalContext";
+import { fetchEvents } from "@/helpers/api";
+import toast from "react-hot-toast";
+import Cookies from "js-cookie";
+import { jwtDecode } from "jwt-decode";
+import { fetchStudentEvents } from "@/helpers/student/api";
+
+export const labelsClasses = new Map([
+  ["INTERVIEW", "green"],
+  ["PPT", "red"],
+  ["TEST", "indigo"],
+  ["COMPLETED", "blue"],
+  ["APPLICATION", "purple"],
+]);
+
+function savedEventsReducer(
+  state: selectedDayEvent[],
+  { type, payload }: { type: string; payload: any },
+) {
+  switch (type) {
+    case "fetch":
+      return payload;
+    default:
+      throw new Error();
+  }
+}
+
+export default function ContextWrapper(props: any) {
+  const [monthIndex, setMonthIndex] = useState(dayjs().month());
+  const [weekOffset, setWeekOffset] = useState(0);
+  const [dateOffset, setDateOffset] = useState(0);
+  const [Current_view, SetCurrent_view] = useState("Month");
+  const [showEventModal, setShowEventModal] = useState(false);
+  const [daySelected, setDaySelected] = useState(dayjs());
+  const [selectedEvent, setSelectedEvent] = useState<selectedDayEvent | null>(
+    null,
+  );
+  const [labels, setLabels] = useState(() => {
+    return Array.from(labelsClasses.keys()).map((label) => ({
+      label,
+      checked: true,
+    }));
+  });
+  const [savedEvents, dispatchCallEvents] = useReducer(savedEventsReducer, []);
+  const [timeFrom, setTimeFrom] = useState("from");
+  const [timeTo, setTimeTo] = useState("to");
+
+  const filteredEvents = useMemo(() => {
+    return savedEvents.filter((evt: selectedDayEvent) =>
+      labels
+        .filter((lbl) => lbl.checked)
+        .map((lbl) => lbl.label)
+        .includes(evt.type),
+    );
+  }, [savedEvents, labels]);
+
+  useEffect(() => {
+    async function fetchAndSetEvents() {
+      try {
+        const accessToken = Cookies.get("accessToken");
+        let user = null;
+
+        if (accessToken) {
+          try {
+            const decoded: any = jwtDecode(accessToken);
+            user = decoded ? { role: decoded.role } : null;
+          } catch (error) {
+            console.error("JWT decoding error:", error);
+          }
+        }
+
+        let data;
+
+        switch (user.role) {
+          case "ADMIN":
+            data = await fetchEvents();
+            break;
+          case "RECRUITER":
+            data = await fetchStudentEvents();
+            break;
+          case "STUDENT":
+            data = await fetchStudentEvents();
+            break;
+        }
+
+        dispatchCallEvents({ type: "fetch", payload: data });
+      } catch (error) {
+        toast.error("Failed to fetch events:");
+        console.log(error);
+      }
+    }
+    fetchAndSetEvents();
+  }, []);
+
+  useEffect(() => {
+    setLabels((prevLabels) => {
+      const uniqueEventTypes = [...new Set(savedEvents.map((evt) => evt.type))];
+
+      return uniqueEventTypes.map((label: string) => {
+        const currentLabel = prevLabels.find((lbl) => lbl.label === label);
+        return {
+          label: label,
+          checked: currentLabel ? currentLabel.checked : true,
+        };
+      });
+    });
+  }, [savedEvents]);
+
+  function updateLabel(newLabel: { label: string; checked: boolean }) {
+    setLabels((prevLabels) =>
+      prevLabels.map((lbl) => (lbl.label === newLabel.label ? newLabel : lbl)),
+    );
+  }
+
+  return (
+    <GlobalContext.Provider
+      value={{
+        monthIndex,
+        setMonthIndex,
+        weekOffset,
+        setWeekOffset,
+        dateOffset,
+        setDateOffset,
+        Current_view,
+        SetCurrent_view,
+        showEventModal,
+        setShowEventModal,
+        daySelected,
+        setDaySelected,
+        dispatchCallEvents,
+        savedEvents,
+        selectedEvent,
+        setSelectedEvent,
+        labels,
+        setLabels,
+        updateLabel,
+        filteredEvents,
+        timeFrom,
+        setTimeFrom,
+        timeTo,
+        setTimeTo,
+      }}
+    >
+      {props.children}
+    </GlobalContext.Provider>
+  );
+}
diff --git a/src/components/Calendar/context/GlobalContext.tsx b/src/components/Calendar/context/GlobalContext.tsx
index af184019..ec96d59f 100644
--- a/src/components/Calendar/context/GlobalContext.tsx
+++ b/src/components/Calendar/context/GlobalContext.tsx
@@ -1,65 +1,65 @@
-import React from "react";
-import dayjs, { Dayjs } from "dayjs";
-export interface DispatchCallEventsAction {
-  type: string;
-  payload: any;
-}
-
-export interface updateLabelAction {
-  label: string;
-  checked: boolean;
-}
-
-export interface Job {
-  id: string;
-  role: string;
-  company: {
-    id: string;
-    name: string;
-  };
-  season: {
-    id: string;
-    type: string;
-    year: number;
-  };
-}
-
-export interface selectedDayEvent {
-  id: string;
-  startDateTime: Date;
-  endDateTime: Date;
-  metadata: string;
-  roundNumber: number;
-  type: string;
-  visibleToRecruiter: boolean;
-  job: Job;
-}
-
-const GlobalContext = React.createContext({
-  monthIndex: 0,
-  setMonthIndex: (index: number) => {},
-  weekOffset: 0,
-  setWeekOffset: (index: number) => {},
-  dateOffset: 0,
-  setDateOffset: (index: number) => {},
-  Current_view: "",
-  SetCurrent_view: (view: string) => {},
-  showEventModal: false,
-  setShowEventModal: (setBool: boolean) => {},
-  daySelected: null as Dayjs | null,
-  setDaySelected: (day: Dayjs) => {},
-  dispatchCallEvents: (action: DispatchCallEventsAction) => {},
-  savedEvents: [],
-  selectedEvent: null as selectedDayEvent | null,
-  setSelectedEvent: (event: selectedDayEvent | null) => {},
-  setLabels: (newLabels: updateLabelAction[]) => {},
-  labels: [] as updateLabelAction[],
-  updateLabel: (action: updateLabelAction) => {},
-  filteredEvents: [],
-  timeFrom: null as string | null,
-  setTimeFrom: (time: string) => {},
-  timeTo: null as string | null,
-  setTimeTo: (time: string) => {},
-});
-
-export default GlobalContext;
+import React from "react";
+import dayjs, { Dayjs } from "dayjs";
+export interface DispatchCallEventsAction {
+  type: string;
+  payload: any;
+}
+
+export interface updateLabelAction {
+  label: string;
+  checked: boolean;
+}
+
+export interface Job {
+  id: string;
+  role: string;
+  company: {
+    id: string;
+    name: string;
+  };
+  season: {
+    id: string;
+    type: string;
+    year: number;
+  };
+}
+
+export interface selectedDayEvent {
+  id: string;
+  startDateTime: Date;
+  endDateTime: Date;
+  metadata: string;
+  roundNumber: number;
+  type: string;
+  visibleToRecruiter: boolean;
+  job: Job;
+}
+
+const GlobalContext = React.createContext({
+  monthIndex: 0,
+  setMonthIndex: (index: number) => {},
+  weekOffset: 0,
+  setWeekOffset: (index: number) => {},
+  dateOffset: 0,
+  setDateOffset: (index: number) => {},
+  Current_view: "",
+  SetCurrent_view: (view: string) => {},
+  showEventModal: false,
+  setShowEventModal: (setBool: boolean) => {},
+  daySelected: null as Dayjs | null,
+  setDaySelected: (day: Dayjs) => {},
+  dispatchCallEvents: (action: DispatchCallEventsAction) => {},
+  savedEvents: [],
+  selectedEvent: null as selectedDayEvent | null,
+  setSelectedEvent: (event: selectedDayEvent | null) => {},
+  setLabels: (newLabels: updateLabelAction[]) => {},
+  labels: [] as updateLabelAction[],
+  updateLabel: (action: updateLabelAction) => {},
+  filteredEvents: [],
+  timeFrom: null as string | null,
+  setTimeFrom: (time: string) => {},
+  timeTo: null as string | null,
+  setTimeTo: (time: string) => {},
+});
+
+export default GlobalContext;
diff --git a/src/components/Faculty/FeedbackFrom.tsx b/src/components/Faculty/FeedbackFrom.tsx
index f470025b..aefbe9d1 100644
--- a/src/components/Faculty/FeedbackFrom.tsx
+++ b/src/components/Faculty/FeedbackFrom.tsx
@@ -1,159 +1,159 @@
-import {
-  Dialog,
-  DialogContent,
-  DialogTrigger,
-  DialogClose,
-} from "../ui/dialog";
-import TextArea from "antd/es/input/TextArea";
-import { Button } from "@/components/ui/button";
-import { useState, useEffect } from "react";
-import { updateApproval } from "@/helpers//faculty/api";
-import tick from "@/../public/tick.svg";
-import cross from "@/../public/cross.svg";
-
-interface ButtonProps {
-  children?: React.ReactNode;
-  rows?: any[];
-  remarks?: string;
-  finalButton: boolean;
-}
-
-const UpdateApprovalPATCH = (rows: any[], remarks: string, status: string) => {
-  for (var i = 0; i < rows.length; i++) {
-    updateApproval({
-      id: rows[i].id,
-      remarks: remarks,
-      status: status,
-    });
-  }
-  window.location.reload();
-};
-
-const AcceptButton: React.FC<ButtonProps> = ({
-  rows = [],
-  remarks = "",
-  finalButton,
-}) => {
-  return (
-    <Button
-      variant={"default"}
-      className={`bg-sky-600 mx-4 hover:bg-blue-600 ${finalButton && "w-full"}`}
-      onClick={() => {
-        if (finalButton) {
-          UpdateApprovalPATCH(rows, remarks, "APPROVED");
-        }
-      }}
-    >
-      Approve
-      <img src={tick.src} />
-    </Button>
-  );
-};
-
-const RejectButton: React.FC<ButtonProps> = ({
-  rows = [],
-  remarks = "",
-  finalButton,
-}) => {
-  return (
-    <Button
-      variant={"destructive"}
-      className={`bg-red-500 hover:bg-red-400 ${finalButton && "w-full"}`}
-      onClick={() => {
-        if (finalButton) {
-          UpdateApprovalPATCH(rows, remarks, "REJECTED");
-        }
-      }}
-    >
-      Reject
-      <img src={cross.src} alt="" />
-    </Button>
-  );
-};
-
-interface Props {
-  checkedRows: any[]; // Define the prop type as an array of any type
-}
-
-const FeedbackForm: React.FC<Props> = ({ checkedRows }) => {
-  const [isClient, setIsClient] = useState(false);
-
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  const [feedbackText, setFeedbackText] = useState("");
-
-  return (
-    <>
-      <h4 className="font-semibold text-base my-3">Write Feedback</h4>
-      <TextArea
-        placeholder="Write Your Feedback Here"
-        name="feedback"
-        rows={4}
-        className="mb-3 w-full"
-        id="feedback"
-        value={feedbackText}
-        onChange={(e) => setFeedbackText(e.target.value)}
-      />
-      <div className="flex flex-row">
-        <Dialog>
-          <DialogTrigger asChild>
-            <div>
-              {isClient ? (
-                <AcceptButton finalButton={false} />
-              ) : (
-                <div>none</div>
-              )}
-            </div>
-          </DialogTrigger>
-          <DialogContent className="text-black">
-            Are you sure to Accept the Request?
-            <DialogClose asChild>
-              <div className="flex justify-center">
-                {isClient ? (
-                  <AcceptButton
-                    rows={checkedRows}
-                    remarks={feedbackText}
-                    finalButton
-                  />
-                ) : (
-                  <div>none</div>
-                )}
-              </div>
-            </DialogClose>
-          </DialogContent>
-        </Dialog>
-        <Dialog>
-          <DialogTrigger asChild>
-            <div className="flex justify-center">
-              {isClient ? (
-                <RejectButton finalButton={false} />
-              ) : (
-                <div>none</div>
-              )}
-            </div>
-          </DialogTrigger>
-          <DialogContent className="text-black">
-            Are you sure to Reject the Request?
-            <DialogClose asChild>
-              <div>
-                {isClient ? (
-                  <RejectButton
-                    rows={checkedRows}
-                    remarks={feedbackText}
-                    finalButton
-                  />
-                ) : (
-                  <div>none</div>
-                )}
-              </div>
-            </DialogClose>
-          </DialogContent>
-        </Dialog>
-      </div>
-    </>
-  );
-};
-
-export default FeedbackForm;
+import {
+  Dialog,
+  DialogContent,
+  DialogTrigger,
+  DialogClose,
+} from "../ui/dialog";
+import TextArea from "antd/es/input/TextArea";
+import { Button } from "@/components/ui/button";
+import { useState, useEffect } from "react";
+import { updateApproval } from "@/helpers//faculty/api";
+import tick from "@/../public/tick.svg";
+import cross from "@/../public/cross.svg";
+
+interface ButtonProps {
+  children?: React.ReactNode;
+  rows?: any[];
+  remarks?: string;
+  finalButton: boolean;
+}
+
+const UpdateApprovalPATCH = (rows: any[], remarks: string, status: string) => {
+  for (var i = 0; i < rows.length; i++) {
+    updateApproval({
+      id: rows[i].id,
+      remarks: remarks,
+      status: status,
+    });
+  }
+  window.location.reload();
+};
+
+const AcceptButton: React.FC<ButtonProps> = ({
+  rows = [],
+  remarks = "",
+  finalButton,
+}) => {
+  return (
+    <Button
+      variant={"default"}
+      className={`bg-sky-600 mx-4 hover:bg-blue-600 ${finalButton && "w-full"}`}
+      onClick={() => {
+        if (finalButton) {
+          UpdateApprovalPATCH(rows, remarks, "APPROVED");
+        }
+      }}
+    >
+      Approve
+      <img src={tick.src} />
+    </Button>
+  );
+};
+
+const RejectButton: React.FC<ButtonProps> = ({
+  rows = [],
+  remarks = "",
+  finalButton,
+}) => {
+  return (
+    <Button
+      variant={"destructive"}
+      className={`bg-red-500 hover:bg-red-400 ${finalButton && "w-full"}`}
+      onClick={() => {
+        if (finalButton) {
+          UpdateApprovalPATCH(rows, remarks, "REJECTED");
+        }
+      }}
+    >
+      Reject
+      <img src={cross.src} alt="" />
+    </Button>
+  );
+};
+
+interface Props {
+  checkedRows: any[]; // Define the prop type as an array of any type
+}
+
+const FeedbackForm: React.FC<Props> = ({ checkedRows }) => {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  const [feedbackText, setFeedbackText] = useState("");
+
+  return (
+    <>
+      <h4 className="font-semibold text-base my-3">Write Feedback</h4>
+      <TextArea
+        placeholder="Write Your Feedback Here"
+        name="feedback"
+        rows={4}
+        className="mb-3 w-full"
+        id="feedback"
+        value={feedbackText}
+        onChange={(e) => setFeedbackText(e.target.value)}
+      />
+      <div className="flex flex-row">
+        <Dialog>
+          <DialogTrigger asChild>
+            <div>
+              {isClient ? (
+                <AcceptButton finalButton={false} />
+              ) : (
+                <div>none</div>
+              )}
+            </div>
+          </DialogTrigger>
+          <DialogContent className="text-black">
+            Are you sure to Accept the Request?
+            <DialogClose asChild>
+              <div className="flex justify-center">
+                {isClient ? (
+                  <AcceptButton
+                    rows={checkedRows}
+                    remarks={feedbackText}
+                    finalButton
+                  />
+                ) : (
+                  <div>none</div>
+                )}
+              </div>
+            </DialogClose>
+          </DialogContent>
+        </Dialog>
+        <Dialog>
+          <DialogTrigger asChild>
+            <div className="flex justify-center">
+              {isClient ? (
+                <RejectButton finalButton={false} />
+              ) : (
+                <div>none</div>
+              )}
+            </div>
+          </DialogTrigger>
+          <DialogContent className="text-black">
+            Are you sure to Reject the Request?
+            <DialogClose asChild>
+              <div>
+                {isClient ? (
+                  <RejectButton
+                    rows={checkedRows}
+                    remarks={feedbackText}
+                    finalButton
+                  />
+                ) : (
+                  <div>none</div>
+                )}
+              </div>
+            </DialogClose>
+          </DialogContent>
+        </Dialog>
+      </div>
+    </>
+  );
+};
+
+export default FeedbackForm;
diff --git a/src/components/Faculty/Profile.tsx b/src/components/Faculty/Profile.tsx
index 422eed63..383317d2 100644
--- a/src/components/Faculty/Profile.tsx
+++ b/src/components/Faculty/Profile.tsx
@@ -1,164 +1,164 @@
-import React, { useState, useEffect } from "react";
-import { Button } from "../ui/button";
-import { Dialog, DialogTrigger, DialogContent } from "../ui/dialog";
-import { patchProfile } from "@/helpers/faculty/api";
-import toast from "react-hot-toast";
-import { ProfileFC, updateProfileFC } from "@/helpers/faculty/types";
-import PersonIcon from "@mui/icons-material/Person";
-import { fetchProfile } from "@/helpers/faculty/api";
-import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
-
-const EditForm = (params: { profile: ProfileFC }) => {
-  const [email, updateEmail] = useState<string>(params.profile.user.email);
-  const [contact, updateContact] = useState<string>(
-    params.profile.user.contact,
-  );
-  const [name, updateName] = useState<string>(params.profile.user.name);
-
-  const updateProfile = () => {
-    const data: updateProfileFC = {
-      user: {
-        name: name,
-        email: email,
-        contact: contact,
-      },
-    };
-
-    const triggerUpdate = async () => {
-      const res = await patchProfile(data);
-      if (res) {
-        window.location.reload();
-      } else {
-        toast.error("Some Error Occurred");
-      }
-    };
-    triggerUpdate();
-  };
-
-  return (
-    <div className="text-black">
-      <div className="mt-8 p-4 rounded-lg bg-gray-100 leading-10">
-        <div>
-          <span className="font-semibold">Name: </span>
-          <input
-            className="rounded"
-            type="text"
-            value={name}
-            onChange={(e) => {
-              updateName(e.target.value);
-            }}
-          />
-        </div>
-        <div>
-          <span className="font-semibold">Department: </span>
-          {params.profile.department}
-        </div>
-        <div className="flex gap-8 mb-2">
-          <span className="font-semibold">Email: </span>
-          <input
-            className="rounded"
-            type="email"
-            value={email}
-            onChange={(e) => {
-              updateEmail(e.target.value);
-            }}
-          />
-        </div>
-        <div className="flex gap-8">
-          <span className="font-semibold">Contact: </span>
-          <input
-            type="text"
-            value={contact}
-            onChange={(e) => {
-              updateContact(e.target.value);
-            }}
-          />
-        </div>
-
-        <div className="mt-4">
-          <Button
-            className="w-full"
-            onClick={() => {
-              updateProfile();
-            }}
-          >
-            Update
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const FacultyProfile = () => {
-  const [data, setData] = useState<ProfileFC>();
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const profileData = async () => {
-      const jsonData = await fetchProfile();
-      setData(jsonData);
-      setLoading(false);
-    };
-    profileData();
-  }, []);
-
-  return (
-    <div className="w-full flex justify-center mt-16">
-      <div className="w-full lg:w-2/3 md:w-3/4">
-        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
-          <div className="flex">
-            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
-              <div className="mb-6">
-                <PersonIcon sx={{ fontSize: "6rem" }} />
-              </div>
-              {loading ? (
-                <ProfileNavLoader />
-              ) : (
-                <>
-                  <h6 className="text-lg font-semibold">{data.user.name}</h6>
-                  <p>{data.department}</p>
-                </>
-              )}
-            </div>
-            <div className="w-2/3">
-              <div className="p-5">
-                <div className="flex justify-between items-center mb-5 pb-2 border-b border-gray-300">
-                  Faculty Details
-                  {loading || (
-                    <Dialog>
-                      <DialogTrigger asChild>
-                        <Button>Edit Details</Button>
-                      </DialogTrigger>
-                      <DialogContent>
-                        <EditForm profile={data} />
-                      </DialogContent>
-                    </Dialog>
-                  )}
-                </div>
-                <div className="mb-4">
-                  {loading ? (
-                    <ProfileLoader />
-                  ) : (
-                    <>
-                      <div>
-                        <span className="font-semibold">Email: </span>
-                        <span>{data.user.email}</span>
-                      </div>
-                      <div>
-                        <span className="font-semibold">Contact: </span>
-                        <span>{data.user.contact}</span>
-                      </div>
-                    </>
-                  )}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default FacultyProfile;
+import React, { useState, useEffect } from "react";
+import { Button } from "../ui/button";
+import { Dialog, DialogTrigger, DialogContent } from "../ui/dialog";
+import { patchProfile } from "@/helpers/faculty/api";
+import toast from "react-hot-toast";
+import { ProfileFC, updateProfileFC } from "@/helpers/faculty/types";
+import PersonIcon from "@mui/icons-material/Person";
+import { fetchProfile } from "@/helpers/faculty/api";
+import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
+
+const EditForm = (params: { profile: ProfileFC }) => {
+  const [email, updateEmail] = useState<string>(params.profile.user.email);
+  const [contact, updateContact] = useState<string>(
+    params.profile.user.contact,
+  );
+  const [name, updateName] = useState<string>(params.profile.user.name);
+
+  const updateProfile = () => {
+    const data: updateProfileFC = {
+      user: {
+        name: name,
+        email: email,
+        contact: contact,
+      },
+    };
+
+    const triggerUpdate = async () => {
+      const res = await patchProfile(data);
+      if (res) {
+        window.location.reload();
+      } else {
+        toast.error("Some Error Occurred");
+      }
+    };
+    triggerUpdate();
+  };
+
+  return (
+    <div className="text-black">
+      <div className="mt-8 p-4 rounded-lg bg-gray-100 leading-10">
+        <div>
+          <span className="font-semibold">Name: </span>
+          <input
+            className="rounded"
+            type="text"
+            value={name}
+            onChange={(e) => {
+              updateName(e.target.value);
+            }}
+          />
+        </div>
+        <div>
+          <span className="font-semibold">Department: </span>
+          {params.profile.department}
+        </div>
+        <div className="flex gap-8 mb-2">
+          <span className="font-semibold">Email: </span>
+          <input
+            className="rounded"
+            type="email"
+            value={email}
+            onChange={(e) => {
+              updateEmail(e.target.value);
+            }}
+          />
+        </div>
+        <div className="flex gap-8">
+          <span className="font-semibold">Contact: </span>
+          <input
+            type="text"
+            value={contact}
+            onChange={(e) => {
+              updateContact(e.target.value);
+            }}
+          />
+        </div>
+
+        <div className="mt-4">
+          <Button
+            className="w-full"
+            onClick={() => {
+              updateProfile();
+            }}
+          >
+            Update
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const FacultyProfile = () => {
+  const [data, setData] = useState<ProfileFC>();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const profileData = async () => {
+      const jsonData = await fetchProfile();
+      setData(jsonData);
+      setLoading(false);
+    };
+    profileData();
+  }, []);
+
+  return (
+    <div className="w-full flex justify-center mt-16">
+      <div className="w-full lg:w-2/3 md:w-3/4">
+        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
+          <div className="flex">
+            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
+              <div className="mb-6">
+                <PersonIcon sx={{ fontSize: "6rem" }} />
+              </div>
+              {loading ? (
+                <ProfileNavLoader />
+              ) : (
+                <>
+                  <h6 className="text-lg font-semibold">{data.user.name}</h6>
+                  <p>{data.department}</p>
+                </>
+              )}
+            </div>
+            <div className="w-2/3">
+              <div className="p-5">
+                <div className="flex justify-between items-center mb-5 pb-2 border-b border-gray-300">
+                  Faculty Details
+                  {loading || (
+                    <Dialog>
+                      <DialogTrigger asChild>
+                        <Button>Edit Details</Button>
+                      </DialogTrigger>
+                      <DialogContent>
+                        <EditForm profile={data} />
+                      </DialogContent>
+                    </Dialog>
+                  )}
+                </div>
+                <div className="mb-4">
+                  {loading ? (
+                    <ProfileLoader />
+                  ) : (
+                    <>
+                      <div>
+                        <span className="font-semibold">Email: </span>
+                        <span>{data.user.email}</span>
+                      </div>
+                      <div>
+                        <span className="font-semibold">Contact: </span>
+                        <span>{data.user.contact}</span>
+                      </div>
+                    </>
+                  )}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default FacultyProfile;
diff --git a/src/components/Faculty/loadingSpinner.svg b/src/components/Faculty/loadingSpinner.svg
index a3b0f76f..d256b4b6 100644
--- a/src/components/Faculty/loadingSpinner.svg
+++ b/src/components/Faculty/loadingSpinner.svg
@@ -1,49 +1,49 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g transform="rotate(0 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.9166666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(30 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(60 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.75s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(90 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(120 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.5833333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(150 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.5s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(180 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.4166666666666667s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(210 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(240 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.25s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(270 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(300 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="-0.08333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
-</g><g transform="rotate(330 50 50)">
-  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
-    <animate repeatCount="indefinite" begin="0s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
-  </rect>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" width="200" height="200" style="shape-rendering: auto; display: block; background: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g transform="rotate(0 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.9166666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(30 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.8333333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(60 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.75s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(90 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.6666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(120 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.5833333333333334s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(150 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.5s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(180 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.4166666666666667s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(210 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.3333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(240 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.25s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(270 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.16666666666666666s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(300 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="-0.08333333333333333s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
+</g><g transform="rotate(330 50 50)">
+  <rect fill="#000000" height="12" width="6" ry="6" rx="3" y="24" x="47">
+    <animate repeatCount="indefinite" begin="0s" dur="1s" keyTimes="0;1" values="1;0" attributeName="opacity"></animate>
+  </rect>
 </g><g></g></g><!-- [ldio] generated by https://loading.io --></svg>
\ No newline at end of file
diff --git a/src/components/FilterInput.tsx b/src/components/FilterInput.tsx
index f66ee43f..34f17dc1 100644
--- a/src/components/FilterInput.tsx
+++ b/src/components/FilterInput.tsx
@@ -1,26 +1,26 @@
-// FilterInput.tsx
-
-import React from "react";
-import { Input } from "./ui/input";
-interface FilterInputProps {
-  columnId: string;
-  value: string | undefined;
-  onFilterChange: (columnId: string, value: string) => void;
-}
-
-const FilterInput: React.FC<FilterInputProps> = ({
-  columnId,
-  value,
-  onFilterChange,
-}) => {
-  return (
-    <Input
-      placeholder={`Filter ${columnId}...`}
-      value={value || ""}
-      onChange={(event) => onFilterChange(columnId, event.target.value)}
-      className="w-full"
-    />
-  );
-};
-
-export default FilterInput;
+// FilterInput.tsx
+
+import React from "react";
+import { Input } from "./ui/input";
+interface FilterInputProps {
+  columnId: string;
+  value: string | undefined;
+  onFilterChange: (columnId: string, value: string) => void;
+}
+
+const FilterInput: React.FC<FilterInputProps> = ({
+  columnId,
+  value,
+  onFilterChange,
+}) => {
+  return (
+    <Input
+      placeholder={`Filter ${columnId}...`}
+      value={value || ""}
+      onChange={(event) => onFilterChange(columnId, event.target.value)}
+      className="w-full"
+    />
+  );
+};
+
+export default FilterInput;
diff --git a/src/components/HorizontalTimeline.tsx b/src/components/HorizontalTimeline.tsx
index 2a80330b..c5bab129 100644
--- a/src/components/HorizontalTimeline.tsx
+++ b/src/components/HorizontalTimeline.tsx
@@ -1,582 +1,582 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState } from "react";
-// import styles from "@/styles/Timeline.css";
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from "@/components/ui/hover-card";
-import { Separator } from "./ui/separator";
-
-interface Event {
-  date: string;
-  status: string;
-  title: string;
-  description: string;
-  // bgColor: string;
-  // textColor: string;
-}
-
-interface Props {
-  eventsData: Event[];
-}
-
-const HorizontalTimeline: React.FC<Props> = ({ eventsData }) => {
-  const styles = `
-    body{
-      background:#eee;
-  }
-
-  .cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
-    list-style: none;
-  }
-  .cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus {
-    border-color:#313740;
-    
-  }
-  .cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus{ color:#313740;}
-  .cd-horizontal-timeline blockquote, .cd-horizontal-timeline q {
-    quotes: none;
-  }
-  .cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after,
-  .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after {
-    content: '';
-    content: none;
-  }
-  .cd-horizontal-timeline table {
-    border-collapse: collapse;
-    border-spacing: 0;
-  }
-  .cd-horizontal-timeline {
-    opacity: 0;
-    margin: 2em auto;
-    -webkit-transition: opacity 0.2s;
-    -moz-transition: opacity 0.2s;
-    transition: opacity 0.2s;
-  }
-  .cd-horizontal-timeline::before {
-    /* never visible - this is used in jQuery to check the current MQ */
-    content: 'mobile';
-    display: none;
-  }
-  .cd-horizontal-timeline.loaded {
-    /* show the timeline after events position has been set (using JavaScript) */
-    opacity: 1;
-  }
-  .cd-horizontal-timeline .timeline {
-    position: relative;
-    height: 100px;
-    width: 90%;
-    max-width: 800px;
-    margin: 0 auto;
-  }
-  .cd-horizontal-timeline .events-wrapper {
-    position: relative;
-    height: 100%;
-    margin: 0 40px;
-    overflow: hidden;
-  }
-  .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
-    /* these are used to create a shadow effect at the sides of the timeline */
-    content: '';
-    position: absolute;
-    z-index: 2;
-    top: 0;
-    height: 100%;
-    width: 20px;
-  }
-  .cd-horizontal-timeline .events-wrapper::before {
-    left: 0;
-    
-  }
-  .cd-horizontal-timeline .events-wrapper::after {
-    right: 0;
-    
-  }
-  .cd-horizontal-timeline .events {
-    /* this is the grey line/timeline */
-    position: absolute;
-    z-index: 1;
-    left: 0;
-    top: 50px;
-    height: 2px;
-    /* width will be set using JavaScript */
-    background: #dfdfdf;
-    -webkit-transition: -webkit-transform 0.4s;
-    -moz-transition: -moz-transform 0.4s;
-    transition: transform 0.4s;
-  }
-  .cd-horizontal-timeline .filling-line {
-    /* this is used to create the green line filling the timeline */
-    position: absolute;
-    z-index: 1;
-    left: 0;
-    top: 0;
-    height: 100%;
-    width: 100%;
-    background-color: #313740;
-    -webkit-transform: scaleX(0);
-    -moz-transform: scaleX(0);
-    -ms-transform: scaleX(0);
-    -o-transform: scaleX(0);
-    transform: scaleX(0);
-    -webkit-transform-origin: left center;
-    -moz-transform-origin: left center;
-    -ms-transform-origin: left center;
-    -o-transform-origin: left center;
-    transform-origin: left center;
-    -webkit-transition: -webkit-transform 0.3s;
-    -moz-transition: -moz-transform 0.3s;
-    transition: transform 0.3s;
-  }
-  .cd-horizontal-timeline .events a {
-    position: absolute;
-    bottom: 0;
-    z-index: 2;
-    text-align: center;
-    font-size: 1rem;
-    padding-bottom: 15px;
-  
-    /* fix bug on Safari - text flickering while timeline translates */
-    -webkit-transform: translateZ(0);
-    -moz-transform: translateZ(0);
-    -ms-transform: translateZ(0);
-    -o-transform: translateZ(0);
-    transform: translateZ(0);
-  }
-  .cd-horizontal-timeline .events a::after {
-    /* this is used to create the event spot */
-    content: '';
-    position: absolute;
-    left: 50%;
-    right: auto;
-    -webkit-transform: translateX(-50%);
-    -moz-transform: translateX(-50%);
-    -ms-transform: translateX(-50%);
-    -o-transform: translateX(-50%);
-    transform: translateX(-50%);
-    bottom: -5px;
-    height: 12px;
-    width: 12px;
-    border-radius: 50%;
-    border: 2px solid #dfdfdf;
-    background-color: #f8f8f8;
-    -webkit-transition: background-color 0.3s, border-color 0.3s;
-    -moz-transition: background-color 0.3s, border-color 0.3s;
-    transition: background-color 0.3s, border-color 0.3s;
-  }
-  .no-touch .cd-horizontal-timeline .events a:hover::after {
-    background-color: #313740;
-    border-color: #313740;
-  }
-  .cd-horizontal-timeline .events a.selected {
-    pointer-events: none;
-  }
-  .cd-horizontal-timeline .events a.selected::after {
-    background-color: #313740;
-    border-color: #313740;
-  }
-  .cd-horizontal-timeline .events a.older-event::after {
-    border-color: #313740;
-  }
-  @media only screen and (min-width: 1100px) {
-    .cd-horizontal-timeline::before {
-      /* never visible - this is used in jQuery to check the current MQ */
-      content: 'desktop';
-    }
-  }
-
-  .cd-timeline-navigation a {
-    /* these are the left/right arrows to navigate the timeline */
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    bottom: auto;
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    -o-transform: translateY(-50%);
-    transform: translateY(-50%);
-    height: 34px;
-    width: 34px;
-    border-radius: 50%;
-    border: 2px solid #dfdfdf;
-    /* replace text with an icon */
-    overflow: hidden;
-    color: transparent;
-    text-indent: 100%;
-    white-space: nowrap;
-    -webkit-transition: border-color 0.3s;
-    -moz-transition: border-color 0.3s;
-    transition: border-color 0.3s;
-  }
-  .cd-timeline-navigation a::after {
-    /* arrow icon */
-    content: '';
-    position: absolute;
-    height: 16px;
-    width: 16px;
-    left: 50%;
-    top: 50%;
-    bottom: auto;
-    right: auto;
-    -webkit-transform: translateX(-50%) translateY(-50%);
-    -moz-transform: translateX(-50%) translateY(-50%);
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -o-transform: translateX(-50%) translateY(-50%);
-    transform: translateX(-50%) translateY(-50%);
-  }
-  .cd-timeline-navigation a.prev {
-    left: 0;
-    -webkit-transform: translateY(-50%) rotate(180deg);
-    -moz-transform: translateY(-50%) rotate(180deg);
-    -ms-transform: translateY(-50%) rotate(180deg);
-    -o-transform: translateY(-50%) rotate(180deg);
-    transform: translateY(-50%) rotate(180deg);
-  }
-  .cd-timeline-navigation a.next {
-    right: 0;
-  }
-  .no-touch .cd-timeline-navigation a:hover {
-    border-color: #7b9d6f;
-  }
-  .cd-timeline-navigation a.inactive {
-    cursor: not-allowed;
-  }
-  .cd-timeline-navigation a.inactive::after {
-    background-position: 0 -16px;
-  }
-  .no-touch .cd-timeline-navigation a.inactive:hover {
-    border-color: #dfdfdf;
-  }
-
-  .cd-horizontal-timeline .events-content {
-    position: relative;
-    width: 100%;
-    margin: 2em 0;
-    overflow: hidden;
-    -webkit-transition: height 0.4s;
-    -moz-transition: height 0.4s;
-    transition: height 0.4s;
-  }
-  .cd-horizontal-timeline .events-content li {
-    position: absolute;
-    z-index: 1;
-    width: 100%;
-    left: 0;
-    top: 0;
-    -webkit-transform: translateX(-100%);
-    -moz-transform: translateX(-100%);
-    -ms-transform: translateX(-100%);
-    -o-transform: translateX(-100%);
-    transform: translateX(-100%);
-    padding: 0 5%;
-    opacity: 0;
-    -webkit-animation-duration: 0.4s;
-    -moz-animation-duration: 0.4s;
-    animation-duration: 0.4s;
-    -webkit-animation-timing-function: ease-in-out;
-    -moz-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-  .cd-horizontal-timeline .events-content li.selected {
-    /* visible event content */
-    position: relative;
-    z-index: 2;
-    opacity: 1;
-    -webkit-transform: translateX(0);
-    -moz-transform: translateX(0);
-    -ms-transform: translateX(0);
-    -o-transform: translateX(0);
-    transform: translateX(0);
-  }
-  .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-    -webkit-animation-name: cd-enter-right;
-    -moz-animation-name: cd-enter-right;
-    animation-name: cd-enter-right;
-  }
-  .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-    -webkit-animation-name: cd-enter-left;
-    -moz-animation-name: cd-enter-left;
-    animation-name: cd-enter-left;
-  }
-  .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-    -webkit-animation-direction: reverse;
-    -moz-animation-direction: reverse;
-    animation-direction: reverse;
-  }
-  .cd-horizontal-timeline .events-content li > * {
-    max-width: 800px;
-    margin: 0 auto;
-  }
-  .cd-horizontal-timeline .events-content h4 {
-    font-weight: 700;
-    margin-bottom: 0px;
-    line-height: 20px;
-    margin-bottom: 15px;
-  }
-  .cd-horizontal-timeline .events-content h4 small {
-    font-weight: 400;
-    line-height: normal;
-    font-size: 15px;
-  }
-  .cd-horizontal-timeline .events-content em {
-    display: block;
-    font-style: italic;
-    margin: 10px auto;
-  }
-  .cd-horizontal-timeline .events-content em::before {
-    content: '- ';
-  }
-  .cd-horizontal-timeline .events-content p {
-    font-size: 16px;
-    margin-top: 15px;
-    
-  }
-
-  @media only screen and (min-width: 768px) {
-    
-    .cd-horizontal-timeline .events-content em {
-      font-size: 1rem;
-    }  
-  }
-
-  @media only screen and (max-width: 767px) {
-
-    .cd-horizontal-timeline.loaded{ margin: 0;}  
-    .cd-horizontal-timeline .timeline{ width: 100%;}
-    .cd-horizontal-timeline ol, .cd-horizontal-timeline ul{padding: 0;margin: 0;}
-    .cd-horizontal-timeline .events-content h4{ font-size: 16px;}
-    .cd-horizontal-timeline .events-content{ margin: 0;}
-    
-  }
-
-  @-webkit-keyframes cd-enter-right {
-    0% {
-      opacity: 0;
-      -webkit-transform: translateX(100%);
-    }
-    100% {
-      opacity: 1;
-      -webkit-transform: translateX(0%);
-    }
-  }
-  @-moz-keyframes cd-enter-right {
-    0% {
-      opacity: 0;
-      -moz-transform: translateX(100%);
-    }
-    100% {
-      opacity: 1;
-      -moz-transform: translateX(0%);
-    }
-  }
-  @keyframes cd-enter-right {
-    0% {
-      opacity: 0;
-      -webkit-transform: translateX(100%);
-      -moz-transform: translateX(100%);
-      -ms-transform: translateX(100%);
-      -o-transform: translateX(100%);
-      transform: translateX(100%);
-    }
-    100% {
-      opacity: 1;
-      -webkit-transform: translateX(0%);
-      -moz-transform: translateX(0%);
-      -ms-transform: translateX(0%);
-      -o-transform: translateX(0%);
-      transform: translateX(0%);
-    }
-  }
-  @-webkit-keyframes cd-enter-left {
-    0% {
-      opacity: 0;
-      -webkit-transform: translateX(-100%);
-    }
-    100% {
-      opacity: 1;
-      -webkit-transform: translateX(0%);
-    }
-  }
-  @-moz-keyframes cd-enter-left {
-    0% {
-      opacity: 0;
-      -moz-transform: translateX(-100%);
-    }
-    100% {
-      opacity: 1;
-      -moz-transform: translateX(0%);
-    }
-  }
-  @keyframes cd-enter-left {
-    0% {
-      opacity: 0;
-      -webkit-transform: translateX(-100%);
-      -moz-transform: translateX(-100%);
-      -ms-transform: translateX(-100%);
-      -o-transform: translateX(-100%);
-      transform: translateX(-100%);
-    }
-    100% {
-      opacity: 1;
-      -webkit-transform: translateX(0%);
-      -moz-transform: translateX(0%);
-      -ms-transform: translateX(0%);
-      -o-transform: translateX(0%);
-      transform: translateX(0%);
-    }
-  }
-  .timeline:before{
-    content: " ";
-      display:none;
-      bottom: 0;
-      left: 0%;
-      width: 0px;
-      margin-left: -1.5px;
-      background-color: #eeeeee;
-  }
-  .event-trigger {
-    position: absolute;
-    bottom: 0;
-    z-index: 2;
-    text-align: center;
-    font-size: 1rem;
-    padding-bottom: 15px;
-    cursor: pointer;
-    transform: translateZ(0);
-  }
-  
-  .event-trigger .event-marker {
-    position: absolute;
-    left: 50%;
-    bottom: -5px;
-    height: 12px;
-    width: 12px;
-    border-radius: 50%;
-    border: 2px solid #dfdfdf;
-    background-color: #f8f8f8;
-    transform: translateX(-50%);
-    transition: background-color 0.3s, border-color 0.3s;
-  }
-  
-  .no-touch .event-trigger:hover .event-marker {
-    background-color: #313740;
-    border-color: #313740;
-  }
-  
-  .event-trigger.selected .event-marker {
-    background-color: #313740;
-    border-color: #313740;
-  }
-  
-  .event-trigger.older-event .event-marker {
-    border-color: #313740;
-  }
-  `;
-
-  let selectedIndex = -1;
-  let fillingLineWidth;
-  let mul = 0;
-  const len = 720;
-  const [a, seta] = useState<string | null>("");
-  useEffect(() => {
-    // Find the index of the selected event
-    for (let i = 0; i < eventsData.length; i++) {
-      if (eventsData[i].status === "selected") {
-        selectedIndex = i;
-        break;
-      }
-    }
-
-    // Calculate the width of the filling line
-    fillingLineWidth =
-      selectedIndex !== -1
-        ? `${(selectedIndex + 1) * (180 / eventsData.length)}px`
-        : "0";
-    mul = selectedIndex * (720 / eventsData.length);
-    mul += 39;
-    mul /= len;
-    seta("scaleX(" + mul + ")");
-  });
-
-  return (
-    <>
-      <style jsx>{styles}</style>
-      <div className="container">
-        <div className="row">
-          <div className="col-lg-12">
-            <div className="card">
-              <div className="body">
-                <div className={"cd-horizontal-timeline loaded"}>
-                  <div className="timeline">
-                    <div className="events-wrapper">
-                      <div className="events" style={{ width: "720px" }}>
-                        <ol>
-                          {eventsData.map((event, index) => (
-                            <li key={index}>
-                              <HoverCard>
-                                <HoverCardTrigger>
-                                  <div
-                                    data-date={event.date}
-                                    className={`event-trigger ${event.status}`}
-                                    style={{
-                                      left: `${index * (720 / eventsData.length)}px`,
-                                      position: "absolute",
-                                      bottom: "0",
-                                      textAlign: "center",
-                                      fontSize: "1rem",
-                                      paddingBottom: "15px",
-                                      cursor: "pointer",
-                                    }}
-                                  >
-                                    {event.date}
-                                    <span className="event-marker"></span>
-                                  </div>
-                                </HoverCardTrigger>
-                                <HoverCardContent
-                                  className="bg-white w-[10vw] px-4 py-5"
-                                  style={{
-                                    marginLeft: `${index == 0 ? index * (720 / eventsData.length) : index * (550 / eventsData.length)}%`,
-                                  }}
-                                >
-                                  {event.title}
-                                  <Separator className="my-2" />
-                                  {event.description}
-                                </HoverCardContent>
-                              </HoverCard>
-                            </li>
-                          ))}
-                        </ol>
-                        <span
-                          className="filling-line"
-                          aria-hidden="true"
-                          style={{ transform: `${a}` }}
-                        ></span>
-                      </div>
-                    </div>
-                    <ul className="cd-timeline-navigation">
-                      <li>
-                        <a href="#0" className="prev inactive">
-                          Prev
-                        </a>
-                      </li>
-                      <li>
-                        <a href="#0" className="next">
-                          Next
-                        </a>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default HorizontalTimeline;
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useEffect, useState } from "react";
+// import styles from "@/styles/Timeline.css";
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from "@/components/ui/hover-card";
+import { Separator } from "./ui/separator";
+
+interface Event {
+  date: string;
+  status: string;
+  title: string;
+  description: string;
+  // bgColor: string;
+  // textColor: string;
+}
+
+interface Props {
+  eventsData: Event[];
+}
+
+const HorizontalTimeline: React.FC<Props> = ({ eventsData }) => {
+  const styles = `
+    body{
+      background:#eee;
+  }
+
+  .cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
+    list-style: none;
+  }
+  .cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus {
+    border-color:#313740;
+    
+  }
+  .cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus{ color:#313740;}
+  .cd-horizontal-timeline blockquote, .cd-horizontal-timeline q {
+    quotes: none;
+  }
+  .cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after,
+  .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after {
+    content: '';
+    content: none;
+  }
+  .cd-horizontal-timeline table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  .cd-horizontal-timeline {
+    opacity: 0;
+    margin: 2em auto;
+    -webkit-transition: opacity 0.2s;
+    -moz-transition: opacity 0.2s;
+    transition: opacity 0.2s;
+  }
+  .cd-horizontal-timeline::before {
+    /* never visible - this is used in jQuery to check the current MQ */
+    content: 'mobile';
+    display: none;
+  }
+  .cd-horizontal-timeline.loaded {
+    /* show the timeline after events position has been set (using JavaScript) */
+    opacity: 1;
+  }
+  .cd-horizontal-timeline .timeline {
+    position: relative;
+    height: 100px;
+    width: 90%;
+    max-width: 800px;
+    margin: 0 auto;
+  }
+  .cd-horizontal-timeline .events-wrapper {
+    position: relative;
+    height: 100%;
+    margin: 0 40px;
+    overflow: hidden;
+  }
+  .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
+    /* these are used to create a shadow effect at the sides of the timeline */
+    content: '';
+    position: absolute;
+    z-index: 2;
+    top: 0;
+    height: 100%;
+    width: 20px;
+  }
+  .cd-horizontal-timeline .events-wrapper::before {
+    left: 0;
+    
+  }
+  .cd-horizontal-timeline .events-wrapper::after {
+    right: 0;
+    
+  }
+  .cd-horizontal-timeline .events {
+    /* this is the grey line/timeline */
+    position: absolute;
+    z-index: 1;
+    left: 0;
+    top: 50px;
+    height: 2px;
+    /* width will be set using JavaScript */
+    background: #dfdfdf;
+    -webkit-transition: -webkit-transform 0.4s;
+    -moz-transition: -moz-transform 0.4s;
+    transition: transform 0.4s;
+  }
+  .cd-horizontal-timeline .filling-line {
+    /* this is used to create the green line filling the timeline */
+    position: absolute;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    background-color: #313740;
+    -webkit-transform: scaleX(0);
+    -moz-transform: scaleX(0);
+    -ms-transform: scaleX(0);
+    -o-transform: scaleX(0);
+    transform: scaleX(0);
+    -webkit-transform-origin: left center;
+    -moz-transform-origin: left center;
+    -ms-transform-origin: left center;
+    -o-transform-origin: left center;
+    transform-origin: left center;
+    -webkit-transition: -webkit-transform 0.3s;
+    -moz-transition: -moz-transform 0.3s;
+    transition: transform 0.3s;
+  }
+  .cd-horizontal-timeline .events a {
+    position: absolute;
+    bottom: 0;
+    z-index: 2;
+    text-align: center;
+    font-size: 1rem;
+    padding-bottom: 15px;
+  
+    /* fix bug on Safari - text flickering while timeline translates */
+    -webkit-transform: translateZ(0);
+    -moz-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    -o-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  .cd-horizontal-timeline .events a::after {
+    /* this is used to create the event spot */
+    content: '';
+    position: absolute;
+    left: 50%;
+    right: auto;
+    -webkit-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -o-transform: translateX(-50%);
+    transform: translateX(-50%);
+    bottom: -5px;
+    height: 12px;
+    width: 12px;
+    border-radius: 50%;
+    border: 2px solid #dfdfdf;
+    background-color: #f8f8f8;
+    -webkit-transition: background-color 0.3s, border-color 0.3s;
+    -moz-transition: background-color 0.3s, border-color 0.3s;
+    transition: background-color 0.3s, border-color 0.3s;
+  }
+  .no-touch .cd-horizontal-timeline .events a:hover::after {
+    background-color: #313740;
+    border-color: #313740;
+  }
+  .cd-horizontal-timeline .events a.selected {
+    pointer-events: none;
+  }
+  .cd-horizontal-timeline .events a.selected::after {
+    background-color: #313740;
+    border-color: #313740;
+  }
+  .cd-horizontal-timeline .events a.older-event::after {
+    border-color: #313740;
+  }
+  @media only screen and (min-width: 1100px) {
+    .cd-horizontal-timeline::before {
+      /* never visible - this is used in jQuery to check the current MQ */
+      content: 'desktop';
+    }
+  }
+
+  .cd-timeline-navigation a {
+    /* these are the left/right arrows to navigate the timeline */
+    position: absolute;
+    z-index: 1;
+    top: 50%;
+    bottom: auto;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    -o-transform: translateY(-50%);
+    transform: translateY(-50%);
+    height: 34px;
+    width: 34px;
+    border-radius: 50%;
+    border: 2px solid #dfdfdf;
+    /* replace text with an icon */
+    overflow: hidden;
+    color: transparent;
+    text-indent: 100%;
+    white-space: nowrap;
+    -webkit-transition: border-color 0.3s;
+    -moz-transition: border-color 0.3s;
+    transition: border-color 0.3s;
+  }
+  .cd-timeline-navigation a::after {
+    /* arrow icon */
+    content: '';
+    position: absolute;
+    height: 16px;
+    width: 16px;
+    left: 50%;
+    top: 50%;
+    bottom: auto;
+    right: auto;
+    -webkit-transform: translateX(-50%) translateY(-50%);
+    -moz-transform: translateX(-50%) translateY(-50%);
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -o-transform: translateX(-50%) translateY(-50%);
+    transform: translateX(-50%) translateY(-50%);
+  }
+  .cd-timeline-navigation a.prev {
+    left: 0;
+    -webkit-transform: translateY(-50%) rotate(180deg);
+    -moz-transform: translateY(-50%) rotate(180deg);
+    -ms-transform: translateY(-50%) rotate(180deg);
+    -o-transform: translateY(-50%) rotate(180deg);
+    transform: translateY(-50%) rotate(180deg);
+  }
+  .cd-timeline-navigation a.next {
+    right: 0;
+  }
+  .no-touch .cd-timeline-navigation a:hover {
+    border-color: #7b9d6f;
+  }
+  .cd-timeline-navigation a.inactive {
+    cursor: not-allowed;
+  }
+  .cd-timeline-navigation a.inactive::after {
+    background-position: 0 -16px;
+  }
+  .no-touch .cd-timeline-navigation a.inactive:hover {
+    border-color: #dfdfdf;
+  }
+
+  .cd-horizontal-timeline .events-content {
+    position: relative;
+    width: 100%;
+    margin: 2em 0;
+    overflow: hidden;
+    -webkit-transition: height 0.4s;
+    -moz-transition: height 0.4s;
+    transition: height 0.4s;
+  }
+  .cd-horizontal-timeline .events-content li {
+    position: absolute;
+    z-index: 1;
+    width: 100%;
+    left: 0;
+    top: 0;
+    -webkit-transform: translateX(-100%);
+    -moz-transform: translateX(-100%);
+    -ms-transform: translateX(-100%);
+    -o-transform: translateX(-100%);
+    transform: translateX(-100%);
+    padding: 0 5%;
+    opacity: 0;
+    -webkit-animation-duration: 0.4s;
+    -moz-animation-duration: 0.4s;
+    animation-duration: 0.4s;
+    -webkit-animation-timing-function: ease-in-out;
+    -moz-animation-timing-function: ease-in-out;
+    animation-timing-function: ease-in-out;
+  }
+  .cd-horizontal-timeline .events-content li.selected {
+    /* visible event content */
+    position: relative;
+    z-index: 2;
+    opacity: 1;
+    -webkit-transform: translateX(0);
+    -moz-transform: translateX(0);
+    -ms-transform: translateX(0);
+    -o-transform: translateX(0);
+    transform: translateX(0);
+  }
+  .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
+    -webkit-animation-name: cd-enter-right;
+    -moz-animation-name: cd-enter-right;
+    animation-name: cd-enter-right;
+  }
+  .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
+    -webkit-animation-name: cd-enter-left;
+    -moz-animation-name: cd-enter-left;
+    animation-name: cd-enter-left;
+  }
+  .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
+    -webkit-animation-direction: reverse;
+    -moz-animation-direction: reverse;
+    animation-direction: reverse;
+  }
+  .cd-horizontal-timeline .events-content li > * {
+    max-width: 800px;
+    margin: 0 auto;
+  }
+  .cd-horizontal-timeline .events-content h4 {
+    font-weight: 700;
+    margin-bottom: 0px;
+    line-height: 20px;
+    margin-bottom: 15px;
+  }
+  .cd-horizontal-timeline .events-content h4 small {
+    font-weight: 400;
+    line-height: normal;
+    font-size: 15px;
+  }
+  .cd-horizontal-timeline .events-content em {
+    display: block;
+    font-style: italic;
+    margin: 10px auto;
+  }
+  .cd-horizontal-timeline .events-content em::before {
+    content: '- ';
+  }
+  .cd-horizontal-timeline .events-content p {
+    font-size: 16px;
+    margin-top: 15px;
+    
+  }
+
+  @media only screen and (min-width: 768px) {
+    
+    .cd-horizontal-timeline .events-content em {
+      font-size: 1rem;
+    }  
+  }
+
+  @media only screen and (max-width: 767px) {
+
+    .cd-horizontal-timeline.loaded{ margin: 0;}  
+    .cd-horizontal-timeline .timeline{ width: 100%;}
+    .cd-horizontal-timeline ol, .cd-horizontal-timeline ul{padding: 0;margin: 0;}
+    .cd-horizontal-timeline .events-content h4{ font-size: 16px;}
+    .cd-horizontal-timeline .events-content{ margin: 0;}
+    
+  }
+
+  @-webkit-keyframes cd-enter-right {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(100%);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0%);
+    }
+  }
+  @-moz-keyframes cd-enter-right {
+    0% {
+      opacity: 0;
+      -moz-transform: translateX(100%);
+    }
+    100% {
+      opacity: 1;
+      -moz-transform: translateX(0%);
+    }
+  }
+  @keyframes cd-enter-right {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(100%);
+      -moz-transform: translateX(100%);
+      -ms-transform: translateX(100%);
+      -o-transform: translateX(100%);
+      transform: translateX(100%);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0%);
+      -moz-transform: translateX(0%);
+      -ms-transform: translateX(0%);
+      -o-transform: translateX(0%);
+      transform: translateX(0%);
+    }
+  }
+  @-webkit-keyframes cd-enter-left {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(-100%);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0%);
+    }
+  }
+  @-moz-keyframes cd-enter-left {
+    0% {
+      opacity: 0;
+      -moz-transform: translateX(-100%);
+    }
+    100% {
+      opacity: 1;
+      -moz-transform: translateX(0%);
+    }
+  }
+  @keyframes cd-enter-left {
+    0% {
+      opacity: 0;
+      -webkit-transform: translateX(-100%);
+      -moz-transform: translateX(-100%);
+      -ms-transform: translateX(-100%);
+      -o-transform: translateX(-100%);
+      transform: translateX(-100%);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: translateX(0%);
+      -moz-transform: translateX(0%);
+      -ms-transform: translateX(0%);
+      -o-transform: translateX(0%);
+      transform: translateX(0%);
+    }
+  }
+  .timeline:before{
+    content: " ";
+      display:none;
+      bottom: 0;
+      left: 0%;
+      width: 0px;
+      margin-left: -1.5px;
+      background-color: #eeeeee;
+  }
+  .event-trigger {
+    position: absolute;
+    bottom: 0;
+    z-index: 2;
+    text-align: center;
+    font-size: 1rem;
+    padding-bottom: 15px;
+    cursor: pointer;
+    transform: translateZ(0);
+  }
+  
+  .event-trigger .event-marker {
+    position: absolute;
+    left: 50%;
+    bottom: -5px;
+    height: 12px;
+    width: 12px;
+    border-radius: 50%;
+    border: 2px solid #dfdfdf;
+    background-color: #f8f8f8;
+    transform: translateX(-50%);
+    transition: background-color 0.3s, border-color 0.3s;
+  }
+  
+  .no-touch .event-trigger:hover .event-marker {
+    background-color: #313740;
+    border-color: #313740;
+  }
+  
+  .event-trigger.selected .event-marker {
+    background-color: #313740;
+    border-color: #313740;
+  }
+  
+  .event-trigger.older-event .event-marker {
+    border-color: #313740;
+  }
+  `;
+
+  let selectedIndex = -1;
+  let fillingLineWidth;
+  let mul = 0;
+  const len = 720;
+  const [a, seta] = useState<string | null>("");
+  useEffect(() => {
+    // Find the index of the selected event
+    for (let i = 0; i < eventsData.length; i++) {
+      if (eventsData[i].status === "selected") {
+        selectedIndex = i;
+        break;
+      }
+    }
+
+    // Calculate the width of the filling line
+    fillingLineWidth =
+      selectedIndex !== -1
+        ? `${(selectedIndex + 1) * (180 / eventsData.length)}px`
+        : "0";
+    mul = selectedIndex * (720 / eventsData.length);
+    mul += 39;
+    mul /= len;
+    seta("scaleX(" + mul + ")");
+  });
+
+  return (
+    <>
+      <style jsx>{styles}</style>
+      <div className="container">
+        <div className="row">
+          <div className="col-lg-12">
+            <div className="card">
+              <div className="body">
+                <div className={"cd-horizontal-timeline loaded"}>
+                  <div className="timeline">
+                    <div className="events-wrapper">
+                      <div className="events" style={{ width: "720px" }}>
+                        <ol>
+                          {eventsData.map((event, index) => (
+                            <li key={index}>
+                              <HoverCard>
+                                <HoverCardTrigger>
+                                  <div
+                                    data-date={event.date}
+                                    className={`event-trigger ${event.status}`}
+                                    style={{
+                                      left: `${index * (720 / eventsData.length)}px`,
+                                      position: "absolute",
+                                      bottom: "0",
+                                      textAlign: "center",
+                                      fontSize: "1rem",
+                                      paddingBottom: "15px",
+                                      cursor: "pointer",
+                                    }}
+                                  >
+                                    {event.date}
+                                    <span className="event-marker"></span>
+                                  </div>
+                                </HoverCardTrigger>
+                                <HoverCardContent
+                                  className="bg-white w-[10vw] px-4 py-5"
+                                  style={{
+                                    marginLeft: `${index == 0 ? index * (720 / eventsData.length) : index * (550 / eventsData.length)}%`,
+                                  }}
+                                >
+                                  {event.title}
+                                  <Separator className="my-2" />
+                                  {event.description}
+                                </HoverCardContent>
+                              </HoverCard>
+                            </li>
+                          ))}
+                        </ol>
+                        <span
+                          className="filling-line"
+                          aria-hidden="true"
+                          style={{ transform: `${a}` }}
+                        ></span>
+                      </div>
+                    </div>
+                    <ul className="cd-timeline-navigation">
+                      <li>
+                        <a href="#0" className="prev inactive">
+                          Prev
+                        </a>
+                      </li>
+                      <li>
+                        <a href="#0" className="next">
+                          Next
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default HorizontalTimeline;
diff --git a/src/components/JAF/CompanyDetails.tsx b/src/components/JAF/CompanyDetails.tsx
index 088c2cd8..36348920 100644
--- a/src/components/JAF/CompanyDetails.tsx
+++ b/src/components/JAF/CompanyDetails.tsx
@@ -1,222 +1,222 @@
-import { FormikErrors, FormikValues, FormikHandlers } from "formik";
-import { Form, Input, Row, Col, Select, SelectProps, InputNumber } from "antd";
-import { useState, useEffect } from "react";
-import axios from "axios";
-
-type StepProps = {
-  errors: FormikErrors<FormikValues>;
-  values: FormikValues;
-  handleChange: FormikHandlers["handleChange"];
-};
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const CompanyDetails = ({ errors, values, handleChange }: StepProps) => {
-  const [domains, setDomains] = useState<SelectProps["options"]>([]);
-  const [countries, setCountries] = useState([]);
-  let countryOptions: any = [];
-  const options: SelectProps["options"] = [];
-  useEffect(() => {
-    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
-      res.data.domains.map((domain: any) => {
-        options.push({ value: domain, label: domain });
-      });
-      setDomains(options);
-      res.data.countries.map((it: any) => {
-        countryOptions.push({ value: it, label: it });
-      });
-      setCountries(countryOptions);
-    });
-  }, []);
-
-  return (
-    <Form layout="vertical">
-      <h1 className="text-xl">Company Details</h1>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item
-            label="Company Name"
-            required
-            hasFeedback
-            validateStatus={!!errors.compName ? "error" : ""}
-            help={errors.compName ? `${errors.compName}` : ""}
-          >
-            <Input
-              name="compName"
-              placeholder="Company Name"
-              onChange={handleChange}
-              value={values.compName}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item
-            label="Website"
-            required
-            hasFeedback
-            validateStatus={!!errors.website ? "error" : ""}
-            help={errors.website ? `${errors.website}` : ""}
-          >
-            <Input
-              name="website"
-              placeholder="Website"
-              onChange={handleChange}
-              value={values.website}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Domains">
-            <Select
-              mode="multiple"
-              placeholder="Please Select"
-              defaultValue={values.domains.length ? values.domains : []}
-              onChange={(value) => (values.domains = value)}
-              options={domains}
-            ></Select>
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Category">
-            <Select
-              placeholder="Please Select"
-              defaultValue={values.category ? `${values.category}` : null}
-              onChange={(value) => (values.category = value)}
-              options={[
-                { value: "PUBLIC", label: "Public" },
-                { value: "GOVERNMENT", label: "Governmnet" },
-                { value: "PSU", label: "PSU" },
-                { value: "MNC", label: "MNC" },
-              ]}
-            ></Select>
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Company Size">
-            <Input
-              name="size"
-              placeholder="Company Size"
-              defaultValue={values.size}
-              onChange={handleChange}
-              value={values.size}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Year of Establishment">
-            <Input
-              name="yearOfEstablishment"
-              placeholder="Year of Establishment"
-              defaultValue={values.yearOfEstablishment}
-              onChange={handleChange}
-              value={values.yearOfEstablishment}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Annual Turnover">
-            <Input
-              name="annualTurnover"
-              placeholder="Annual Turnover"
-              defaultValue={values.annualTurnover}
-              onChange={handleChange}
-              value={values.annualTurnover}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Social Media Link">
-            <Input
-              name="socialMediaLink"
-              placeholder="Social Media Link"
-              defaultValue={values.socialMediaLink}
-              onChange={handleChange}
-              value={values.socialMediaLink}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <h1 className="text-xl">Address</h1>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Address Line 1">
-            <Input
-              name="line1"
-              placeholder="Address Line 1"
-              defaultValue={values.line1}
-              onChange={handleChange}
-              value={values.line1}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Address Line 2">
-            <Input
-              name="line2"
-              placeholder="Address Line 2"
-              defaultValue={values.line2}
-              onChange={handleChange}
-              value={values.line2}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="City">
-            <Input
-              name="city"
-              placeholder="City"
-              defaultValue={values.city}
-              onChange={handleChange}
-              value={values.city}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="State">
-            <Input
-              name="state"
-              placeholder="State"
-              defaultValue={values.state}
-              onChange={handleChange}
-              value={values.state}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Zip Code">
-            <Input
-              name="zipCode"
-              placeholder="Zip Code"
-              defaultValue={values.zipCode}
-              onChange={handleChange}
-              value={values.zipCode}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Country">
-            <Select
-              onChange={(value) => (values.country = value)}
-              placeholder="Please Select"
-              options={countries}
-              defaultValue={values.country ? `${values.country}` : null}
-            ></Select>
-          </Form.Item>
-        </Col>
-      </Row>
-    </Form>
-  );
-};
-
-export default CompanyDetails;
+import { FormikErrors, FormikValues, FormikHandlers } from "formik";
+import { Form, Input, Row, Col, Select, SelectProps, InputNumber } from "antd";
+import { useState, useEffect } from "react";
+import axios from "axios";
+
+type StepProps = {
+  errors: FormikErrors<FormikValues>;
+  values: FormikValues;
+  handleChange: FormikHandlers["handleChange"];
+};
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const CompanyDetails = ({ errors, values, handleChange }: StepProps) => {
+  const [domains, setDomains] = useState<SelectProps["options"]>([]);
+  const [countries, setCountries] = useState([]);
+  let countryOptions: any = [];
+  const options: SelectProps["options"] = [];
+  useEffect(() => {
+    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
+      res.data.domains.map((domain: any) => {
+        options.push({ value: domain, label: domain });
+      });
+      setDomains(options);
+      res.data.countries.map((it: any) => {
+        countryOptions.push({ value: it, label: it });
+      });
+      setCountries(countryOptions);
+    });
+  }, []);
+
+  return (
+    <Form layout="vertical">
+      <h1 className="text-xl">Company Details</h1>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item
+            label="Company Name"
+            required
+            hasFeedback
+            validateStatus={!!errors.compName ? "error" : ""}
+            help={errors.compName ? `${errors.compName}` : ""}
+          >
+            <Input
+              name="compName"
+              placeholder="Company Name"
+              onChange={handleChange}
+              value={values.compName}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item
+            label="Website"
+            required
+            hasFeedback
+            validateStatus={!!errors.website ? "error" : ""}
+            help={errors.website ? `${errors.website}` : ""}
+          >
+            <Input
+              name="website"
+              placeholder="Website"
+              onChange={handleChange}
+              value={values.website}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Domains">
+            <Select
+              mode="multiple"
+              placeholder="Please Select"
+              defaultValue={values.domains.length ? values.domains : []}
+              onChange={(value) => (values.domains = value)}
+              options={domains}
+            ></Select>
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Category">
+            <Select
+              placeholder="Please Select"
+              defaultValue={values.category ? `${values.category}` : null}
+              onChange={(value) => (values.category = value)}
+              options={[
+                { value: "PUBLIC", label: "Public" },
+                { value: "GOVERNMENT", label: "Governmnet" },
+                { value: "PSU", label: "PSU" },
+                { value: "MNC", label: "MNC" },
+              ]}
+            ></Select>
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Company Size">
+            <Input
+              name="size"
+              placeholder="Company Size"
+              defaultValue={values.size}
+              onChange={handleChange}
+              value={values.size}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Year of Establishment">
+            <Input
+              name="yearOfEstablishment"
+              placeholder="Year of Establishment"
+              defaultValue={values.yearOfEstablishment}
+              onChange={handleChange}
+              value={values.yearOfEstablishment}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Annual Turnover">
+            <Input
+              name="annualTurnover"
+              placeholder="Annual Turnover"
+              defaultValue={values.annualTurnover}
+              onChange={handleChange}
+              value={values.annualTurnover}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Social Media Link">
+            <Input
+              name="socialMediaLink"
+              placeholder="Social Media Link"
+              defaultValue={values.socialMediaLink}
+              onChange={handleChange}
+              value={values.socialMediaLink}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <h1 className="text-xl">Address</h1>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Address Line 1">
+            <Input
+              name="line1"
+              placeholder="Address Line 1"
+              defaultValue={values.line1}
+              onChange={handleChange}
+              value={values.line1}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Address Line 2">
+            <Input
+              name="line2"
+              placeholder="Address Line 2"
+              defaultValue={values.line2}
+              onChange={handleChange}
+              value={values.line2}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="City">
+            <Input
+              name="city"
+              placeholder="City"
+              defaultValue={values.city}
+              onChange={handleChange}
+              value={values.city}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="State">
+            <Input
+              name="state"
+              placeholder="State"
+              defaultValue={values.state}
+              onChange={handleChange}
+              value={values.state}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Zip Code">
+            <Input
+              name="zipCode"
+              placeholder="Zip Code"
+              defaultValue={values.zipCode}
+              onChange={handleChange}
+              value={values.zipCode}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Country">
+            <Select
+              onChange={(value) => (values.country = value)}
+              placeholder="Please Select"
+              options={countries}
+              defaultValue={values.country ? `${values.country}` : null}
+            ></Select>
+          </Form.Item>
+        </Col>
+      </Row>
+    </Form>
+  );
+};
+
+export default CompanyDetails;
diff --git a/src/components/JAF/JAF.tsx b/src/components/JAF/JAF.tsx
index fced6741..954169e8 100644
--- a/src/components/JAF/JAF.tsx
+++ b/src/components/JAF/JAF.tsx
@@ -1,337 +1,337 @@
-"use client";
-import "antd/dist/reset.css";
-import * as React from "react";
-import { Row, Col, Steps, Space, Button } from "antd";
-import * as Yup from "yup";
-import { FormikWizard, RenderProps } from "formik-wizard-form";
-import toast from "react-hot-toast";
-import { useState, useEffect } from "react";
-import JobDetails from "./JobDetails";
-import RecruiterDetails from "./RecruiterDetails";
-import SeasonDetails from "./SeasonDetails";
-import CompanyDetails from "./CompanyDetails";
-import axios from "axios";
-
-import Loader from "@/components/Loader/loader";
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const { Step } = Steps;
-
-function JAF() {
-  const [finalValues, setFinalValues] = React.useState({});
-  const phoneRegExp =
-    /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/;
-  const [isLoading, setIsLoading] = useState(true);
-  useEffect(() => {
-    // Simulate a network request or some async operation
-    const timer = setTimeout(() => {
-      setIsLoading(false);
-      // To simulate an error, you could set the error state here
-      // setError(true);
-    }, 2000); // 2 seconds
-
-    // Cleanup the timer if the component unmounts before the timer finishes
-    return () => clearTimeout(timer);
-  }, []);
-
-  if (isLoading) {
-    //formwikWizars is taking loading time so added loader to avoid raw html preview
-    return (
-      <div className=" w-[100%] h-[90vh] mx-2 py-4 rounded-md   flex justify-center items-center">
-        <Loader />
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex flex-col w-full justify-start gap-20 p-10 align-center">
-      <div className="ml-auto mr-auto">
-        <FormikWizard
-          initialValues={{
-            seasonId: "",
-            terms: false,
-            compName: "",
-            website: "",
-            domains: [],
-            category: "",
-            line1: "",
-            line2: "",
-            city: "",
-            state: "",
-            zipCode: "",
-            country: "",
-            size: "",
-            yearOfEstablishment: "",
-            annualTurnover: "",
-            socialMediaLink: "",
-
-            recName: "",
-            designation: "",
-            email: "",
-            phoneNumber: "",
-            landline: "",
-
-            role: "",
-            description: "",
-            attachment: "",
-            skills: "",
-            location: "",
-            noOfVacancies: "",
-
-            offerLetterReleaseDate: "",
-            joiningDate: "",
-            duration: "",
-
-            selectionMode: "",
-            shortlistFromResume: false,
-            groupDiscussion: false,
-
-            tests: [],
-            interviews: [],
-
-            others: "",
-
-            numberOfMembers: "",
-            numberOfRooms: "",
-            otherRequirements: "",
-
-            salaries: [],
-            jobOthers: "",
-          }}
-          onSubmit={(values: any) => {
-            const submitValues = {
-              seasonId: values.seasonId,
-              company: {
-                name: values.compName,
-                website: values.website,
-                domains: values.domains,
-                category: values.category,
-                address: {
-                  line1: values.line1,
-                  line2: values.line2,
-                  city: values.city,
-                  state: values.state,
-                  zipCode: values.zipCode, //zipcode check
-                  country: values.country,
-                },
-                size: values.size,
-                yearOfEstablishment: values.yearOfEstablishment,
-                annualTurnover: values.annualTurnover,
-                socialMediaLink: values.socialMediaLink,
-              },
-              recruiter: {
-                name: values.recName,
-                designation: values.designation,
-                email: values.email,
-                contact: "+91 " + values.phoneNumber, //with country code default +91 8793849280
-                landline: values.landline,
-              },
-              job: {
-                role: values.role,
-                description: values.description,
-                //attachment: values.attachment,//file
-                skills: values.skills,
-                location: values.location,
-                noOfVacancies: values.noOfVacancies,
-                offerLetterReleaseDate: values.offerLetterReleaseDate, //date
-                joiningDate: values.joiningDate, //date
-                duration: values.duration,
-                selectionProcedure: {
-                  selectionMode: values.selectionMode, //dropdown - online/offline
-                  shortlistFromResume: values.shortlistFromResume,
-                  groupDiscussion: values.groupDiscussion,
-                  tests: values.tests, // type - dropdown, duration
-                  interviews: values.interviews,
-                  others: values.others, //textarea
-                  requirements: {
-                    numberOfMembers: values.numberOfMembers,
-                    numberOfRooms: values.numberOfRooms,
-                    otherRequirements: values.otherRequirements,
-                  },
-                },
-                salaries: values.salaries,
-                // salaries: [
-                //   {
-                // salaryPeriod: values.salaryPeriod,//text
-                // criteria: {
-                //   programs: values.basicProgs,//dropdown from backend
-                //   genders: values.basicGenders,//dropdown from backend
-                //   categories: values.basicCategories,//dropdown from backend
-                //   minCPI: values.basicMinCPI,//number
-                //   tenthMarks: values.basicTenth,//number
-                //   twelvethMarks: values.basicTwelveth,//number
-                // },
-                // baseSalary: values.baseSalary,
-                // totalCTC: values.totalCTC,
-                // takeHomeSalary: values.takeHomeSalary,
-                // grossSalary: values.grossSalary,
-                // otherCompensations: values.otherCompensations,//textbox
-                //},
-                // ],
-                others: values.jobOthers, //other textarea
-              },
-            };
-            axios
-              .post(`${baseUrl}/api/v1/jaf`, {
-                job: {
-                  role: values.role,
-                  seasonId: values.seasonId,
-                  description: values.description,
-                  companyDetailsFilled: {
-                    name: values.compName,
-                    website: values.website,
-                    domains: values.domains,
-                    category: values.category,
-                    address: {
-                      line1: values.line1,
-                      line2: values.line2,
-                      city: values.city,
-                      state: values.state,
-                      country: values.country,
-                    },
-                    size: values.size,
-                    yearOfEstablishment: values.yearOfEstablishment,
-                    annualTurnover: values.annualTurnover,
-                    socialMediaLink: values.socialMediaLink,
-                  },
-                  recruiterDetailsFilled: {
-                    name: values.recName,
-                    designation: values.designation,
-                    email: values.email,
-                    contact: "+91 " + values.phoneNumber,
-                    landline: values.landline,
-                  },
-                  //attachment: values.attachment,//file
-                  others: values.jobOthers,
-                  skills: values.skills,
-                  location: values.location,
-                  noOfVacancies: values.noOfVacancies,
-                  offerLetterReleaseDate: values.offerLetterReleaseDate,
-                  joiningDate: values.joiningDate,
-                  duration: values.duration,
-                  selectionProcedure: {
-                    selectionMode: values.selectionMode,
-                    shortlistFromResume: values.shortlistFromResume,
-                    groupDiscussion: values.groupDiscussion,
-                    tests: values.tests,
-                    interviews: values.interviews,
-                    others: values.others,
-                    requirements: {
-                      numberOfMembers: values.numberOfMembers,
-                      numberOfRooms: values.numberOfRooms,
-                      otherRequirements: values.otherRequirements,
-                    },
-                  },
-                },
-                salaries: values.salaries,
-              })
-              .then((res) => {
-                toast.success("JAF Form filled successfully");
-                window.location.reload();
-              })
-              .catch((err) => {
-                toast.error("Cannot Submit");
-              });
-            setFinalValues(submitValues);
-          }}
-          validateOnNext
-          activeStepIndex={0}
-          steps={[
-            {
-              component: SeasonDetails,
-              // validationSchema: Yup.object().shape({
-              //   year: Yup.number().typeError("Please enter a valid Year").required("Required"),
-              //   type: Yup.string().required("Required"),
-              // }),
-              validationSchema: Yup.object().shape({
-                seasonId: Yup.string().required("Please select a season"),
-                terms: Yup.boolean().oneOf(
-                  [true],
-                  "Please accept the terms and conditions to proceed",
-                ),
-              }),
-            },
-            {
-              component: CompanyDetails,
-              validationSchema: Yup.object().shape({
-                compName: Yup.string().required("Required"),
-                website: Yup.string()
-                  .url("Enter valid URL")
-                  .required("Required"),
-              }),
-            },
-            {
-              component: RecruiterDetails,
-              validationSchema: Yup.object().shape({
-                designation: Yup.string().required("Required"),
-                phoneNumber: Yup.string()
-                  .matches(phoneRegExp, "Phone number is not valid")
-                  .required("Required"),
-                email: Yup.string()
-                  .email("Enter valid email")
-                  .required("Required"),
-              }),
-            },
-            {
-              component: JobDetails,
-              validationSchema: Yup.object().shape({
-                designation: Yup.string().required("Designation is required"),
-              }),
-            },
-          ]}
-        >
-          {({
-            currentStepIndex,
-            renderComponent,
-            handlePrev,
-            handleNext,
-            isNextDisabled,
-            isPrevDisabled,
-          }: RenderProps) => {
-            return (
-              <Space direction="vertical" size="large">
-                <Steps current={currentStepIndex}>
-                  <Step
-                    title="Season Details &nbsp;&nbsp;&nbsp;"
-                    description="Season info"
-                  />
-                  <Step title="Company Details" description="Company info" />
-                  <Step
-                    title="Recruiter Details&nbsp;"
-                    description="Recruited info"
-                  />
-                  <Step title="Job Details&nbsp;" description="Job info" />
-                </Steps>
-                {renderComponent()}
-                <Row className="gap-20 justify-center">
-                  <Button
-                    disabled={isPrevDisabled}
-                    type="primary"
-                    onClick={handlePrev}
-                  >
-                    Previous
-                  </Button>
-                  <Button
-                    disabled={isNextDisabled}
-                    type="primary"
-                    onClick={handleNext}
-                  >
-                    {currentStepIndex === 3 ? "Finish" : "Next"}
-                  </Button>
-                </Row>
-                {/* <Row>
-                  <Col>
-                    <pre>{JSON.stringify(finalValues, null, 2)}</pre>
-                  </Col>
-                </Row> */}
-              </Space>
-            );
-          }}
-        </FormikWizard>
-      </div>
-    </div>
-  );
-}
-
-export default JAF;
+"use client";
+import "antd/dist/reset.css";
+import * as React from "react";
+import { Row, Col, Steps, Space, Button } from "antd";
+import * as Yup from "yup";
+import { FormikWizard, RenderProps } from "formik-wizard-form";
+import toast from "react-hot-toast";
+import { useState, useEffect } from "react";
+import JobDetails from "./JobDetails";
+import RecruiterDetails from "./RecruiterDetails";
+import SeasonDetails from "./SeasonDetails";
+import CompanyDetails from "./CompanyDetails";
+import axios from "axios";
+
+import Loader from "@/components/Loader/loader";
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const { Step } = Steps;
+
+function JAF() {
+  const [finalValues, setFinalValues] = React.useState({});
+  const phoneRegExp =
+    /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/;
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    // Simulate a network request or some async operation
+    const timer = setTimeout(() => {
+      setIsLoading(false);
+      // To simulate an error, you could set the error state here
+      // setError(true);
+    }, 2000); // 2 seconds
+
+    // Cleanup the timer if the component unmounts before the timer finishes
+    return () => clearTimeout(timer);
+  }, []);
+
+  if (isLoading) {
+    //formwikWizars is taking loading time so added loader to avoid raw html preview
+    return (
+      <div className=" w-[100%] h-[90vh] mx-2 py-4 rounded-md   flex justify-center items-center">
+        <Loader />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col w-full justify-start gap-20 p-10 align-center">
+      <div className="ml-auto mr-auto">
+        <FormikWizard
+          initialValues={{
+            seasonId: "",
+            terms: false,
+            compName: "",
+            website: "",
+            domains: [],
+            category: "",
+            line1: "",
+            line2: "",
+            city: "",
+            state: "",
+            zipCode: "",
+            country: "",
+            size: "",
+            yearOfEstablishment: "",
+            annualTurnover: "",
+            socialMediaLink: "",
+
+            recName: "",
+            designation: "",
+            email: "",
+            phoneNumber: "",
+            landline: "",
+
+            role: "",
+            description: "",
+            attachment: "",
+            skills: "",
+            location: "",
+            noOfVacancies: "",
+
+            offerLetterReleaseDate: "",
+            joiningDate: "",
+            duration: "",
+
+            selectionMode: "",
+            shortlistFromResume: false,
+            groupDiscussion: false,
+
+            tests: [],
+            interviews: [],
+
+            others: "",
+
+            numberOfMembers: "",
+            numberOfRooms: "",
+            otherRequirements: "",
+
+            salaries: [],
+            jobOthers: "",
+          }}
+          onSubmit={(values: any) => {
+            const submitValues = {
+              seasonId: values.seasonId,
+              company: {
+                name: values.compName,
+                website: values.website,
+                domains: values.domains,
+                category: values.category,
+                address: {
+                  line1: values.line1,
+                  line2: values.line2,
+                  city: values.city,
+                  state: values.state,
+                  zipCode: values.zipCode, //zipcode check
+                  country: values.country,
+                },
+                size: values.size,
+                yearOfEstablishment: values.yearOfEstablishment,
+                annualTurnover: values.annualTurnover,
+                socialMediaLink: values.socialMediaLink,
+              },
+              recruiter: {
+                name: values.recName,
+                designation: values.designation,
+                email: values.email,
+                contact: "+91 " + values.phoneNumber, //with country code default +91 8793849280
+                landline: values.landline,
+              },
+              job: {
+                role: values.role,
+                description: values.description,
+                //attachment: values.attachment,//file
+                skills: values.skills,
+                location: values.location,
+                noOfVacancies: values.noOfVacancies,
+                offerLetterReleaseDate: values.offerLetterReleaseDate, //date
+                joiningDate: values.joiningDate, //date
+                duration: values.duration,
+                selectionProcedure: {
+                  selectionMode: values.selectionMode, //dropdown - online/offline
+                  shortlistFromResume: values.shortlistFromResume,
+                  groupDiscussion: values.groupDiscussion,
+                  tests: values.tests, // type - dropdown, duration
+                  interviews: values.interviews,
+                  others: values.others, //textarea
+                  requirements: {
+                    numberOfMembers: values.numberOfMembers,
+                    numberOfRooms: values.numberOfRooms,
+                    otherRequirements: values.otherRequirements,
+                  },
+                },
+                salaries: values.salaries,
+                // salaries: [
+                //   {
+                // salaryPeriod: values.salaryPeriod,//text
+                // criteria: {
+                //   programs: values.basicProgs,//dropdown from backend
+                //   genders: values.basicGenders,//dropdown from backend
+                //   categories: values.basicCategories,//dropdown from backend
+                //   minCPI: values.basicMinCPI,//number
+                //   tenthMarks: values.basicTenth,//number
+                //   twelvethMarks: values.basicTwelveth,//number
+                // },
+                // baseSalary: values.baseSalary,
+                // totalCTC: values.totalCTC,
+                // takeHomeSalary: values.takeHomeSalary,
+                // grossSalary: values.grossSalary,
+                // otherCompensations: values.otherCompensations,//textbox
+                //},
+                // ],
+                others: values.jobOthers, //other textarea
+              },
+            };
+            axios
+              .post(`${baseUrl}/api/v1/jaf`, {
+                job: {
+                  role: values.role,
+                  seasonId: values.seasonId,
+                  description: values.description,
+                  companyDetailsFilled: {
+                    name: values.compName,
+                    website: values.website,
+                    domains: values.domains,
+                    category: values.category,
+                    address: {
+                      line1: values.line1,
+                      line2: values.line2,
+                      city: values.city,
+                      state: values.state,
+                      country: values.country,
+                    },
+                    size: values.size,
+                    yearOfEstablishment: values.yearOfEstablishment,
+                    annualTurnover: values.annualTurnover,
+                    socialMediaLink: values.socialMediaLink,
+                  },
+                  recruiterDetailsFilled: {
+                    name: values.recName,
+                    designation: values.designation,
+                    email: values.email,
+                    contact: "+91 " + values.phoneNumber,
+                    landline: values.landline,
+                  },
+                  //attachment: values.attachment,//file
+                  others: values.jobOthers,
+                  skills: values.skills,
+                  location: values.location,
+                  noOfVacancies: values.noOfVacancies,
+                  offerLetterReleaseDate: values.offerLetterReleaseDate,
+                  joiningDate: values.joiningDate,
+                  duration: values.duration,
+                  selectionProcedure: {
+                    selectionMode: values.selectionMode,
+                    shortlistFromResume: values.shortlistFromResume,
+                    groupDiscussion: values.groupDiscussion,
+                    tests: values.tests,
+                    interviews: values.interviews,
+                    others: values.others,
+                    requirements: {
+                      numberOfMembers: values.numberOfMembers,
+                      numberOfRooms: values.numberOfRooms,
+                      otherRequirements: values.otherRequirements,
+                    },
+                  },
+                },
+                salaries: values.salaries,
+              })
+              .then((res) => {
+                toast.success("JAF Form filled successfully");
+                window.location.reload();
+              })
+              .catch((err) => {
+                toast.error("Cannot Submit");
+              });
+            setFinalValues(submitValues);
+          }}
+          validateOnNext
+          activeStepIndex={0}
+          steps={[
+            {
+              component: SeasonDetails,
+              // validationSchema: Yup.object().shape({
+              //   year: Yup.number().typeError("Please enter a valid Year").required("Required"),
+              //   type: Yup.string().required("Required"),
+              // }),
+              validationSchema: Yup.object().shape({
+                seasonId: Yup.string().required("Please select a season"),
+                terms: Yup.boolean().oneOf(
+                  [true],
+                  "Please accept the terms and conditions to proceed",
+                ),
+              }),
+            },
+            {
+              component: CompanyDetails,
+              validationSchema: Yup.object().shape({
+                compName: Yup.string().required("Required"),
+                website: Yup.string()
+                  .url("Enter valid URL")
+                  .required("Required"),
+              }),
+            },
+            {
+              component: RecruiterDetails,
+              validationSchema: Yup.object().shape({
+                designation: Yup.string().required("Required"),
+                phoneNumber: Yup.string()
+                  .matches(phoneRegExp, "Phone number is not valid")
+                  .required("Required"),
+                email: Yup.string()
+                  .email("Enter valid email")
+                  .required("Required"),
+              }),
+            },
+            {
+              component: JobDetails,
+              validationSchema: Yup.object().shape({
+                designation: Yup.string().required("Designation is required"),
+              }),
+            },
+          ]}
+        >
+          {({
+            currentStepIndex,
+            renderComponent,
+            handlePrev,
+            handleNext,
+            isNextDisabled,
+            isPrevDisabled,
+          }: RenderProps) => {
+            return (
+              <Space direction="vertical" size="large">
+                <Steps current={currentStepIndex}>
+                  <Step
+                    title="Season Details &nbsp;&nbsp;&nbsp;"
+                    description="Season info"
+                  />
+                  <Step title="Company Details" description="Company info" />
+                  <Step
+                    title="Recruiter Details&nbsp;"
+                    description="Recruited info"
+                  />
+                  <Step title="Job Details&nbsp;" description="Job info" />
+                </Steps>
+                {renderComponent()}
+                <Row className="gap-20 justify-center">
+                  <Button
+                    disabled={isPrevDisabled}
+                    type="primary"
+                    onClick={handlePrev}
+                  >
+                    Previous
+                  </Button>
+                  <Button
+                    disabled={isNextDisabled}
+                    type="primary"
+                    onClick={handleNext}
+                  >
+                    {currentStepIndex === 3 ? "Finish" : "Next"}
+                  </Button>
+                </Row>
+                {/* <Row>
+                  <Col>
+                    <pre>{JSON.stringify(finalValues, null, 2)}</pre>
+                  </Col>
+                </Row> */}
+              </Space>
+            );
+          }}
+        </FormikWizard>
+      </div>
+    </div>
+  );
+}
+
+export default JAF;
diff --git a/src/components/JAF/JafCard.tsx b/src/components/JAF/JafCard.tsx
index a5f3564c..bbe21d8b 100644
--- a/src/components/JAF/JafCard.tsx
+++ b/src/components/JAF/JafCard.tsx
@@ -1,488 +1,488 @@
-import React from "react";
-import Link from "next/link";
-import { Card } from "../ui/card";
-import { useState } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { jafs } from "@/dummyData/jaf";
-
-interface Address {
-  line1: string;
-  line2: string;
-  city: string;
-  state: string;
-  zipCode: string;
-  country: string;
-}
-
-interface CompanyDetailsFilled {
-  name: string;
-  website: string;
-  domains: string[];
-  category: string;
-  address: Address;
-  size: number;
-  yearOfEstablishment: string;
-  annualTurnover: string;
-  socialMediaLink: string;
-}
-
-interface Test {
-  type: string;
-  duration: number;
-}
-
-interface Interview {
-  type: string;
-  duration: number;
-}
-
-interface Requirements {
-  numberOfMembers: number;
-  numberOfRooms: number;
-  otherRequirements: string;
-}
-
-interface SelectionProcedure {
-  selectionMode: string;
-  shortlistFromResume: boolean;
-  groupDiscussion: boolean;
-  tests: Test[];
-  interviews: Interview[];
-  requirements: Requirements;
-  others: string;
-}
-
-interface RecruiterDetailsFilled {
-  name: string;
-  designation: string;
-  email: string;
-  contact: string;
-  landline: string;
-}
-
-interface Job {
-  seasonId: string;
-  role: string;
-  others: string;
-  companyDetailsFilled: CompanyDetailsFilled;
-  recruiterDetailsFilled: RecruiterDetailsFilled;
-  selectionProcedure: SelectionProcedure;
-  description: string;
-  skills: string;
-  location: string;
-  noOfVacancies: number;
-  offerLetterReleaseDate: string;
-  joiningDate: string;
-  duration: number;
-}
-
-interface Criteria {
-  programs: string[];
-  genders: string[];
-  categories: string[];
-  minCPI: number;
-  tenthMarks: number;
-  twelthMarks: number;
-}
-
-interface Salary {
-  salaryPeriod: string;
-  criteria: Criteria;
-  baseSalary: number;
-  totalCTC: number;
-  takeHomeSalary: number;
-  grossSalary: number;
-  otherCompensations: number;
-  others: string;
-}
-
-interface Props {
-  JAF: {
-    job: Job;
-    salaries: Salary[];
-  };
-}
-
-const JafCard = ({ JAF }: Props) => {
-  const [showDescription, setShowDescription] = useState<boolean>(false);
-  const skillsArray: string[] = JAF.job.skills
-    .split(", ")
-    .map((skill) => skill.trim());
-  const handleViewDetails = () => {
-    setShowDescription(!showDescription);
-  };
-
-  return (
-    <div className="">
-      <div className="rounded-xl bg-white text-black p-5">
-        <div
-          className="font-bold text-lg"
-          onClick={handleViewDetails}
-          style={{ cursor: "pointer" }}
-        >
-          {JAF.job.seasonId}
-        </div>
-        {showDescription && (
-          <div className="mt-4">
-            <div className="my-4">
-              <Separator />
-            </div>
-            <div className="grid md:grid-cols-2 lg:grid-cols-6 text-sm mx-2">
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
-                <div>{JAF.job.role}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Size</div>{" "}
-                <div>{JAF.job.companyDetailsFilled.size}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
-                <div>{JAF.job.companyDetailsFilled.yearOfEstablishment}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Turnover</div>{" "}
-                <div>{JAF.job.companyDetailsFilled.annualTurnover}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
-                <div>{JAF.job.companyDetailsFilled.category}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Website</div>{" "}
-                <a
-                  className="text-blue-500"
-                  href={JAF.job.companyDetailsFilled.website}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  Link
-                </a>
-              </div>
-            </div>
-            <div className="my-4">
-              <Separator />
-            </div>
-            <h2 className="text-lg font-semibold my-2">Address</h2>
-            <div className="w-full h-30 border-2 p-2 text-sm">
-              {JAF.job.companyDetailsFilled.address.line1},{" "}
-              {JAF.job.companyDetailsFilled.address.line2},{" "}
-              {JAF.job.companyDetailsFilled.address.city}-
-              {JAF.job.companyDetailsFilled.address.zipCode},{" "}
-              {JAF.job.companyDetailsFilled.address.state},{" "}
-              {JAF.job.companyDetailsFilled.address.country}
-            </div>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <div>
-              <h1 className="text-lg font-semibold my-2">Domains</h1>
-              <div className="flex flex-wrap !text-md">
-                {JAF.job.companyDetailsFilled.domains.map((domain, index) => (
-                  <div
-                    key={index}
-                    className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
-                  >
-                    {domain}
-                  </div>
-                ))}
-              </div>
-            </div>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Location</div>{" "}
-                <div>{JAF.job.location}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  No. of vacancies
-                </div>{" "}
-                <div>{JAF.job.noOfVacancies}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  Offer letter release
-                </div>{" "}
-                <div>{JAF.job.offerLetterReleaseDate}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  Joining Date
-                </div>{" "}
-                <div>{JAF.job.joiningDate}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">Duration</div>{" "}
-                <div>{JAF.job.duration}</div>
-              </div>
-            </div>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <div>
-              <h1 className="text-lg font-semibold my-2">Skills</h1>
-              <div className="flex flex-wrap !text-md">
-                {skillsArray.map((skill, index) => (
-                  <div
-                    key={index}
-                    className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
-                  >
-                    {skill}
-                  </div>
-                ))}
-              </div>
-            </div>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <h2 className="text-lg font-semibold my-2">Description</h2>
-            <div className="w-full h-30 border-2 p-2 text-sm">
-              {JAF.job.description} Lorem ipsum dolor sit amet consectetur
-              adipisicing elit. Et ipsum quaerat nulla totam hic est asperiores
-              officia porro quis debitis placeat, perferendis sunt quas fugit
-              error, quibusdam consectetur modi rem eligendi nobis dolore?
-              Dolorem quas fugiat magni placeat iste aliquam rerum! Numquam,
-              reiciendis expedita impedit beatae sunt tempore modi natus
-              voluptatibus. Quisquam dicta delectus adipisci assumenda
-              necessitatibus harum sequi nulla ut expedita incidunt culpa eos
-              alias dolor quibusdam eligendi ad blanditiis nisi consequatur,
-              deserunt tempore. Tempore, nihil! Doloribus, vero. Nesciunt ad
-              eaque asperiores temporibus architecto suscipit. Quis, enim
-              aspernatur ut possimus quia, molestias explicabo dolorum aliquid
-              accusamus blanditiis ea nobis!
-            </div>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <h1 className="text-lg font-semibold my-2">Recruiter Details</h1>
-            <Table className="overflow-hidden">
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Name</TableHead>
-                  <TableHead>Designation</TableHead>
-                  <TableHead>Email</TableHead>
-                  <TableHead>Contact</TableHead>
-                  <TableHead>Landline</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                <TableRow>
-                  <TableCell>{JAF.job.recruiterDetailsFilled.name}</TableCell>
-                  <TableCell>
-                    {JAF.job.recruiterDetailsFilled.designation}
-                  </TableCell>
-                  <TableCell>{JAF.job.recruiterDetailsFilled.email}</TableCell>
-                  <TableCell>
-                    {JAF.job.recruiterDetailsFilled.contact}
-                  </TableCell>
-                  <TableCell>
-                    {JAF.job.recruiterDetailsFilled.landline}
-                  </TableCell>
-                </TableRow>
-              </TableBody>
-              <TableFooter></TableFooter>
-            </Table>
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <h1 className="text-lg font-semibold my-2">Selection Procedure</h1>
-            <div className="grid md:grid-cols-2 lg:grid-cols-3 text-sm mx-2">
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  Selection mode
-                </div>{" "}
-                <div>{JAF.job.selectionProcedure.selectionMode}</div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  Shortlist from Resume
-                </div>{" "}
-                <div>
-                  {JAF.job.selectionProcedure.shortlistFromResume
-                    ? "YES"
-                    : "NO"}
-                </div>
-              </div>
-              <div>
-                <div className="text-gray-500 font-semibold my-2">
-                  Group Discussion
-                </div>{" "}
-                <div>
-                  {JAF.job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
-                </div>
-              </div>
-            </div>
-
-            <h2 className="text-md font-semibold mt-8">Tests</h2>
-            <Table className="overflow-hidden">
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Sr.</TableHead>
-                  <TableHead>Type</TableHead>
-                  <TableHead>Duration</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {JAF?.job.selectionProcedure.tests.map((test, index) => (
-                  <TableRow key={index}>
-                    <TableCell>{index + 1}</TableCell>
-                    <TableCell>{test.type}</TableCell>
-                    <TableCell>{test.duration}</TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-              <TableFooter></TableFooter>
-            </Table>
-
-            <h2 className="text-md font-semibold mt-4">Interviews</h2>
-            <Table className="overflow-hidden">
-              <TableHeader>
-                <TableRow>
-                  <TableHead>Sr.</TableHead>
-                  <TableHead>Type</TableHead>
-                  <TableHead>Duration</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {JAF?.job.selectionProcedure.interviews.map((test, index) => (
-                  <TableRow key={index}>
-                    <TableCell>{index + 1}</TableCell>
-                    <TableCell>{test.type}</TableCell>
-                    <TableCell>{test.duration}</TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-
-            <div className="my-4">
-              <Separator />
-            </div>
-
-            <h1 className="text-lg font-semibold my-2">Salaries</h1>
-            {JAF.salaries.map((salary, index) => (
-              <div key={index} className="my-4 border-2">
-                <h2 className="text-md font-semibold mt-4 mx-2">
-                  Salary Distribution
-                </h2>
-                <div className="grid md:grid-cols-2 lg:grid-cols-6 text-sm mx-4">
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Period
-                    </div>{" "}
-                    <div>{salary.salaryPeriod}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Base Salary
-                    </div>{" "}
-                    <div>{salary.baseSalary}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">CTC</div>{" "}
-                    <div>{salary.totalCTC}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Take Home Salary
-                    </div>{" "}
-                    <div>{salary.takeHomeSalary}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Gross Salary
-                    </div>{" "}
-                    <div>{salary.grossSalary}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Other Compensations
-                    </div>{" "}
-                    <div>{salary.otherCompensations}</div>
-                  </div>
-                </div>
-                <h2 className="text-md font-semibold mt-4 mx-2">Criteria</h2>
-                <Table className="overflow-hidden">
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead>Program</TableHead>
-                      <TableHead>Minimum CPI</TableHead>
-                      <TableHead>Tenth Marks</TableHead>
-                      <TableHead>Twelth Marks</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {salary.criteria.programs.map((program, index) => (
-                      <TableRow key={index}>
-                        <TableCell>{program}</TableCell>
-                        <TableCell>{salary.criteria.minCPI}</TableCell>
-                        <TableCell>{salary.criteria.tenthMarks}</TableCell>
-                        <TableCell>{salary.criteria.twelthMarks}</TableCell>
-                      </TableRow>
-                    ))}
-                  </TableBody>
-                </Table>
-                <h2 className="text-md font-semibold mt-4 mx-2">Genders</h2>
-                <div className="flex flex-wrap !text-md">
-                  {salary.criteria.genders.map((gender, index) => (
-                    <div
-                      key={index}
-                      className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
-                    >
-                      {gender}
-                    </div>
-                  ))}
-                </div>
-                <h2 className="text-md font-semibold mt-4 mx-2">Categories</h2>
-                <div className="flex flex-wrap !text-md">
-                  {salary.criteria.categories.map((category, index) => (
-                    <div
-                      key={index}
-                      className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
-                    >
-                      {category}
-                    </div>
-                  ))}
-                </div>
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default JafCard;
+import React from "react";
+import Link from "next/link";
+import { Card } from "../ui/card";
+import { useState } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { jafs } from "@/dummyData/jaf";
+
+interface Address {
+  line1: string;
+  line2: string;
+  city: string;
+  state: string;
+  zipCode: string;
+  country: string;
+}
+
+interface CompanyDetailsFilled {
+  name: string;
+  website: string;
+  domains: string[];
+  category: string;
+  address: Address;
+  size: number;
+  yearOfEstablishment: string;
+  annualTurnover: string;
+  socialMediaLink: string;
+}
+
+interface Test {
+  type: string;
+  duration: number;
+}
+
+interface Interview {
+  type: string;
+  duration: number;
+}
+
+interface Requirements {
+  numberOfMembers: number;
+  numberOfRooms: number;
+  otherRequirements: string;
+}
+
+interface SelectionProcedure {
+  selectionMode: string;
+  shortlistFromResume: boolean;
+  groupDiscussion: boolean;
+  tests: Test[];
+  interviews: Interview[];
+  requirements: Requirements;
+  others: string;
+}
+
+interface RecruiterDetailsFilled {
+  name: string;
+  designation: string;
+  email: string;
+  contact: string;
+  landline: string;
+}
+
+interface Job {
+  seasonId: string;
+  role: string;
+  others: string;
+  companyDetailsFilled: CompanyDetailsFilled;
+  recruiterDetailsFilled: RecruiterDetailsFilled;
+  selectionProcedure: SelectionProcedure;
+  description: string;
+  skills: string;
+  location: string;
+  noOfVacancies: number;
+  offerLetterReleaseDate: string;
+  joiningDate: string;
+  duration: number;
+}
+
+interface Criteria {
+  programs: string[];
+  genders: string[];
+  categories: string[];
+  minCPI: number;
+  tenthMarks: number;
+  twelthMarks: number;
+}
+
+interface Salary {
+  salaryPeriod: string;
+  criteria: Criteria;
+  baseSalary: number;
+  totalCTC: number;
+  takeHomeSalary: number;
+  grossSalary: number;
+  otherCompensations: number;
+  others: string;
+}
+
+interface Props {
+  JAF: {
+    job: Job;
+    salaries: Salary[];
+  };
+}
+
+const JafCard = ({ JAF }: Props) => {
+  const [showDescription, setShowDescription] = useState<boolean>(false);
+  const skillsArray: string[] = JAF.job.skills
+    .split(", ")
+    .map((skill) => skill.trim());
+  const handleViewDetails = () => {
+    setShowDescription(!showDescription);
+  };
+
+  return (
+    <div className="">
+      <div className="rounded-xl bg-white text-black p-5">
+        <div
+          className="font-bold text-lg"
+          onClick={handleViewDetails}
+          style={{ cursor: "pointer" }}
+        >
+          {JAF.job.seasonId}
+        </div>
+        {showDescription && (
+          <div className="mt-4">
+            <div className="my-4">
+              <Separator />
+            </div>
+            <div className="grid md:grid-cols-2 lg:grid-cols-6 text-sm mx-2">
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
+                <div>{JAF.job.role}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Size</div>{" "}
+                <div>{JAF.job.companyDetailsFilled.size}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Year</div>{" "}
+                <div>{JAF.job.companyDetailsFilled.yearOfEstablishment}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Turnover</div>{" "}
+                <div>{JAF.job.companyDetailsFilled.annualTurnover}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
+                <div>{JAF.job.companyDetailsFilled.category}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Website</div>{" "}
+                <a
+                  className="text-blue-500"
+                  href={JAF.job.companyDetailsFilled.website}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Link
+                </a>
+              </div>
+            </div>
+            <div className="my-4">
+              <Separator />
+            </div>
+            <h2 className="text-lg font-semibold my-2">Address</h2>
+            <div className="w-full h-30 border-2 p-2 text-sm">
+              {JAF.job.companyDetailsFilled.address.line1},{" "}
+              {JAF.job.companyDetailsFilled.address.line2},{" "}
+              {JAF.job.companyDetailsFilled.address.city}-
+              {JAF.job.companyDetailsFilled.address.zipCode},{" "}
+              {JAF.job.companyDetailsFilled.address.state},{" "}
+              {JAF.job.companyDetailsFilled.address.country}
+            </div>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <div>
+              <h1 className="text-lg font-semibold my-2">Domains</h1>
+              <div className="flex flex-wrap !text-md">
+                {JAF.job.companyDetailsFilled.domains.map((domain, index) => (
+                  <div
+                    key={index}
+                    className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
+                  >
+                    {domain}
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Location</div>{" "}
+                <div>{JAF.job.location}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  No. of vacancies
+                </div>{" "}
+                <div>{JAF.job.noOfVacancies}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  Offer letter release
+                </div>{" "}
+                <div>{JAF.job.offerLetterReleaseDate}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  Joining Date
+                </div>{" "}
+                <div>{JAF.job.joiningDate}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">Duration</div>{" "}
+                <div>{JAF.job.duration}</div>
+              </div>
+            </div>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <div>
+              <h1 className="text-lg font-semibold my-2">Skills</h1>
+              <div className="flex flex-wrap !text-md">
+                {skillsArray.map((skill, index) => (
+                  <div
+                    key={index}
+                    className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
+                  >
+                    {skill}
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <h2 className="text-lg font-semibold my-2">Description</h2>
+            <div className="w-full h-30 border-2 p-2 text-sm">
+              {JAF.job.description} Lorem ipsum dolor sit amet consectetur
+              adipisicing elit. Et ipsum quaerat nulla totam hic est asperiores
+              officia porro quis debitis placeat, perferendis sunt quas fugit
+              error, quibusdam consectetur modi rem eligendi nobis dolore?
+              Dolorem quas fugiat magni placeat iste aliquam rerum! Numquam,
+              reiciendis expedita impedit beatae sunt tempore modi natus
+              voluptatibus. Quisquam dicta delectus adipisci assumenda
+              necessitatibus harum sequi nulla ut expedita incidunt culpa eos
+              alias dolor quibusdam eligendi ad blanditiis nisi consequatur,
+              deserunt tempore. Tempore, nihil! Doloribus, vero. Nesciunt ad
+              eaque asperiores temporibus architecto suscipit. Quis, enim
+              aspernatur ut possimus quia, molestias explicabo dolorum aliquid
+              accusamus blanditiis ea nobis!
+            </div>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <h1 className="text-lg font-semibold my-2">Recruiter Details</h1>
+            <Table className="overflow-hidden">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Name</TableHead>
+                  <TableHead>Designation</TableHead>
+                  <TableHead>Email</TableHead>
+                  <TableHead>Contact</TableHead>
+                  <TableHead>Landline</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                <TableRow>
+                  <TableCell>{JAF.job.recruiterDetailsFilled.name}</TableCell>
+                  <TableCell>
+                    {JAF.job.recruiterDetailsFilled.designation}
+                  </TableCell>
+                  <TableCell>{JAF.job.recruiterDetailsFilled.email}</TableCell>
+                  <TableCell>
+                    {JAF.job.recruiterDetailsFilled.contact}
+                  </TableCell>
+                  <TableCell>
+                    {JAF.job.recruiterDetailsFilled.landline}
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+              <TableFooter></TableFooter>
+            </Table>
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <h1 className="text-lg font-semibold my-2">Selection Procedure</h1>
+            <div className="grid md:grid-cols-2 lg:grid-cols-3 text-sm mx-2">
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  Selection mode
+                </div>{" "}
+                <div>{JAF.job.selectionProcedure.selectionMode}</div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  Shortlist from Resume
+                </div>{" "}
+                <div>
+                  {JAF.job.selectionProcedure.shortlistFromResume
+                    ? "YES"
+                    : "NO"}
+                </div>
+              </div>
+              <div>
+                <div className="text-gray-500 font-semibold my-2">
+                  Group Discussion
+                </div>{" "}
+                <div>
+                  {JAF.job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
+                </div>
+              </div>
+            </div>
+
+            <h2 className="text-md font-semibold mt-8">Tests</h2>
+            <Table className="overflow-hidden">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr.</TableHead>
+                  <TableHead>Type</TableHead>
+                  <TableHead>Duration</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {JAF?.job.selectionProcedure.tests.map((test, index) => (
+                  <TableRow key={index}>
+                    <TableCell>{index + 1}</TableCell>
+                    <TableCell>{test.type}</TableCell>
+                    <TableCell>{test.duration}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+              <TableFooter></TableFooter>
+            </Table>
+
+            <h2 className="text-md font-semibold mt-4">Interviews</h2>
+            <Table className="overflow-hidden">
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Sr.</TableHead>
+                  <TableHead>Type</TableHead>
+                  <TableHead>Duration</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {JAF?.job.selectionProcedure.interviews.map((test, index) => (
+                  <TableRow key={index}>
+                    <TableCell>{index + 1}</TableCell>
+                    <TableCell>{test.type}</TableCell>
+                    <TableCell>{test.duration}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+
+            <div className="my-4">
+              <Separator />
+            </div>
+
+            <h1 className="text-lg font-semibold my-2">Salaries</h1>
+            {JAF.salaries.map((salary, index) => (
+              <div key={index} className="my-4 border-2">
+                <h2 className="text-md font-semibold mt-4 mx-2">
+                  Salary Distribution
+                </h2>
+                <div className="grid md:grid-cols-2 lg:grid-cols-6 text-sm mx-4">
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Period
+                    </div>{" "}
+                    <div>{salary.salaryPeriod}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Base Salary
+                    </div>{" "}
+                    <div>{salary.baseSalary}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">CTC</div>{" "}
+                    <div>{salary.totalCTC}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Take Home Salary
+                    </div>{" "}
+                    <div>{salary.takeHomeSalary}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Gross Salary
+                    </div>{" "}
+                    <div>{salary.grossSalary}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Other Compensations
+                    </div>{" "}
+                    <div>{salary.otherCompensations}</div>
+                  </div>
+                </div>
+                <h2 className="text-md font-semibold mt-4 mx-2">Criteria</h2>
+                <Table className="overflow-hidden">
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>Program</TableHead>
+                      <TableHead>Minimum CPI</TableHead>
+                      <TableHead>Tenth Marks</TableHead>
+                      <TableHead>Twelth Marks</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {salary.criteria.programs.map((program, index) => (
+                      <TableRow key={index}>
+                        <TableCell>{program}</TableCell>
+                        <TableCell>{salary.criteria.minCPI}</TableCell>
+                        <TableCell>{salary.criteria.tenthMarks}</TableCell>
+                        <TableCell>{salary.criteria.twelthMarks}</TableCell>
+                      </TableRow>
+                    ))}
+                  </TableBody>
+                </Table>
+                <h2 className="text-md font-semibold mt-4 mx-2">Genders</h2>
+                <div className="flex flex-wrap !text-md">
+                  {salary.criteria.genders.map((gender, index) => (
+                    <div
+                      key={index}
+                      className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
+                    >
+                      {gender}
+                    </div>
+                  ))}
+                </div>
+                <h2 className="text-md font-semibold mt-4 mx-2">Categories</h2>
+                <div className="flex flex-wrap !text-md">
+                  {salary.criteria.categories.map((category, index) => (
+                    <div
+                      key={index}
+                      className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium"
+                    >
+                      {category}
+                    </div>
+                  ))}
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default JafCard;
diff --git a/src/components/JAF/JobDetails.tsx b/src/components/JAF/JobDetails.tsx
index c8b9fad1..f17f2817 100644
--- a/src/components/JAF/JobDetails.tsx
+++ b/src/components/JAF/JobDetails.tsx
@@ -1,547 +1,547 @@
-import { FormikErrors, FormikValues, FormikHandlers } from "formik";
-import {
-  Form,
-  Upload,
-  message,
-  Input,
-  Card,
-  Checkbox,
-  Select,
-  Row,
-  Col,
-  Button,
-  UploadProps,
-  SelectProps,
-} from "antd";
-import { useEffect, useState } from "react";
-import axios from "axios";
-import { UploadOutlined, CloseOutlined } from "@ant-design/icons";
-
-const { TextArea } = Input;
-
-const props: UploadProps = {
-  name: "attachment",
-  action: "https://run.mocky.io/v3/435e224c-44fb-4773-9faf-380c5e6a2188",
-  headers: {
-    authorization: "authorization-text",
-  },
-  onChange(info: any) {
-    if (info.file.status !== "uploading") {
-      console.log(info.file, info.fileList);
-    }
-    if (info.file.status === "done") {
-      message.success(`${info.file.name} file uploaded successfully`);
-    } else if (info.file.status === "error") {
-      message.error(`${info.file.name} file upload failed.`);
-    }
-  },
-};
-
-type StepProps = {
-  errors: FormikErrors<FormikValues>;
-  values: FormikValues;
-  handleChange: FormikHandlers["handleChange"];
-};
-
-const JobDetails = ({ errors, values, handleChange }: StepProps) => {
-  const [form] = Form.useForm();
-
-  const [testType, setTestType] = useState([]);
-  const [interviewType, setInterviewType] = useState([]);
-  const [programs, setPrograms] = useState<SelectProps["options"]>([]);
-  let testTypeOptions: any = [];
-  let interviewTypeOptions: any = [];
-  const programsOptions: SelectProps["options"] = [];
-
-  const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-  useEffect(() => {
-    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
-      res.data.testTypes.map((it: any) => {
-        testTypeOptions.push({ value: it, label: it });
-      });
-      setTestType(testTypeOptions);
-      res.data.interviewTypes.map((it: any) => {
-        interviewTypeOptions.push({ value: it, label: it });
-      });
-      setInterviewType(interviewTypeOptions);
-      res.data.programs.map((it: any) => {
-        programsOptions.push({
-          value: it.id,
-          label: `${it.branch} - ${it.course} - ${it.year}`,
-        });
-      });
-      setPrograms(programsOptions);
-    });
-  }, []);
-
-  return (
-    <Form
-      layout="vertical"
-      form={form}
-      initialValues={{
-        tests: [{ type: "APTITUDE", duration: "" }],
-        interviews: [{ type: "TECHNICAL", duration: "" }],
-        salaries: [{}],
-      }}
-      onValuesChange={() => {
-        values.interviews = form.getFieldsValue().interviews;
-        values.tests = form.getFieldsValue().tests;
-        console.log(form.getFieldsValue().salaries);
-        let objx: any = [];
-        form.getFieldsValue().salaries.map((salary: any) => {
-          const obj = {
-            salaryPeriod: salary.salaryPeriod, //text
-            programs: salary.programs ? salary.programs : [], //dropdown from backend
-            genders: salary.genders ? salary.genders : [], //dropdown from backend
-            categories: salary.categories ? salary.categories : [], //dropdown from backend
-            minCPI: salary.minCPI ? salary.minCPI : 0, //number
-            tenthMarks: salary.tenthMarks ? salary.tenthMarks : 0, //number
-            twelthMarks: salary.twelthMarks ? salary.twelthMarks : 0, //number
-            baseSalary: salary.baseSalary ? salary.baseSalary : 0,
-            totalCTC: salary.totalCTC ? salary.totalCTC : 0,
-            takeHomeSalary: salary.takeHomeSalary ? salary.takeHomeSalary : 0,
-            grossSalary: salary.grossSalary ? salary.grossSalary : 0,
-            otherCompensations: salary.otherCompensations
-              ? salary.otherCompensations
-              : 0, //textbox
-          };
-          objx.push(obj);
-        });
-        values.salaries = objx;
-      }}
-    >
-      <h1 className="text-xl">Job Details</h1>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Job Title">
-            <Input
-              name="role"
-              placeholder="Job Title"
-              onChange={handleChange}
-              value={values.role}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item
-            label="Descritption"
-            // required
-            // hasFeedback
-            // validateStatus={!!errors.designation ? "error" : ""}
-            // help={errors.designation ? `${errors.designation}`:""}
-          >
-            <Input
-              name="description"
-              placeholder="Descritption"
-              onChange={handleChange}
-              value={values.description}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Skill">
-            <Input
-              name="skills"
-              placeholder="Skill"
-              onChange={handleChange}
-              value={values.skills}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Tentative Joining Date">
-            <Input
-              name="joiningDate"
-              placeholder="Tentative Joining Date"
-              onChange={handleChange}
-              value={values.joiningDate}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Location">
-            <Input
-              name="location"
-              placeholder="Location"
-              onChange={handleChange}
-              value={values.location}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Vacancies">
-            <Input
-              name="noOfVacancies"
-              placeholder="Vacancies"
-              onChange={handleChange}
-              value={values.noOfVacancies}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Offer Letter Date">
-            <Input
-              name="offerLetterReleaseDate"
-              placeholder="Offer Letter Date"
-              onChange={handleChange}
-              value={values.offerLetterReleaseDate}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Duration">
-            <Input
-              name="duration"
-              placeholder="Duration"
-              onChange={handleChange}
-              value={values.duration}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Attachments">
-            <Upload {...props}>
-              <Button icon={<UploadOutlined />}>Click to Upload</Button>
-            </Upload>
-          </Form.Item>
-        </Col>
-      </Row>
-      <Form.Item label="Other Details">
-        <TextArea
-          rows={4}
-          name="other"
-          placeholder="Other Details"
-          onChange={handleChange}
-          value={values.other}
-        />
-      </Form.Item>
-      <h1 className="text-xl">Selection Procedure</h1>
-      <Row gutter={24}>
-        <Col span={8}>
-          <Form.Item label="Selection Mode">
-            <Select
-              placeholder="Please select"
-              onChange={(value) => (values.selectionMode = value)}
-              defaultValue={
-                values.selectionMode ? `${values.selectionMode}` : null
-              }
-              options={[
-                { value: "ONLINE", label: "Online" },
-                { value: "OFFLINE", label: "Offline" },
-              ]}
-            ></Select>
-          </Form.Item>
-        </Col>
-        <Col span={8} className="mt-auto mb-auto">
-          <div>
-            <Checkbox
-              onChange={(e) => (values.shortlistFromResume = e.target.checked)}
-              name="shortlistFromResume"
-              value={values.shortlistFromResume}
-            >
-              Shortlist From Resume
-            </Checkbox>
-          </div>
-        </Col>
-        <Col span={8} className="mt-auto mb-auto">
-          <div>
-            <Checkbox
-              onChange={(e) => (values.groupDiscussion = e.target.checked)}
-              name="groupDiscussion"
-              value={values.groupDiscussion}
-            >
-              Group Discussion
-            </Checkbox>
-          </div>
-        </Col>
-      </Row>
-      <h2 className="text-sm">Tests</h2>
-      <Form.List name="tests">
-        {(fields, { add, remove }) => (
-          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
-            {fields.map((field) => (
-              <Card
-                size="small"
-                title={`Test ${field.name + 1}`}
-                key={field.key}
-                extra={
-                  <CloseOutlined
-                    onClick={() => {
-                      remove(field.name);
-                    }}
-                  />
-                }
-              >
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Type"
-                      name={[field.name, "type"]}
-                      rules={[{ required: true, message: "Required" }]}
-                    >
-                      <Select placeholder="Please select" options={testType} />
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Duration"
-                      name={[field.name, "duration"]}
-                      rules={[{ required: true, message: "Required" }]}
-                    >
-                      <Input placeholder="Duration" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-              </Card>
-            ))}
-
-            <Button type="dashed" onClick={() => add()} block>
-              + Add Test
-            </Button>
-          </div>
-        )}
-      </Form.List>
-
-      <h2 className="text-sm mt-10">Interviews</h2>
-      <Form.List name="interviews">
-        {(fields, { add, remove }) => (
-          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
-            {fields.map((field) => (
-              <Card
-                size="small"
-                title={`Interview ${field.name + 1}`}
-                key={field.key}
-                extra={
-                  <CloseOutlined
-                    onClick={() => {
-                      remove(field.name);
-                    }}
-                  />
-                }
-              >
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Type"
-                      name={[field.name, "type"]}
-                      rules={[{ required: true, message: "Required" }]}
-                    >
-                      <Select
-                        placeholder="Please select"
-                        options={interviewType}
-                      />
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Duration"
-                      name={[field.name, "duration"]}
-                      rules={[{ required: true, message: "Required" }]}
-                    >
-                      <Input placeholder="Duration" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-              </Card>
-            ))}
-
-            <Button type="dashed" onClick={() => add()} block>
-              + Add Interview
-            </Button>
-          </div>
-        )}
-      </Form.List>
-      <h2 className="text-sm mt-10">Requirements</h2>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Number Of Members">
-            <Input
-              name="numberOfMembers"
-              placeholder="Number Of Members"
-              onChange={handleChange}
-              value={values.numberOfMembers}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item label="Number Of Rooms">
-            <Input
-              name="numberOfRooms"
-              placeholder="Number Of Rooms"
-              onChange={handleChange}
-              value={values.numberOfRooms}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row>
-        <Col span={24}>
-          <Form.Item label="Other Requirements">
-            <TextArea
-              rows={4}
-              name="otherRequirements"
-              placeholder="Other Requirements"
-              onChange={handleChange}
-              value={values.otherRequirements}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-      <h1 className="text-xl">Salary</h1>
-      <Form.List name="salaries">
-        {(fields, { add, remove }) => (
-          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
-            {fields.map((field) => (
-              <Card
-                size="small"
-                title={`Salary ${field.name + 1}`}
-                key={field.key}
-                extra={
-                  <CloseOutlined
-                    onClick={() => {
-                      remove(field.name);
-                    }}
-                  />
-                }
-              >
-                <Form.Item
-                  label="Salary Period"
-                  name={[field.name, "salaryPeriod"]}
-                >
-                  <Input placeholder="Salary Period" />
-                </Form.Item>
-                <h2 className="text-sm ">Criteria</h2>
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item label="Programs" name={[field.name, "programs"]}>
-                      <Select
-                        mode="multiple"
-                        placeholder="Please Select"
-                        options={programs}
-                      ></Select>
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item label="Genders" name={[field.name, "genders"]}>
-                      <Select
-                        mode="multiple"
-                        placeholder="Please select"
-                        options={[
-                          { value: "MALE", label: "Male" },
-                          { value: "FEMALE", label: "Female" },
-                          { value: "OTHER", label: "Other" },
-                        ]}
-                      ></Select>
-                    </Form.Item>
-                  </Col>
-                </Row>
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Categories"
-                      name={[field.name, "categories"]}
-                    >
-                      <Select
-                        mode="multiple"
-                        placeholder="Please select"
-                        options={[
-                          { value: "GENERAL", label: "General" },
-                          { value: "SC", label: "SC" },
-                          { value: "ST", label: "ST" },
-                          { value: "OBC", label: "OBC" },
-                          { value: "PWD", label: "PWD" },
-                        ]}
-                      ></Select>
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item label="Min CPI" name={[field.name, "minCPI"]}>
-                      <Input placeholder="Min CPI" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Tenth Marks"
-                      name={[field.name, "tenthMarks"]}
-                    >
-                      <Input placeholder="Tenth Marks" />
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Twelveth Marks"
-                      name={[field.name, "twelvethMarks"]}
-                    >
-                      <Input placeholder="Twelveth Marks" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-                <h2 className="text-sm ">Salary Details</h2>
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Base Salary"
-                      name={[field.name, "baseSalary"]}
-                    >
-                      <Input placeholder="Base Salary" />
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Total CTC"
-                      name={[field.name, "totalCTC"]}
-                    >
-                      <Input placeholder="Total CTC" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-                <Row gutter={24}>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Take Home Salary"
-                      name={[field.name, "takeHomeSalary"]}
-                    >
-                      <Input placeholder="Take Home Salary" />
-                    </Form.Item>
-                  </Col>
-                  <Col span={12}>
-                    <Form.Item
-                      label="Gross Salary"
-                      name={[field.name, "grossSalary"]}
-                    >
-                      <Input placeholder="Gross Salary" />
-                    </Form.Item>
-                  </Col>
-                </Row>
-                <Form.Item
-                  label="Other Compensatons"
-                  name={[field.name, "otherCompensations"]}
-                >
-                  <TextArea rows={4} placeholder="Other Compensatons" />
-                </Form.Item>
-              </Card>
-            ))}
-
-            <Button type="dashed" onClick={() => add()} block>
-              + Add Salary
-            </Button>
-          </div>
-        )}
-      </Form.List>
-    </Form>
-  );
-};
-
-export default JobDetails;
+import { FormikErrors, FormikValues, FormikHandlers } from "formik";
+import {
+  Form,
+  Upload,
+  message,
+  Input,
+  Card,
+  Checkbox,
+  Select,
+  Row,
+  Col,
+  Button,
+  UploadProps,
+  SelectProps,
+} from "antd";
+import { useEffect, useState } from "react";
+import axios from "axios";
+import { UploadOutlined, CloseOutlined } from "@ant-design/icons";
+
+const { TextArea } = Input;
+
+const props: UploadProps = {
+  name: "attachment",
+  action: "https://run.mocky.io/v3/435e224c-44fb-4773-9faf-380c5e6a2188",
+  headers: {
+    authorization: "authorization-text",
+  },
+  onChange(info: any) {
+    if (info.file.status !== "uploading") {
+      console.log(info.file, info.fileList);
+    }
+    if (info.file.status === "done") {
+      message.success(`${info.file.name} file uploaded successfully`);
+    } else if (info.file.status === "error") {
+      message.error(`${info.file.name} file upload failed.`);
+    }
+  },
+};
+
+type StepProps = {
+  errors: FormikErrors<FormikValues>;
+  values: FormikValues;
+  handleChange: FormikHandlers["handleChange"];
+};
+
+const JobDetails = ({ errors, values, handleChange }: StepProps) => {
+  const [form] = Form.useForm();
+
+  const [testType, setTestType] = useState([]);
+  const [interviewType, setInterviewType] = useState([]);
+  const [programs, setPrograms] = useState<SelectProps["options"]>([]);
+  let testTypeOptions: any = [];
+  let interviewTypeOptions: any = [];
+  const programsOptions: SelectProps["options"] = [];
+
+  const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+  useEffect(() => {
+    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
+      res.data.testTypes.map((it: any) => {
+        testTypeOptions.push({ value: it, label: it });
+      });
+      setTestType(testTypeOptions);
+      res.data.interviewTypes.map((it: any) => {
+        interviewTypeOptions.push({ value: it, label: it });
+      });
+      setInterviewType(interviewTypeOptions);
+      res.data.programs.map((it: any) => {
+        programsOptions.push({
+          value: it.id,
+          label: `${it.branch} - ${it.course} - ${it.year}`,
+        });
+      });
+      setPrograms(programsOptions);
+    });
+  }, []);
+
+  return (
+    <Form
+      layout="vertical"
+      form={form}
+      initialValues={{
+        tests: [{ type: "APTITUDE", duration: "" }],
+        interviews: [{ type: "TECHNICAL", duration: "" }],
+        salaries: [{}],
+      }}
+      onValuesChange={() => {
+        values.interviews = form.getFieldsValue().interviews;
+        values.tests = form.getFieldsValue().tests;
+        console.log(form.getFieldsValue().salaries);
+        let objx: any = [];
+        form.getFieldsValue().salaries.map((salary: any) => {
+          const obj = {
+            salaryPeriod: salary.salaryPeriod, //text
+            programs: salary.programs ? salary.programs : [], //dropdown from backend
+            genders: salary.genders ? salary.genders : [], //dropdown from backend
+            categories: salary.categories ? salary.categories : [], //dropdown from backend
+            minCPI: salary.minCPI ? salary.minCPI : 0, //number
+            tenthMarks: salary.tenthMarks ? salary.tenthMarks : 0, //number
+            twelthMarks: salary.twelthMarks ? salary.twelthMarks : 0, //number
+            baseSalary: salary.baseSalary ? salary.baseSalary : 0,
+            totalCTC: salary.totalCTC ? salary.totalCTC : 0,
+            takeHomeSalary: salary.takeHomeSalary ? salary.takeHomeSalary : 0,
+            grossSalary: salary.grossSalary ? salary.grossSalary : 0,
+            otherCompensations: salary.otherCompensations
+              ? salary.otherCompensations
+              : 0, //textbox
+          };
+          objx.push(obj);
+        });
+        values.salaries = objx;
+      }}
+    >
+      <h1 className="text-xl">Job Details</h1>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Job Title">
+            <Input
+              name="role"
+              placeholder="Job Title"
+              onChange={handleChange}
+              value={values.role}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item
+            label="Descritption"
+            // required
+            // hasFeedback
+            // validateStatus={!!errors.designation ? "error" : ""}
+            // help={errors.designation ? `${errors.designation}`:""}
+          >
+            <Input
+              name="description"
+              placeholder="Descritption"
+              onChange={handleChange}
+              value={values.description}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Skill">
+            <Input
+              name="skills"
+              placeholder="Skill"
+              onChange={handleChange}
+              value={values.skills}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Tentative Joining Date">
+            <Input
+              name="joiningDate"
+              placeholder="Tentative Joining Date"
+              onChange={handleChange}
+              value={values.joiningDate}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Location">
+            <Input
+              name="location"
+              placeholder="Location"
+              onChange={handleChange}
+              value={values.location}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Vacancies">
+            <Input
+              name="noOfVacancies"
+              placeholder="Vacancies"
+              onChange={handleChange}
+              value={values.noOfVacancies}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Offer Letter Date">
+            <Input
+              name="offerLetterReleaseDate"
+              placeholder="Offer Letter Date"
+              onChange={handleChange}
+              value={values.offerLetterReleaseDate}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Duration">
+            <Input
+              name="duration"
+              placeholder="Duration"
+              onChange={handleChange}
+              value={values.duration}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Attachments">
+            <Upload {...props}>
+              <Button icon={<UploadOutlined />}>Click to Upload</Button>
+            </Upload>
+          </Form.Item>
+        </Col>
+      </Row>
+      <Form.Item label="Other Details">
+        <TextArea
+          rows={4}
+          name="other"
+          placeholder="Other Details"
+          onChange={handleChange}
+          value={values.other}
+        />
+      </Form.Item>
+      <h1 className="text-xl">Selection Procedure</h1>
+      <Row gutter={24}>
+        <Col span={8}>
+          <Form.Item label="Selection Mode">
+            <Select
+              placeholder="Please select"
+              onChange={(value) => (values.selectionMode = value)}
+              defaultValue={
+                values.selectionMode ? `${values.selectionMode}` : null
+              }
+              options={[
+                { value: "ONLINE", label: "Online" },
+                { value: "OFFLINE", label: "Offline" },
+              ]}
+            ></Select>
+          </Form.Item>
+        </Col>
+        <Col span={8} className="mt-auto mb-auto">
+          <div>
+            <Checkbox
+              onChange={(e) => (values.shortlistFromResume = e.target.checked)}
+              name="shortlistFromResume"
+              value={values.shortlistFromResume}
+            >
+              Shortlist From Resume
+            </Checkbox>
+          </div>
+        </Col>
+        <Col span={8} className="mt-auto mb-auto">
+          <div>
+            <Checkbox
+              onChange={(e) => (values.groupDiscussion = e.target.checked)}
+              name="groupDiscussion"
+              value={values.groupDiscussion}
+            >
+              Group Discussion
+            </Checkbox>
+          </div>
+        </Col>
+      </Row>
+      <h2 className="text-sm">Tests</h2>
+      <Form.List name="tests">
+        {(fields, { add, remove }) => (
+          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
+            {fields.map((field) => (
+              <Card
+                size="small"
+                title={`Test ${field.name + 1}`}
+                key={field.key}
+                extra={
+                  <CloseOutlined
+                    onClick={() => {
+                      remove(field.name);
+                    }}
+                  />
+                }
+              >
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Type"
+                      name={[field.name, "type"]}
+                      rules={[{ required: true, message: "Required" }]}
+                    >
+                      <Select placeholder="Please select" options={testType} />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Duration"
+                      name={[field.name, "duration"]}
+                      rules={[{ required: true, message: "Required" }]}
+                    >
+                      <Input placeholder="Duration" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+              </Card>
+            ))}
+
+            <Button type="dashed" onClick={() => add()} block>
+              + Add Test
+            </Button>
+          </div>
+        )}
+      </Form.List>
+
+      <h2 className="text-sm mt-10">Interviews</h2>
+      <Form.List name="interviews">
+        {(fields, { add, remove }) => (
+          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
+            {fields.map((field) => (
+              <Card
+                size="small"
+                title={`Interview ${field.name + 1}`}
+                key={field.key}
+                extra={
+                  <CloseOutlined
+                    onClick={() => {
+                      remove(field.name);
+                    }}
+                  />
+                }
+              >
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Type"
+                      name={[field.name, "type"]}
+                      rules={[{ required: true, message: "Required" }]}
+                    >
+                      <Select
+                        placeholder="Please select"
+                        options={interviewType}
+                      />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Duration"
+                      name={[field.name, "duration"]}
+                      rules={[{ required: true, message: "Required" }]}
+                    >
+                      <Input placeholder="Duration" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+              </Card>
+            ))}
+
+            <Button type="dashed" onClick={() => add()} block>
+              + Add Interview
+            </Button>
+          </div>
+        )}
+      </Form.List>
+      <h2 className="text-sm mt-10">Requirements</h2>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Number Of Members">
+            <Input
+              name="numberOfMembers"
+              placeholder="Number Of Members"
+              onChange={handleChange}
+              value={values.numberOfMembers}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item label="Number Of Rooms">
+            <Input
+              name="numberOfRooms"
+              placeholder="Number Of Rooms"
+              onChange={handleChange}
+              value={values.numberOfRooms}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row>
+        <Col span={24}>
+          <Form.Item label="Other Requirements">
+            <TextArea
+              rows={4}
+              name="otherRequirements"
+              placeholder="Other Requirements"
+              onChange={handleChange}
+              value={values.otherRequirements}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+      <h1 className="text-xl">Salary</h1>
+      <Form.List name="salaries">
+        {(fields, { add, remove }) => (
+          <div style={{ display: "flex", rowGap: 16, flexDirection: "column" }}>
+            {fields.map((field) => (
+              <Card
+                size="small"
+                title={`Salary ${field.name + 1}`}
+                key={field.key}
+                extra={
+                  <CloseOutlined
+                    onClick={() => {
+                      remove(field.name);
+                    }}
+                  />
+                }
+              >
+                <Form.Item
+                  label="Salary Period"
+                  name={[field.name, "salaryPeriod"]}
+                >
+                  <Input placeholder="Salary Period" />
+                </Form.Item>
+                <h2 className="text-sm ">Criteria</h2>
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item label="Programs" name={[field.name, "programs"]}>
+                      <Select
+                        mode="multiple"
+                        placeholder="Please Select"
+                        options={programs}
+                      ></Select>
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item label="Genders" name={[field.name, "genders"]}>
+                      <Select
+                        mode="multiple"
+                        placeholder="Please select"
+                        options={[
+                          { value: "MALE", label: "Male" },
+                          { value: "FEMALE", label: "Female" },
+                          { value: "OTHER", label: "Other" },
+                        ]}
+                      ></Select>
+                    </Form.Item>
+                  </Col>
+                </Row>
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Categories"
+                      name={[field.name, "categories"]}
+                    >
+                      <Select
+                        mode="multiple"
+                        placeholder="Please select"
+                        options={[
+                          { value: "GENERAL", label: "General" },
+                          { value: "SC", label: "SC" },
+                          { value: "ST", label: "ST" },
+                          { value: "OBC", label: "OBC" },
+                          { value: "PWD", label: "PWD" },
+                        ]}
+                      ></Select>
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item label="Min CPI" name={[field.name, "minCPI"]}>
+                      <Input placeholder="Min CPI" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Tenth Marks"
+                      name={[field.name, "tenthMarks"]}
+                    >
+                      <Input placeholder="Tenth Marks" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Twelveth Marks"
+                      name={[field.name, "twelvethMarks"]}
+                    >
+                      <Input placeholder="Twelveth Marks" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+                <h2 className="text-sm ">Salary Details</h2>
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Base Salary"
+                      name={[field.name, "baseSalary"]}
+                    >
+                      <Input placeholder="Base Salary" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Total CTC"
+                      name={[field.name, "totalCTC"]}
+                    >
+                      <Input placeholder="Total CTC" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+                <Row gutter={24}>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Take Home Salary"
+                      name={[field.name, "takeHomeSalary"]}
+                    >
+                      <Input placeholder="Take Home Salary" />
+                    </Form.Item>
+                  </Col>
+                  <Col span={12}>
+                    <Form.Item
+                      label="Gross Salary"
+                      name={[field.name, "grossSalary"]}
+                    >
+                      <Input placeholder="Gross Salary" />
+                    </Form.Item>
+                  </Col>
+                </Row>
+                <Form.Item
+                  label="Other Compensatons"
+                  name={[field.name, "otherCompensations"]}
+                >
+                  <TextArea rows={4} placeholder="Other Compensatons" />
+                </Form.Item>
+              </Card>
+            ))}
+
+            <Button type="dashed" onClick={() => add()} block>
+              + Add Salary
+            </Button>
+          </div>
+        )}
+      </Form.List>
+    </Form>
+  );
+};
+
+export default JobDetails;
diff --git a/src/components/JAF/RecruiterDetails.tsx b/src/components/JAF/RecruiterDetails.tsx
index 09197e46..08b6076e 100644
--- a/src/components/JAF/RecruiterDetails.tsx
+++ b/src/components/JAF/RecruiterDetails.tsx
@@ -1,97 +1,97 @@
-import { FormikErrors, FormikValues, FormikHandlers } from "formik";
-import { Form, Input, Row, Col, InputNumber, Space } from "antd";
-
-type StepProps = {
-  errors: FormikErrors<FormikValues>;
-  values: FormikValues;
-  handleChange: FormikHandlers["handleChange"];
-};
-
-const RecruiterDetails = ({ errors, values, handleChange }: StepProps) => {
-  const [form] = Form.useForm();
-
-  return (
-    <Form layout="vertical">
-      <h1 className="text-xl">Recruiter Details</h1>
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Recruiter Name">
-            <Input
-              name="recName"
-              placeholder="Recruiter Name"
-              onChange={handleChange}
-              value={values.recName}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item
-            label="Designation"
-            required
-            hasFeedback
-            validateStatus={!!errors.designation ? "error" : ""}
-            help={errors.designation ? `${errors.designation}` : ""}
-          >
-            <Input
-              name="designation"
-              placeholder="Designation"
-              onChange={handleChange}
-              value={values.designation}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item
-            label="Email"
-            required
-            validateStatus={!!errors.email ? "error" : ""}
-            help={errors.email ? `${errors.email}` : ""}
-          >
-            <Input
-              name="email"
-              placeholder="Email"
-              onChange={handleChange}
-              value={values.email}
-            />
-          </Form.Item>
-        </Col>
-        <Col span={12}>
-          <Form.Item
-            label="Phone"
-            required
-            validateStatus={!!errors.phoneNumber ? "error" : ""}
-            help={errors.phoneNumber ? `${errors.phoneNumber}` : ""}
-          >
-            {/* <Input style={{ width: '20%' }} defaultValue="+91" name="code" />
-            <Input style={{ width: '80%' }} placeholder="Phone Number" name="number"/> */}
-            <Input
-              name="phoneNumber"
-              placeholder="Phone"
-              onChange={handleChange}
-              value={values.phoneNumber}
-              addonBefore="+91"
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-
-      <Row gutter={24}>
-        <Col span={12}>
-          <Form.Item label="Landline">
-            <Input
-              name="landline"
-              placeholder="Landline"
-              onChange={handleChange}
-              value={values.landline}
-            />
-          </Form.Item>
-        </Col>
-      </Row>
-    </Form>
-  );
-};
-
-export default RecruiterDetails;
+import { FormikErrors, FormikValues, FormikHandlers } from "formik";
+import { Form, Input, Row, Col, InputNumber, Space } from "antd";
+
+type StepProps = {
+  errors: FormikErrors<FormikValues>;
+  values: FormikValues;
+  handleChange: FormikHandlers["handleChange"];
+};
+
+const RecruiterDetails = ({ errors, values, handleChange }: StepProps) => {
+  const [form] = Form.useForm();
+
+  return (
+    <Form layout="vertical">
+      <h1 className="text-xl">Recruiter Details</h1>
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Recruiter Name">
+            <Input
+              name="recName"
+              placeholder="Recruiter Name"
+              onChange={handleChange}
+              value={values.recName}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item
+            label="Designation"
+            required
+            hasFeedback
+            validateStatus={!!errors.designation ? "error" : ""}
+            help={errors.designation ? `${errors.designation}` : ""}
+          >
+            <Input
+              name="designation"
+              placeholder="Designation"
+              onChange={handleChange}
+              value={values.designation}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item
+            label="Email"
+            required
+            validateStatus={!!errors.email ? "error" : ""}
+            help={errors.email ? `${errors.email}` : ""}
+          >
+            <Input
+              name="email"
+              placeholder="Email"
+              onChange={handleChange}
+              value={values.email}
+            />
+          </Form.Item>
+        </Col>
+        <Col span={12}>
+          <Form.Item
+            label="Phone"
+            required
+            validateStatus={!!errors.phoneNumber ? "error" : ""}
+            help={errors.phoneNumber ? `${errors.phoneNumber}` : ""}
+          >
+            {/* <Input style={{ width: '20%' }} defaultValue="+91" name="code" />
+            <Input style={{ width: '80%' }} placeholder="Phone Number" name="number"/> */}
+            <Input
+              name="phoneNumber"
+              placeholder="Phone"
+              onChange={handleChange}
+              value={values.phoneNumber}
+              addonBefore="+91"
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+
+      <Row gutter={24}>
+        <Col span={12}>
+          <Form.Item label="Landline">
+            <Input
+              name="landline"
+              placeholder="Landline"
+              onChange={handleChange}
+              value={values.landline}
+            />
+          </Form.Item>
+        </Col>
+      </Row>
+    </Form>
+  );
+};
+
+export default RecruiterDetails;
diff --git a/src/components/JAF/SeasonDetails.tsx b/src/components/JAF/SeasonDetails.tsx
index 4d3ff712..5cb14fbb 100644
--- a/src/components/JAF/SeasonDetails.tsx
+++ b/src/components/JAF/SeasonDetails.tsx
@@ -1,92 +1,92 @@
-import { FormikErrors, FormikValues, FormikHandlers } from "formik";
-import { Form, Input, Row, Col, Select, Checkbox } from "antd";
-import { useEffect, useState } from "react";
-import { TermsAndConditions } from "@/dummyData/TermsAndConditions";
-import axios from "axios";
-
-type StepProps = {
-  errors: FormikErrors<FormikValues>;
-  values: FormikValues;
-  handleChange: FormikHandlers["handleChange"];
-  setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
-};
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const SeasonDetails = ({
-  errors,
-  values,
-  handleChange,
-  setFieldValue,
-}: StepProps) => {
-  const [optionsx, setOptionsx] = useState([]);
-  let options: any = [];
-  useEffect(() => {
-    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
-      res.data.seasons.map((season: any) => {
-        const seasonString = `${season.type} ${season.year}`
-        options.push({ value: season.id, label: seasonString });
-      });
-      setOptionsx(options);
-    });
-  }, []);
-  return (
-    <Form layout="vertical">
-      <h1 className="text-xl">Season Details</h1>
-      <Row gutter={32}>
-        <Col span={24}>
-          <Form.Item
-            label="Type"
-            required
-            hasFeedback
-            validateStatus={!!errors.seasonId ? "error" : ""}
-            help={errors.seasonId ? `${errors.seasonId}` : ""}
-          >
-            <Select
-              onChange={(value) => setFieldValue("seasonId", value)}
-              placeholder="Please Select"
-              options={optionsx}
-              defaultValue={values.seasonId ? `${values.seasonId}` : null}
-            ></Select>
-          </Form.Item>
-        </Col>
-      </Row>
-      <Row>
-        <div className="ml-auto mr-auto flex flex-col items-start gap-8 ">
-          <div className="flex flex-col items-center w-[100%] text-[1rem] gap-1 opacity-60">
-            <div>Terms and Conditions</div>
-            <div className=" opacity-50 text-[0.8rem]">
-              {" "}
-              &#40;Please read it carefully&#41;
-            </div>
-          </div>
-          <div>
-            <div className="flex flex-col gap-3  text-[0.8rem] opacity-50">
-              {TermsAndConditions.map((tc, index) => (
-                <div key={index} className="flex gap-3">
-                  <span>{index + 1}&#46;</span>
-                  <span className=" text-justify">{tc}</span>
-                </div>
-              ))}
-            </div>
-          </div>
-          <Form.Item
-            required
-            hasFeedback
-            validateStatus={!!errors.terms ? "error" : ""}
-            help={errors.terms ? `${errors.terms}` : ""}
-          >
-            <Checkbox
-              onChange={(e) => setFieldValue("terms", e.target.checked)}
-              name="terms"
-              checked={values.terms}
-            >
-              I accept the terms and conditions
-            </Checkbox>
-          </Form.Item>
-        </div>
-      </Row>
-    </Form>
-  );
-};
-
-export default SeasonDetails;
+import { FormikErrors, FormikValues, FormikHandlers } from "formik";
+import { Form, Input, Row, Col, Select, Checkbox } from "antd";
+import { useEffect, useState } from "react";
+import { TermsAndConditions } from "@/dummyData/TermsAndConditions";
+import axios from "axios";
+
+type StepProps = {
+  errors: FormikErrors<FormikValues>;
+  values: FormikValues;
+  handleChange: FormikHandlers["handleChange"];
+  setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void;
+};
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const SeasonDetails = ({
+  errors,
+  values,
+  handleChange,
+  setFieldValue,
+}: StepProps) => {
+  const [optionsx, setOptionsx] = useState([]);
+  let options: any = [];
+  useEffect(() => {
+    axios.get(`${baseUrl}/api/v1/jaf`).then((res) => {
+      res.data.seasons.map((season: any) => {
+        const seasonString = `${season.type} ${season.year}`
+        options.push({ value: season.id, label: seasonString });
+      });
+      setOptionsx(options);
+    });
+  }, []);
+  return (
+    <Form layout="vertical">
+      <h1 className="text-xl">Season Details</h1>
+      <Row gutter={32}>
+        <Col span={24}>
+          <Form.Item
+            label="Type"
+            required
+            hasFeedback
+            validateStatus={!!errors.seasonId ? "error" : ""}
+            help={errors.seasonId ? `${errors.seasonId}` : ""}
+          >
+            <Select
+              onChange={(value) => setFieldValue("seasonId", value)}
+              placeholder="Please Select"
+              options={optionsx}
+              defaultValue={values.seasonId ? `${values.seasonId}` : null}
+            ></Select>
+          </Form.Item>
+        </Col>
+      </Row>
+      <Row>
+        <div className="ml-auto mr-auto flex flex-col items-start gap-8 ">
+          <div className="flex flex-col items-center w-[100%] text-[1rem] gap-1 opacity-60">
+            <div>Terms and Conditions</div>
+            <div className=" opacity-50 text-[0.8rem]">
+              {" "}
+              &#40;Please read it carefully&#41;
+            </div>
+          </div>
+          <div>
+            <div className="flex flex-col gap-3  text-[0.8rem] opacity-50">
+              {TermsAndConditions.map((tc, index) => (
+                <div key={index} className="flex gap-3">
+                  <span>{index + 1}&#46;</span>
+                  <span className=" text-justify">{tc}</span>
+                </div>
+              ))}
+            </div>
+          </div>
+          <Form.Item
+            required
+            hasFeedback
+            validateStatus={!!errors.terms ? "error" : ""}
+            help={errors.terms ? `${errors.terms}` : ""}
+          >
+            <Checkbox
+              onChange={(e) => setFieldValue("terms", e.target.checked)}
+              name="terms"
+              checked={values.terms}
+            >
+              I accept the terms and conditions
+            </Checkbox>
+          </Form.Item>
+        </div>
+      </Row>
+    </Form>
+  );
+};
+
+export default SeasonDetails;
diff --git a/src/components/Loader/loader.module.css b/src/components/Loader/loader.module.css
index 713466e1..96aa7d9c 100644
--- a/src/components/Loader/loader.module.css
+++ b/src/components/Loader/loader.module.css
@@ -1,97 +1,97 @@
-.loader {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #141218;
-  scale: 0.3;
-  margin: 50px;
-}
-
-.iconLoaderProgress {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  animation-duration: 2s;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-  animation-name: rotateLoader;
-}
-
-.iconLoaderProgress svg {
-  stroke-width: 14px;
-  fill: none;
-  transform-origin: center;
-  z-index: 999;
-}
-
-.iconLoaderProgressFirst circle,
-.iconLoaderProgressSecond circle,
-.iconLoaderProgressFirst,
-.iconLoaderProgressSecond {
-  animation-timing-function: ease-in-out;
-  animation-iteration-count: infinite;
-}
-
-.iconLoaderProgressFirst circle,
-.iconLoaderProgressSecond circle {
-  animation-duration: 3s;
-  border-radius: 15px;
-}
-
-.iconLoaderProgressFirst,
-.iconLoaderProgressSecond {
-  position: absolute;
-  animation-duration: 6s;
-}
-
-.iconLoaderProgressFirst circle {
-  animation-name: circleFirst;
-  stroke-dasharray: 628, 628;
-  stroke-dashoffset: 0;
-  stroke: #428eec;
-  stroke-linecap: round;
-}
-
-.iconLoaderProgressSecond {
-  transform: rotate(-14deg);
-}
-
-.iconLoaderProgressSecond circle {
-  animation-name: circleSecond;
-  stroke-dasharray: 628, 628;
-  stroke-dashoffset: 0;
-  stroke: #4e8dd9cc;
-  stroke-linecap: round;
-}
-
-@keyframes circleFirst {
-  from,
-  to {
-    stroke-dashoffset: 50;
-  }
-
-  50% {
-    stroke-dashoffset: 625;
-  }
-}
-
-@keyframes circleSecond {
-  from,
-  to {
-    stroke-dashoffset: -625;
-  }
-
-  50% {
-    stroke-dashoffset: -50;
-  }
-}
-
-@keyframes rotateLoader {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
+.loader {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #141218;
+  scale: 0.3;
+  margin: 50px;
+}
+
+.iconLoaderProgress {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation-duration: 2s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-name: rotateLoader;
+}
+
+.iconLoaderProgress svg {
+  stroke-width: 14px;
+  fill: none;
+  transform-origin: center;
+  z-index: 999;
+}
+
+.iconLoaderProgressFirst circle,
+.iconLoaderProgressSecond circle,
+.iconLoaderProgressFirst,
+.iconLoaderProgressSecond {
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+
+.iconLoaderProgressFirst circle,
+.iconLoaderProgressSecond circle {
+  animation-duration: 3s;
+  border-radius: 15px;
+}
+
+.iconLoaderProgressFirst,
+.iconLoaderProgressSecond {
+  position: absolute;
+  animation-duration: 6s;
+}
+
+.iconLoaderProgressFirst circle {
+  animation-name: circleFirst;
+  stroke-dasharray: 628, 628;
+  stroke-dashoffset: 0;
+  stroke: #428eec;
+  stroke-linecap: round;
+}
+
+.iconLoaderProgressSecond {
+  transform: rotate(-14deg);
+}
+
+.iconLoaderProgressSecond circle {
+  animation-name: circleSecond;
+  stroke-dasharray: 628, 628;
+  stroke-dashoffset: 0;
+  stroke: #4e8dd9cc;
+  stroke-linecap: round;
+}
+
+@keyframes circleFirst {
+  from,
+  to {
+    stroke-dashoffset: 50;
+  }
+
+  50% {
+    stroke-dashoffset: 625;
+  }
+}
+
+@keyframes circleSecond {
+  from,
+  to {
+    stroke-dashoffset: -625;
+  }
+
+  50% {
+    stroke-dashoffset: -50;
+  }
+}
+
+@keyframes rotateLoader {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
diff --git a/src/components/Loader/loader.tsx b/src/components/Loader/loader.tsx
index 92bcda8e..6d8acbf9 100644
--- a/src/components/Loader/loader.tsx
+++ b/src/components/Loader/loader.tsx
@@ -1,31 +1,31 @@
-import styles from "./loader.module.css";
-import { CircularProgress } from "@mui/material";
-const Loader = () => {
-  return (
-    // < div className="h-screen w-full flex justify-center items-center">
-    //     <CircularProgress />
-    //   </div>
-
-    <div className={styles.loader}>
-      <figure className={styles.iconLoaderProgress}>
-        <svg
-          className={styles.iconLoaderProgressFirst}
-          width="240"
-          height="240"
-        >
-          <circle cx="120" cy="120" r="100"></circle>
-        </svg>
-
-        <svg
-          className={styles.iconLoaderProgressSecond}
-          width="240"
-          height="240"
-        >
-          <circle cx="120" cy="120" r="100"></circle>
-        </svg>
-      </figure>
-    </div>
-  );
-};
-
-export default Loader;
+import styles from "./loader.module.css";
+import { CircularProgress } from "@mui/material";
+const Loader = () => {
+  return (
+    // < div className="h-screen w-full flex justify-center items-center">
+    //     <CircularProgress />
+    //   </div>
+
+    <div className={styles.loader}>
+      <figure className={styles.iconLoaderProgress}>
+        <svg
+          className={styles.iconLoaderProgressFirst}
+          width="240"
+          height="240"
+        >
+          <circle cx="120" cy="120" r="100"></circle>
+        </svg>
+
+        <svg
+          className={styles.iconLoaderProgressSecond}
+          width="240"
+          height="240"
+        >
+          <circle cx="120" cy="120" r="100"></circle>
+        </svg>
+      </figure>
+    </div>
+  );
+};
+
+export default Loader;
diff --git a/src/components/Loader/loaders.tsx b/src/components/Loader/loaders.tsx
index 17fb4241..f2708741 100644
--- a/src/components/Loader/loaders.tsx
+++ b/src/components/Loader/loaders.tsx
@@ -1,68 +1,68 @@
-import React from "react";
-
-export const CompanyDetailsLoader = () => {
-  return (
-    <>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <ul className="ml-4 list-disc">
-          <li>
-            <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-          </li>
-        </ul>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-      <div className="mb-4 animate-pulse">
-        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
-      </div>
-    </>
-  );
-};
-
-export const ProfileLoader = () => {
-  return (
-    <div className="flex flex-col space-y-4 animate-pulse">
-      <div>
-        <div className="h-4 bg-gray-200 rounded w-1/3 inline-block"></div>
-        <div className="h-4 bg-gray-200 rounded w-2/3 inline-block"></div>
-      </div>
-      <div>
-        <div className="h-4 bg-gray-200 rounded w-1/4 inline-block"></div>
-        <div className="h-4 bg-gray-200 rounded w-3/4 inline-block"></div>
-      </div>
-      <div>
-        <div className="h-4 bg-gray-200 rounded w-1/4 inline-block"></div>
-        <div className="h-4 bg-gray-200 rounded w-3/4 inline-block"></div>
-      </div>
-    </div>
-  );
-};
-
-export const ProfileNavLoader = () => {
-  return (
-    <>
-      <h6 className="h-6 bg-gray-200 rounded w-1/2 mx-auto"></h6>
-      <p className="h-4 bg-gray-200 rounded w-2/3 mt-1 mx-auto"></p>
-    </>
-  );
-};
+import React from "react";
+
+export const CompanyDetailsLoader = () => {
+  return (
+    <>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <ul className="ml-4 list-disc">
+          <li>
+            <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+          </li>
+        </ul>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+      <div className="mb-4 animate-pulse">
+        <div className="h-4 bg-gray-200 rounded w-1/4 mb-1"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3"></div>
+      </div>
+    </>
+  );
+};
+
+export const ProfileLoader = () => {
+  return (
+    <div className="flex flex-col space-y-4 animate-pulse">
+      <div>
+        <div className="h-4 bg-gray-200 rounded w-1/3 inline-block"></div>
+        <div className="h-4 bg-gray-200 rounded w-2/3 inline-block"></div>
+      </div>
+      <div>
+        <div className="h-4 bg-gray-200 rounded w-1/4 inline-block"></div>
+        <div className="h-4 bg-gray-200 rounded w-3/4 inline-block"></div>
+      </div>
+      <div>
+        <div className="h-4 bg-gray-200 rounded w-1/4 inline-block"></div>
+        <div className="h-4 bg-gray-200 rounded w-3/4 inline-block"></div>
+      </div>
+    </div>
+  );
+};
+
+export const ProfileNavLoader = () => {
+  return (
+    <>
+      <h6 className="h-6 bg-gray-200 rounded w-1/2 mx-auto"></h6>
+      <p className="h-4 bg-gray-200 rounded w-2/3 mt-1 mx-auto"></p>
+    </>
+  );
+};
diff --git a/src/components/MainContent.tsx b/src/components/MainContent.tsx
index e1d01da1..059eca18 100644
--- a/src/components/MainContent.tsx
+++ b/src/components/MainContent.tsx
@@ -1,23 +1,23 @@
-"use client";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import { ReactNode, useContext, useEffect } from "react";
-
-const MainContent = ({ children }: { children: ReactNode }) => {
-  const context = useContext(ToggleContext);
-  return (
-    <motion.div
-      initial={{ width: context.isOpen ? "82vw" : "95vw" }}
-      animate={context.isOpen ? "open" : "closed"}
-      transition={{ duration: 0.2 }}
-      variants={{
-        closed: { width: "95vw" },
-        open: { width: "82vw" },
-      }}
-      className="flex-grow bg-gray-200 p-4 text-black overflow-y-scroll h-screen"
-    >
-      {children}
-    </motion.div>
-  );
-};
-export default MainContent;
+"use client";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import { ReactNode, useContext, useEffect } from "react";
+
+const MainContent = ({ children }: { children: ReactNode }) => {
+  const context = useContext(ToggleContext);
+  return (
+    <motion.div
+      initial={{ width: context.isOpen ? "82vw" : "95vw" }}
+      animate={context.isOpen ? "open" : "closed"}
+      transition={{ duration: 0.2 }}
+      variants={{
+        closed: { width: "95vw" },
+        open: { width: "82vw" },
+      }}
+      className="flex-grow bg-gray-200 p-4 text-black overflow-y-scroll h-screen"
+    >
+      {children}
+    </motion.div>
+  );
+};
+export default MainContent;
diff --git a/src/components/MenuButton.tsx b/src/components/MenuButton.tsx
index e45fad36..a1de5ee1 100644
--- a/src/components/MenuButton.tsx
+++ b/src/components/MenuButton.tsx
@@ -1,76 +1,76 @@
-"use client";
-import { useEffect, useContext } from "react";
-import { motion } from "framer-motion";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-
-const Path = ({
-  isopen,
-  pathvariants,
-  transition,
-}: {
-  isopen: Boolean;
-  pathvariants: {
-    closed: { opacity: number; d: string };
-    open: { opacity: number; d: string };
-  };
-  transition?: any;
-}) => (
-  <motion.path
-    className="text-white"
-    initial={false}
-    animate={isopen ? "open" : "closed"}
-    variants={pathvariants}
-    strokeWidth="3"
-    stroke="hsl(0, 0%, 100%)"
-    strokeLinecap="round"
-    transition={transition}
-  />
-);
-
-const MenuButton = () => {
-  const context = useContext(ToggleContext);
-
-  return (
-    <div className="flex items-center">
-      <button
-        className="inline-flex items-center justify-center p-2 rounded-md bg-gray-900 hover:bg-gray-700 transition-all duration-200"
-        onClick={context.sidebarToggle}
-      >
-        {/* Icon when menu is closed. */}
-
-        <svg
-          fill="#fff"
-          width="22"
-          height="22"
-          viewBox="0 0 22 20"
-          className="text-white"
-        >
-          <Path
-            pathvariants={{
-              closed: { opacity: 1, d: "M 2 2.5 L 20 2.5" },
-              open: { opacity: 1, d: "M 3 16.5 L 17 2.5" },
-            }}
-            isopen={context.isOpen}
-          />
-          <Path
-            pathvariants={{
-              closed: { opacity: 1, d: "M 2 9.423 L 20 9.423" },
-              open: { opacity: 0, d: "M 2 9.423 L 20 9.423" },
-            }}
-            isopen={context.isOpen}
-            transition={{ duration: 0.1 }}
-          />
-          <Path
-            pathvariants={{
-              closed: { opacity: 1, d: "M 2 16.346 L 20 16.346" },
-              open: { opacity: 1, d: "M 3 2.5 L 17 16.346" },
-            }}
-            isopen={context.isOpen}
-          />
-        </svg>
-      </button>
-    </div>
-  );
-};
-
-export default MenuButton;
+"use client";
+import { useEffect, useContext } from "react";
+import { motion } from "framer-motion";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+
+const Path = ({
+  isopen,
+  pathvariants,
+  transition,
+}: {
+  isopen: Boolean;
+  pathvariants: {
+    closed: { opacity: number; d: string };
+    open: { opacity: number; d: string };
+  };
+  transition?: any;
+}) => (
+  <motion.path
+    className="text-white"
+    initial={false}
+    animate={isopen ? "open" : "closed"}
+    variants={pathvariants}
+    strokeWidth="3"
+    stroke="hsl(0, 0%, 100%)"
+    strokeLinecap="round"
+    transition={transition}
+  />
+);
+
+const MenuButton = () => {
+  const context = useContext(ToggleContext);
+
+  return (
+    <div className="flex items-center">
+      <button
+        className="inline-flex items-center justify-center p-2 rounded-md bg-gray-900 hover:bg-gray-700 transition-all duration-200"
+        onClick={context.sidebarToggle}
+      >
+        {/* Icon when menu is closed. */}
+
+        <svg
+          fill="#fff"
+          width="22"
+          height="22"
+          viewBox="0 0 22 20"
+          className="text-white"
+        >
+          <Path
+            pathvariants={{
+              closed: { opacity: 1, d: "M 2 2.5 L 20 2.5" },
+              open: { opacity: 1, d: "M 3 16.5 L 17 2.5" },
+            }}
+            isopen={context.isOpen}
+          />
+          <Path
+            pathvariants={{
+              closed: { opacity: 1, d: "M 2 9.423 L 20 9.423" },
+              open: { opacity: 0, d: "M 2 9.423 L 20 9.423" },
+            }}
+            isopen={context.isOpen}
+            transition={{ duration: 0.1 }}
+          />
+          <Path
+            pathvariants={{
+              closed: { opacity: 1, d: "M 2 16.346 L 20 16.346" },
+              open: { opacity: 1, d: "M 3 2.5 L 17 16.346" },
+            }}
+            isopen={context.isOpen}
+          />
+        </svg>
+      </button>
+    </div>
+  );
+};
+
+export default MenuButton;
diff --git a/src/components/NavButtonGroup.tsx b/src/components/NavButtonGroup.tsx
index 052e0b60..df01e1de 100644
--- a/src/components/NavButtonGroup.tsx
+++ b/src/components/NavButtonGroup.tsx
@@ -1,154 +1,154 @@
-//this includes the login and logout buttons of the navbar
-//it is a dropdown menu that appears when the user clicks on the user icon
-//dropdown menu is a part of the navbar and opens on the right side of the navbar
-"use client";
-
-import React, { useContext } from "react";
-import Link, { LinkProps } from "next/link";
-import { usePathname } from "next/navigation";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import Cookies from "js-cookie";
-
-const NavLink = ({ href }: LinkProps) => {
-  const path = usePathname();
-  const context = useContext(ToggleContext);
-  const isActive = path === href;
-  if (isActive) {
-    return (
-      <div className="bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-        <div className="flex justify-start gap-[1vw]">
-          <div className="w-[2vw]">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="#fff"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <path d="M12 21h5a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-5"></path>
-              <path d="m9 15 4-4-4-4M13 11H1"></path>
-            </svg>
-          </div>
-          <motion.div
-            initial={{ opacity: 1 }}
-            animate={context.isOpen ? "open" : "closed"}
-            transition={{ duration: 0.1 }}
-            variants={{
-              closed: { opacity: 0 },
-              open: { opacity: 1 },
-            }}
-            className="w-[13vw]"
-          >
-            Login
-          </motion.div>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <Link href={href}>
-      <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-        <div className="flex justify-start gap-[1rem]">
-          <div className="w-[2rem]">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="#fff"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <path d="M12 21h5a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-5"></path>
-              <path d="m9 15 4-4-4-4M13 11H1"></path>
-            </svg>
-          </div>
-          <motion.div
-            initial={{ opacity: 1 }}
-            animate={context.isOpen ? "open" : "closed"}
-            transition={{ duration: 0.1 }}
-            variants={{
-              closed: { opacity: 0 },
-              open: { opacity: 1 },
-            }}
-            className="w-[13vw]"
-          >
-            Login
-          </motion.div>
-        </div>
-      </div>
-    </Link>
-  );
-};
-
-const LogoutButton = () => {
-  const context = useContext(ToggleContext);
-
-  const logOut = () => {
-    Cookies.remove("user");
-    Cookies.remove("accessToken");
-    window.location.pathname = "/";
-  };
-
-  return (
-    <div
-      className="hover:bg-gray-900 rounded-md mb-[1vh] py-[1vh] px-[1vw]"
-      onClick={logOut}
-    >
-      <div className="flex justify-start gap-[1rem]">
-        <div className="w-[2rem]">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="#fff"
-            stroke="currentColor"
-            strokeWidth="2"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          >
-            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
-            <polyline points="16 17 21 12 16 7"></polyline>
-            <line x1="21" y1="12" x2="9" y2="12"></line>
-          </svg>
-        </div>
-        <motion.div
-          initial={{ opacity: 1 }}
-          animate={context.isOpen ? "open" : "closed"}
-          transition={{ duration: 0.1 }}
-          variants={{
-            closed: { opacity: 0 },
-            open: { opacity: 1 },
-          }}
-          className="w-[13vw] cursor-pointer"
-        >
-          Logout
-        </motion.div>
-      </div>
-    </div>
-  );
-};
-
-const NavButtonGroup = (params: { loggedIn: boolean }) => {
-  const context = useContext(ToggleContext);
-
-  return (
-    <div className="">
-      <div className="flex flex-col">
-        {!params.loggedIn && <NavLink href="/login" />}
-        {params.loggedIn && <LogoutButton />}
-      </div>
-    </div>
-  );
-};
-
-export default NavButtonGroup;
+//this includes the login and logout buttons of the navbar
+//it is a dropdown menu that appears when the user clicks on the user icon
+//dropdown menu is a part of the navbar and opens on the right side of the navbar
+"use client";
+
+import React, { useContext } from "react";
+import Link, { LinkProps } from "next/link";
+import { usePathname } from "next/navigation";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import Cookies from "js-cookie";
+
+const NavLink = ({ href }: LinkProps) => {
+  const path = usePathname();
+  const context = useContext(ToggleContext);
+  const isActive = path === href;
+  if (isActive) {
+    return (
+      <div className="bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+        <div className="flex justify-start gap-[1vw]">
+          <div className="w-[2vw]">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="#fff"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M12 21h5a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-5"></path>
+              <path d="m9 15 4-4-4-4M13 11H1"></path>
+            </svg>
+          </div>
+          <motion.div
+            initial={{ opacity: 1 }}
+            animate={context.isOpen ? "open" : "closed"}
+            transition={{ duration: 0.1 }}
+            variants={{
+              closed: { opacity: 0 },
+              open: { opacity: 1 },
+            }}
+            className="w-[13vw]"
+          >
+            Login
+          </motion.div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <Link href={href}>
+      <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+        <div className="flex justify-start gap-[1rem]">
+          <div className="w-[2rem]">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="#fff"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M12 21h5a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-5"></path>
+              <path d="m9 15 4-4-4-4M13 11H1"></path>
+            </svg>
+          </div>
+          <motion.div
+            initial={{ opacity: 1 }}
+            animate={context.isOpen ? "open" : "closed"}
+            transition={{ duration: 0.1 }}
+            variants={{
+              closed: { opacity: 0 },
+              open: { opacity: 1 },
+            }}
+            className="w-[13vw]"
+          >
+            Login
+          </motion.div>
+        </div>
+      </div>
+    </Link>
+  );
+};
+
+const LogoutButton = () => {
+  const context = useContext(ToggleContext);
+
+  const logOut = () => {
+    Cookies.remove("user");
+    Cookies.remove("accessToken");
+    window.location.pathname = "/";
+  };
+
+  return (
+    <div
+      className="hover:bg-gray-900 rounded-md mb-[1vh] py-[1vh] px-[1vw]"
+      onClick={logOut}
+    >
+      <div className="flex justify-start gap-[1rem]">
+        <div className="w-[2rem]">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="#fff"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+            <polyline points="16 17 21 12 16 7"></polyline>
+            <line x1="21" y1="12" x2="9" y2="12"></line>
+          </svg>
+        </div>
+        <motion.div
+          initial={{ opacity: 1 }}
+          animate={context.isOpen ? "open" : "closed"}
+          transition={{ duration: 0.1 }}
+          variants={{
+            closed: { opacity: 0 },
+            open: { opacity: 1 },
+          }}
+          className="w-[13vw] cursor-pointer"
+        >
+          Logout
+        </motion.div>
+      </div>
+    </div>
+  );
+};
+
+const NavButtonGroup = (params: { loggedIn: boolean }) => {
+  const context = useContext(ToggleContext);
+
+  return (
+    <div className="">
+      <div className="flex flex-col">
+        {!params.loggedIn && <NavLink href="/login" />}
+        {params.loggedIn && <LogoutButton />}
+      </div>
+    </div>
+  );
+};
+
+export default NavButtonGroup;
diff --git a/src/components/NewTableComponent/ColumnMapping.tsx b/src/components/NewTableComponent/ColumnMapping.tsx
index 6a251a97..a10b3a78 100644
--- a/src/components/NewTableComponent/ColumnMapping.tsx
+++ b/src/components/NewTableComponent/ColumnMapping.tsx
@@ -1,54 +1,54 @@
-import { ColumnDef } from "@tanstack/react-table";
-const customHeaders: { [key: string]: string } = {
-  "companyDetailsFilled.name": "Company_Details_Name",
-  "recruiterDetailsFilled.name": "Recruiter_Details_Name",
-};
-export default function generateColumns(dto: any): ColumnDef<any>[] {
-  const generatedColumns: ColumnDef<any>[] = [];
-
-  function generateColumnsRecursive(data: any, prefix = "") {
-    Object.entries(data).forEach(([key, value]) => {
-      const accessorKey = prefix ? `${prefix}.${key}` : key;
-      const header = customHeaders[accessorKey] || key.charAt(0).toUpperCase() + key.slice(1);
-
-      if (typeof value === "object" && value !== null) {
-        generateColumnsRecursive(value, accessorKey);
-      } else {
-        const column: ColumnDef<any> = {
-          accessorKey,
-          header,
-          size: getColumnSize(key),
-        };
-
-        generatedColumns.push(column);
-      }
-    });
-  }
-
-
-  function getColumnSize(key: string): number {
-    const sizes: { [key: string]: number } = {
-      id: 40,
-      userId: 120,
-      programId: 120,
-      rollNo: 80,
-      category: 120,
-      gender: 100,
-      cpi: 80,
-      name: 200,
-      email: 250,
-      contact: 150,
-      course: 200,
-      branch: 200,
-      year: 80,
-    };
-
-    return sizes[key] || 150;
-  }
-
-  if (dto.length > 0) {
-    generateColumnsRecursive(dto[0]);
-  }
-
-  return generatedColumns;
+import { ColumnDef } from "@tanstack/react-table";
+const customHeaders: { [key: string]: string } = {
+  "companyDetailsFilled.name": "Company_Details_Name",
+  "recruiterDetailsFilled.name": "Recruiter_Details_Name",
+};
+export default function generateColumns(dto: any): ColumnDef<any>[] {
+  const generatedColumns: ColumnDef<any>[] = [];
+
+  function generateColumnsRecursive(data: any, prefix = "") {
+    Object.entries(data).forEach(([key, value]) => {
+      const accessorKey = prefix ? `${prefix}.${key}` : key;
+      const header = customHeaders[accessorKey] || key.charAt(0).toUpperCase() + key.slice(1);
+
+      if (typeof value === "object" && value !== null) {
+        generateColumnsRecursive(value, accessorKey);
+      } else {
+        const column: ColumnDef<any> = {
+          accessorKey,
+          header,
+          size: getColumnSize(key),
+        };
+
+        generatedColumns.push(column);
+      }
+    });
+  }
+
+
+  function getColumnSize(key: string): number {
+    const sizes: { [key: string]: number } = {
+      id: 40,
+      userId: 120,
+      programId: 120,
+      rollNo: 80,
+      category: 120,
+      gender: 100,
+      cpi: 80,
+      name: 200,
+      email: 250,
+      contact: 150,
+      course: 200,
+      branch: 200,
+      year: 80,
+    };
+
+    return sizes[key] || 150;
+  }
+
+  if (dto.length > 0) {
+    generateColumnsRecursive(dto[0]);
+  }
+
+  return generatedColumns;
 }
\ No newline at end of file
diff --git a/src/components/NewTableComponent/JobModal.jsx b/src/components/NewTableComponent/JobModal.jsx
index 4c039f76..ddeb2369 100644
--- a/src/components/NewTableComponent/JobModal.jsx
+++ b/src/components/NewTableComponent/JobModal.jsx
@@ -1,1025 +1,1025 @@
-"use client";
-import * as React from "react";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import Modal from "@mui/material/Modal";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
-import { useEffect, useState } from "react";
-import CircularProgress from "@mui/material/CircularProgress";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
-import { grey } from "@mui/material/colors";
-import Loader from "@/components/Loader/loader";
-import { fetchJobById } from "@/helpers/api";
-import toast from "react-hot-toast";
-const theme = createTheme({
-  palette: {
-    primary: {
-      main: "#1976d2",
-    },
-    secondary: {
-      main: grey[800],
-    },
-    background: {
-      default: grey[100],
-    },
-  },
-  typography: {
-    fontFamily: "Roboto, Arial, sans-serif",
-  },
-});
-
-const style = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: 800,
-  bgcolor: "background.paper",
-  border: "2px solid #000",
-  boxShadow: 24,
-  p: 4,
-  overflowY: "auto",
-  maxHeight: "90vh",
-};
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-export default function ViewJobModal({ open, setOpen, id }) {
-  const [jobData, setJobData] = useState(null);
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-    const fetchJobData = async () => {
-      setLoading(true);
-      try {
-        const data = await fetchJobById(id);
-        setJobData(data);
-      } catch (error) {
-        toast.error("Error fetching job data:");
-      }
-      setLoading(false);
-    };
-
-    if (open && id) {
-      fetchJobData();
-    }
-  }, [open, id]);
-
-  const handleClose = () => setOpen(false);
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Modal
-        open={open}
-        onClose={handleClose}
-        className="!text-black"
-        aria-labelledby="modal-modal-title"
-        aria-describedby="modal-modal-description"
-      >
-        <Box sx={style}>
-          {loading ? (
-            <Box
-              display="flex"
-              justifyContent="center"
-              alignItems="center"
-              minHeight={200}
-            >
-              <div className="h-screen w-full flex justify-center items-center">
-                <Loader />
-              </div>
-            </Box>
-          ) : (
-            <>
-              {jobData && (
-                <>
-                  <Typography
-                    id="modal-modal-title"
-                    variant="h4"
-                    component="h2"
-                    gutterBottom
-                  >
-                    Job Details
-                  </Typography>
-                  {/* General Job Information */}
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{jobData.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Role
-                          </TableCell>
-                          <TableCell>{jobData.role}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Active
-                          </TableCell>
-                          <TableCell>{jobData.active.toString()}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Current Status
-                          </TableCell>
-                          <TableCell>{jobData.currentStatus}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            No. of Vacancies
-                          </TableCell>
-                          <TableCell>{jobData.noOfVacancies}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Duration
-                          </TableCell>
-                          <TableCell>{jobData.duration}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Location
-                          </TableCell>
-                          <TableCell>{jobData.location}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Season Information */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Season Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{jobData.season.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Year
-                          </TableCell>
-                          <TableCell>{jobData.season.year}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Type
-                          </TableCell>
-                          <TableCell>{jobData.season.type}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Company Information */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Company Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{jobData.company.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>{jobData.company.name}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Recruiter Information */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Recruiter Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{jobData.recruiter.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Designation
-                          </TableCell>
-                          <TableCell>{jobData.recruiter.designation}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>{jobData.recruiter.user.name}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Email
-                          </TableCell>
-                          <TableCell>{jobData.recruiter.user.email}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Contact
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiter.user.contact}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Company Details Filled */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Company Details Filled
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.name}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Category
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.category}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Year of Establishment
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.yearOfEstablishment}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Website
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.website}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Size
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.size}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Annual Turnover
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.annualTurnover}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Social Media Link
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.socialMediaLink}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Domains
-                          </TableCell>
-                          <TableCell>
-                            {jobData.companyDetailsFilled.domains.join(", ")}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Address
-                          </TableCell>
-                          <TableCell>
-                            {`${jobData.companyDetailsFilled.address.line1}, ${jobData.companyDetailsFilled.address.line2}, ${jobData.companyDetailsFilled.address.city}, ${jobData.companyDetailsFilled.address.state}, ${jobData.companyDetailsFilled.address.country}`}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Recruiter Details Filled */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Recruiter Details Filled
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiterDetailsFilled.name}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Email
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiterDetailsFilled.email}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Contact
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiterDetailsFilled.contact}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Designation
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiterDetailsFilled.designation}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Landline
-                          </TableCell>
-                          <TableCell>
-                            {jobData.recruiterDetailsFilled.landline}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Selection Procedure */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Selection Procedure
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Selection Mode
-                          </TableCell>
-                          <TableCell>
-                            {jobData?.selectionProcedure?.selectionMode}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Shortlist from Resume
-                          </TableCell>
-                          <TableCell>
-                            {jobData?.selectionProcedure?.shortlistFromResume.toString()}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Group Discussion
-                          </TableCell>
-                          <TableCell>
-                            {jobData?.selectionProcedure?.groupDiscussion.toString()}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Tests
-                          </TableCell>
-                          <TableCell>
-                            <Table>
-                              <TableHead>
-                                <TableRow>
-                                  <TableCell sx={{ fontWeight: "bold" }}>
-                                    Type
-                                  </TableCell>
-                                  <TableCell sx={{ fontWeight: "bold" }}>
-                                    Duration
-                                  </TableCell>
-                                </TableRow>
-                              </TableHead>
-                              <TableBody>
-                                {jobData?.selectionProcedure?.tests.map(
-                                  (test) => (
-                                    <TableRow key={test.type}>
-                                      <TableCell>{test.type}</TableCell>
-                                      <TableCell>{test.duration}</TableCell>
-                                    </TableRow>
-                                  ),
-                                )}
-                              </TableBody>
-                            </Table>
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Interviews
-                          </TableCell>
-                          <TableCell>
-                            <Table>
-                              <TableHead>
-                                <TableRow>
-                                  <TableCell sx={{ fontWeight: "bold" }}>
-                                    Type
-                                  </TableCell>
-                                  <TableCell sx={{ fontWeight: "bold" }}>
-                                    Duration
-                                  </TableCell>
-                                </TableRow>
-                              </TableHead>
-                              <TableBody>
-                                {jobData?.selectionProcedure?.interviews.map(
-                                  (interview) => (
-                                    <TableRow key={interview.type}>
-                                      <TableCell>{interview.type}</TableCell>
-                                      <TableCell>
-                                        {interview.duration}
-                                      </TableCell>
-                                    </TableRow>
-                                  ),
-                                )}
-                              </TableBody>
-                            </Table>
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Requirements
-                          </TableCell>
-                          <TableCell>
-                            <Table>
-                              <TableBody>
-                                <TableRow>
-                                  <TableCell
-                                    component="th"
-                                    scope="row"
-                                    sx={{ fontWeight: "bold" }}
-                                  >
-                                    No. of Members
-                                  </TableCell>
-                                  <TableCell>
-                                    {
-                                      jobData?.selectionProcedure?.requirements
-                                        ?.numberOfMembers
-                                    }
-                                  </TableCell>
-                                </TableRow>
-                                <TableRow>
-                                  <TableCell
-                                    component="th"
-                                    scope="row"
-                                    sx={{ fontWeight: "bold" }}
-                                  >
-                                    No. of Rooms
-                                  </TableCell>
-                                  <TableCell>
-                                    {
-                                      jobData?.selectionProcedure?.requirements
-                                        ?.numberOfRooms
-                                    }
-                                  </TableCell>
-                                </TableRow>
-                                <TableRow>
-                                  <TableCell
-                                    component="th"
-                                    scope="row"
-                                    sx={{ fontWeight: "bold" }}
-                                  >
-                                    Other Requirements
-                                  </TableCell>
-                                  <TableCell>
-                                    {
-                                      jobData?.selectionProcedure?.requirements
-                                        ?.otherRequirements
-                                    }
-                                  </TableCell>
-                                </TableRow>
-                              </TableBody>
-                            </Table>
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Others
-                          </TableCell>
-                          <TableCell>
-                            {jobData?.selectionProcedure?.others}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Other Details */}
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Description
-                          </TableCell>
-                          <TableCell>{jobData.description}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Attachment
-                          </TableCell>
-                          <TableCell>{jobData.attachment}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Skills
-                          </TableCell>
-                          <TableCell>{jobData.skills}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Offer Letter Release Date
-                          </TableCell>
-                          <TableCell>
-                            {new Date(
-                              jobData.offerLetterReleaseDate,
-                            ).toLocaleString()}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Joining Date
-                          </TableCell>
-                          <TableCell>
-                            {new Date(jobData.joiningDate).toLocaleString()}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Feedback
-                          </TableCell>
-                          <TableCell>{jobData.feedback}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Job Coordinators */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Recruiter Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Role
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Job ID
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Job Role
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Company
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Season
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {jobData.jobCoordinators.map((coordinator) => (
-                          <TableRow key={coordinator.id}>
-                            <TableCell>{coordinator.id}</TableCell>
-                            <TableCell>{coordinator.role}</TableCell>
-                            <TableCell>{coordinator.job.id}</TableCell>
-                            <TableCell>{coordinator.job.role}</TableCell>
-                            <TableCell>
-                              {coordinator.job.company.name}
-                            </TableCell>
-                            <TableCell>
-                              {coordinator.job.season.year} -{" "}
-                              {coordinator.job.season.type}
-                            </TableCell>
-                          </TableRow>
-                        ))}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Events */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Events
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Round Number
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Type
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Metadata
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Start DateTime
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            End DateTime
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Visible to Recruiter
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {jobData.events.map((event) => (
-                          <TableRow key={event.id}>
-                            <TableCell>{event.id}</TableCell>
-                            <TableCell>{event.roundNumber}</TableCell>
-                            <TableCell>{event.type}</TableCell>
-                            <TableCell>{event.metadata}</TableCell>
-                            <TableCell>
-                              {new Date(event.startDateTime).toLocaleString()}
-                            </TableCell>
-                            <TableCell>
-                              {new Date(event.endDateTime).toLocaleString()}
-                            </TableCell>
-                            <TableCell>
-                              {event.visibleToRecruiter.toString()}
-                            </TableCell>
-                          </TableRow>
-                        ))}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-
-                  {/* Salaries */}
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Salaries
-                  </Typography>
-                  <TableContainer component={Paper} elevation={3}>
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Total CTC
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Salary Period
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Genders
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Programs
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Faculty Approvals
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Categories
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Min CPI
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            10th Marks
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            12th Marks
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {jobData.salaries.map((salary) => (
-                          <TableRow key={salary?.id}>
-                            <TableCell>{salary?.id}</TableCell>
-                            <TableCell>{salary?.totalCTC}</TableCell>
-                            <TableCell>{salary?.salaryPeriod}</TableCell>
-                            <TableCell>{salary?.genders?.join(", ")}</TableCell>
-                            <TableCell>
-                              {salary?.programs?.join(", ")}
-                            </TableCell>
-                            <TableCell>
-                              {salary?.facultyApprovals?.join(", ")}
-                            </TableCell>
-                            <TableCell>
-                              {salary?.categories?.join(", ")}
-                            </TableCell>
-                            <TableCell>{salary?.minCPI}</TableCell>
-                            <TableCell>{salary?.tenthMarks}</TableCell>
-                            <TableCell>{salary?.twelthMarks}</TableCell>
-                          </TableRow>
-                        ))}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                </>
-              )}
-            </>
-          )}
-        </Box>
-      </Modal>
-    </ThemeProvider>
-  );
-}
+"use client";
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Paper from "@mui/material/Paper";
+import { useEffect, useState } from "react";
+import CircularProgress from "@mui/material/CircularProgress";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+import { grey } from "@mui/material/colors";
+import Loader from "@/components/Loader/loader";
+import { fetchJobById } from "@/helpers/api";
+import toast from "react-hot-toast";
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: "#1976d2",
+    },
+    secondary: {
+      main: grey[800],
+    },
+    background: {
+      default: grey[100],
+    },
+  },
+  typography: {
+    fontFamily: "Roboto, Arial, sans-serif",
+  },
+});
+
+const style = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 800,
+  bgcolor: "background.paper",
+  border: "2px solid #000",
+  boxShadow: 24,
+  p: 4,
+  overflowY: "auto",
+  maxHeight: "90vh",
+};
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+export default function ViewJobModal({ open, setOpen, id }) {
+  const [jobData, setJobData] = useState(null);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    const fetchJobData = async () => {
+      setLoading(true);
+      try {
+        const data = await fetchJobById(id);
+        setJobData(data);
+      } catch (error) {
+        toast.error("Error fetching job data:");
+      }
+      setLoading(false);
+    };
+
+    if (open && id) {
+      fetchJobData();
+    }
+  }, [open, id]);
+
+  const handleClose = () => setOpen(false);
+
+  return (
+    <ThemeProvider theme={theme}>
+      <Modal
+        open={open}
+        onClose={handleClose}
+        className="!text-black"
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <Box sx={style}>
+          {loading ? (
+            <Box
+              display="flex"
+              justifyContent="center"
+              alignItems="center"
+              minHeight={200}
+            >
+              <div className="h-screen w-full flex justify-center items-center">
+                <Loader />
+              </div>
+            </Box>
+          ) : (
+            <>
+              {jobData && (
+                <>
+                  <Typography
+                    id="modal-modal-title"
+                    variant="h4"
+                    component="h2"
+                    gutterBottom
+                  >
+                    Job Details
+                  </Typography>
+                  {/* General Job Information */}
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{jobData.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Role
+                          </TableCell>
+                          <TableCell>{jobData.role}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Active
+                          </TableCell>
+                          <TableCell>{jobData.active.toString()}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Current Status
+                          </TableCell>
+                          <TableCell>{jobData.currentStatus}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            No. of Vacancies
+                          </TableCell>
+                          <TableCell>{jobData.noOfVacancies}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Duration
+                          </TableCell>
+                          <TableCell>{jobData.duration}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Location
+                          </TableCell>
+                          <TableCell>{jobData.location}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Season Information */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Season Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{jobData.season.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Year
+                          </TableCell>
+                          <TableCell>{jobData.season.year}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Type
+                          </TableCell>
+                          <TableCell>{jobData.season.type}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Company Information */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Company Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{jobData.company.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>{jobData.company.name}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Recruiter Information */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Recruiter Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{jobData.recruiter.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Designation
+                          </TableCell>
+                          <TableCell>{jobData.recruiter.designation}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>{jobData.recruiter.user.name}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Email
+                          </TableCell>
+                          <TableCell>{jobData.recruiter.user.email}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Contact
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiter.user.contact}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Company Details Filled */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Company Details Filled
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.name}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Category
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.category}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Year of Establishment
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.yearOfEstablishment}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Website
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.website}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Size
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.size}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Annual Turnover
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.annualTurnover}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Social Media Link
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.socialMediaLink}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Domains
+                          </TableCell>
+                          <TableCell>
+                            {jobData.companyDetailsFilled.domains.join(", ")}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Address
+                          </TableCell>
+                          <TableCell>
+                            {`${jobData.companyDetailsFilled.address.line1}, ${jobData.companyDetailsFilled.address.line2}, ${jobData.companyDetailsFilled.address.city}, ${jobData.companyDetailsFilled.address.state}, ${jobData.companyDetailsFilled.address.country}`}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Recruiter Details Filled */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Recruiter Details Filled
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiterDetailsFilled.name}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Email
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiterDetailsFilled.email}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Contact
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiterDetailsFilled.contact}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Designation
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiterDetailsFilled.designation}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Landline
+                          </TableCell>
+                          <TableCell>
+                            {jobData.recruiterDetailsFilled.landline}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Selection Procedure */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Selection Procedure
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Selection Mode
+                          </TableCell>
+                          <TableCell>
+                            {jobData?.selectionProcedure?.selectionMode}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Shortlist from Resume
+                          </TableCell>
+                          <TableCell>
+                            {jobData?.selectionProcedure?.shortlistFromResume.toString()}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Group Discussion
+                          </TableCell>
+                          <TableCell>
+                            {jobData?.selectionProcedure?.groupDiscussion.toString()}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Tests
+                          </TableCell>
+                          <TableCell>
+                            <Table>
+                              <TableHead>
+                                <TableRow>
+                                  <TableCell sx={{ fontWeight: "bold" }}>
+                                    Type
+                                  </TableCell>
+                                  <TableCell sx={{ fontWeight: "bold" }}>
+                                    Duration
+                                  </TableCell>
+                                </TableRow>
+                              </TableHead>
+                              <TableBody>
+                                {jobData?.selectionProcedure?.tests.map(
+                                  (test) => (
+                                    <TableRow key={test.type}>
+                                      <TableCell>{test.type}</TableCell>
+                                      <TableCell>{test.duration}</TableCell>
+                                    </TableRow>
+                                  ),
+                                )}
+                              </TableBody>
+                            </Table>
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Interviews
+                          </TableCell>
+                          <TableCell>
+                            <Table>
+                              <TableHead>
+                                <TableRow>
+                                  <TableCell sx={{ fontWeight: "bold" }}>
+                                    Type
+                                  </TableCell>
+                                  <TableCell sx={{ fontWeight: "bold" }}>
+                                    Duration
+                                  </TableCell>
+                                </TableRow>
+                              </TableHead>
+                              <TableBody>
+                                {jobData?.selectionProcedure?.interviews.map(
+                                  (interview) => (
+                                    <TableRow key={interview.type}>
+                                      <TableCell>{interview.type}</TableCell>
+                                      <TableCell>
+                                        {interview.duration}
+                                      </TableCell>
+                                    </TableRow>
+                                  ),
+                                )}
+                              </TableBody>
+                            </Table>
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Requirements
+                          </TableCell>
+                          <TableCell>
+                            <Table>
+                              <TableBody>
+                                <TableRow>
+                                  <TableCell
+                                    component="th"
+                                    scope="row"
+                                    sx={{ fontWeight: "bold" }}
+                                  >
+                                    No. of Members
+                                  </TableCell>
+                                  <TableCell>
+                                    {
+                                      jobData?.selectionProcedure?.requirements
+                                        ?.numberOfMembers
+                                    }
+                                  </TableCell>
+                                </TableRow>
+                                <TableRow>
+                                  <TableCell
+                                    component="th"
+                                    scope="row"
+                                    sx={{ fontWeight: "bold" }}
+                                  >
+                                    No. of Rooms
+                                  </TableCell>
+                                  <TableCell>
+                                    {
+                                      jobData?.selectionProcedure?.requirements
+                                        ?.numberOfRooms
+                                    }
+                                  </TableCell>
+                                </TableRow>
+                                <TableRow>
+                                  <TableCell
+                                    component="th"
+                                    scope="row"
+                                    sx={{ fontWeight: "bold" }}
+                                  >
+                                    Other Requirements
+                                  </TableCell>
+                                  <TableCell>
+                                    {
+                                      jobData?.selectionProcedure?.requirements
+                                        ?.otherRequirements
+                                    }
+                                  </TableCell>
+                                </TableRow>
+                              </TableBody>
+                            </Table>
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Others
+                          </TableCell>
+                          <TableCell>
+                            {jobData?.selectionProcedure?.others}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Other Details */}
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Description
+                          </TableCell>
+                          <TableCell>{jobData.description}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Attachment
+                          </TableCell>
+                          <TableCell>{jobData.attachment}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Skills
+                          </TableCell>
+                          <TableCell>{jobData.skills}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Offer Letter Release Date
+                          </TableCell>
+                          <TableCell>
+                            {new Date(
+                              jobData.offerLetterReleaseDate,
+                            ).toLocaleString()}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Joining Date
+                          </TableCell>
+                          <TableCell>
+                            {new Date(jobData.joiningDate).toLocaleString()}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Feedback
+                          </TableCell>
+                          <TableCell>{jobData.feedback}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Job Coordinators */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Recruiter Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Role
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Job ID
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Job Role
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Company
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Season
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {jobData.jobCoordinators.map((coordinator) => (
+                          <TableRow key={coordinator.id}>
+                            <TableCell>{coordinator.id}</TableCell>
+                            <TableCell>{coordinator.role}</TableCell>
+                            <TableCell>{coordinator.job.id}</TableCell>
+                            <TableCell>{coordinator.job.role}</TableCell>
+                            <TableCell>
+                              {coordinator.job.company.name}
+                            </TableCell>
+                            <TableCell>
+                              {coordinator.job.season.year} -{" "}
+                              {coordinator.job.season.type}
+                            </TableCell>
+                          </TableRow>
+                        ))}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Events */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Events
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Round Number
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Type
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Metadata
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Start DateTime
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            End DateTime
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Visible to Recruiter
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {jobData.events.map((event) => (
+                          <TableRow key={event.id}>
+                            <TableCell>{event.id}</TableCell>
+                            <TableCell>{event.roundNumber}</TableCell>
+                            <TableCell>{event.type}</TableCell>
+                            <TableCell>{event.metadata}</TableCell>
+                            <TableCell>
+                              {new Date(event.startDateTime).toLocaleString()}
+                            </TableCell>
+                            <TableCell>
+                              {new Date(event.endDateTime).toLocaleString()}
+                            </TableCell>
+                            <TableCell>
+                              {event.visibleToRecruiter.toString()}
+                            </TableCell>
+                          </TableRow>
+                        ))}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+
+                  {/* Salaries */}
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Salaries
+                  </Typography>
+                  <TableContainer component={Paper} elevation={3}>
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Total CTC
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Salary Period
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Genders
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Programs
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Faculty Approvals
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Categories
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Min CPI
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            10th Marks
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            12th Marks
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {jobData.salaries.map((salary) => (
+                          <TableRow key={salary?.id}>
+                            <TableCell>{salary?.id}</TableCell>
+                            <TableCell>{salary?.totalCTC}</TableCell>
+                            <TableCell>{salary?.salaryPeriod}</TableCell>
+                            <TableCell>{salary?.genders?.join(", ")}</TableCell>
+                            <TableCell>
+                              {salary?.programs?.join(", ")}
+                            </TableCell>
+                            <TableCell>
+                              {salary?.facultyApprovals?.join(", ")}
+                            </TableCell>
+                            <TableCell>
+                              {salary?.categories?.join(", ")}
+                            </TableCell>
+                            <TableCell>{salary?.minCPI}</TableCell>
+                            <TableCell>{salary?.tenthMarks}</TableCell>
+                            <TableCell>{salary?.twelthMarks}</TableCell>
+                          </TableRow>
+                        ))}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                </>
+              )}
+            </>
+          )}
+        </Box>
+      </Modal>
+    </ThemeProvider>
+  );
+}
diff --git a/src/components/NewTableComponent/NewJobModal.tsx b/src/components/NewTableComponent/NewJobModal.tsx
index 00ff6c4c..282f3372 100644
--- a/src/components/NewTableComponent/NewJobModal.tsx
+++ b/src/components/NewTableComponent/NewJobModal.tsx
@@ -1,788 +1,788 @@
-"use client";
-import React, { useState, useEffect } from "react";
-import { JobDetailFC } from "@/helpers/recruiter/types";
-import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
-import PersonIcon from "@mui/icons-material/Person";
-import { Button } from "@/components/ui/button";
-import Link from "next/link";
-import { Separator } from "@/components/ui/separator";
-import { getJafDetails } from "@/helpers/recruiter/api";
-import { JAFdetailsFC } from "@/helpers/recruiter/types";
-import { patchJobData } from "@/helpers/recruiter/api";
-import { patchSalaryData } from "@/helpers/recruiter/api";
-import {
-  CategorySelectList,
-  GenderSelectList,
-} from "@/components/Recruiters/jobEdit";
-import { fetchJobById } from "@/helpers/api";
-import Modal from "@mui/material/Modal";
-import toast from "react-hot-toast";
-import Loader from "../Loader/loader";
-
-const JobModal = ({
-  jobID,
-  open,
-  setOpen,
-}: {
-  jobID: string;
-  open: boolean;
-  setOpen: (open: boolean) => void;
-}) => {
-  if (!open) {
-    return null;
-  }
-
-  const [job, setData] = useState<JobDetailFC>(null);
-  const [loading, setLoading] = useState(true);
-  const [editMode, setEditMode] = useState(false);
-  const [formData, setFormData] = useState(null);
-  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
-  const handleClose = () => setOpen(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const [jobDetailData, jafDetailsData] = await Promise.all([
-          fetchJobById(jobID),
-          getJafDetails(),
-        ]);
-
-        setJafDetails((prev) => jafDetailsData);
-        setData(jobDetailData);
-        setFormData(jobDetailData);
-      } catch (error) {
-        toast.error("Error Fetching data");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [jobID]);
-
-  const handleEditClick = () => {
-    if (editMode) {
-      handleSubmit();
-    }
-    setEditMode(!editMode);
-  };
-
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-  };
-
-  const handleSubmit = async () => {
-    const c1 = await patchJobData(job.id, formData);
-    if (true) {
-      formData.salaries.map((salary, index) => patchSalaryData(salary));
-    }
-    setEditMode(false);
-    window.location.reload();
-  };
-
-  const addNewTest = () => {
-    const newTest = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        tests: [...prev.selectionProcedure.tests, newTest],
-      },
-    }));
-  };
-
-  const addNewInterview = () => {
-    const newInterview = { type: "", duration: 0 };
-    setFormData((prev) => ({
-      ...prev,
-      selectionProcedure: {
-        ...prev.selectionProcedure,
-        interviews: [...prev.selectionProcedure.interviews, newInterview],
-      },
-    }));
-  };
-
-  return (
-    <Modal
-      open={open}
-      onClose={handleClose}
-      className="!text-black overflow-y-scroll"
-    >
-      <div className="container py-12">
-        {loading && (
-          <div className="w-full h-full flex justify-center items-center">
-            <div className="px-28 py-16 bg-white">
-              <Loader />
-            </div>
-          </div>
-        )}
-        {job && (
-          <div className="flex flex-col gap-4">
-            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-              <div className="flex md:flex-row flex-col justify-between leading-8">
-                <div className="flex flex-col">
-                  <span className="font-semibold text-lg">Role </span>
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="role"
-                      value={formData.role}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    <span>{job.role}</span>
-                  )}
-                </div>
-                <div className="flex flex-col">
-                  <span className="font-semibold text-lg">Activity </span>
-                  <span>{job.active ? "Active" : "Inactive"}</span>
-                </div>
-                <div className="flex flex-col">
-                  <span className="font-semibold text-lg">Current Status </span>
-                  <span>{job.currentStatus}</span>
-                </div>
-                <div className="flex flex-col gap-4">
-                  <Link
-                    href={`/admin/jobs/events/${job.id}`}
-                    className="flex flex-col gap-4"
-                  >
-                    <Button variant="default">Events and Applications</Button>
-                  </Link>
-                  {!job.active && (
-                    <Button onClick={handleEditClick}>
-                      {editMode ? "Save Application" : "Edit Application"}
-                    </Button>
-                  )}
-                </div>
-              </div>
-              <div>
-                <div className="font-semibold text-lg my-4">Skills</div>
-                <div className="flex flex-wrap gap-4">
-                  {editMode ? (
-                    <input
-                      type="text"
-                      name="skills"
-                      value={formData.skills}
-                      onChange={handleChange}
-                    />
-                  ) : (
-                    job.skills
-                  )}
-                </div>
-                <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
-                  <div>
-                    <div className="font-semibold my-2">Location</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="location"
-                        value={formData.location}
-                        onChange={handleChange}
-                      />
-                    ) : (
-                      <div>{job.location}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">
-                      Offer letter release
-                    </div>{" "}
-                    {editMode ? (
-                      <input
-                        type="date"
-                        name="offerLetterReleaseDate"
-                        value={formData.offerLetterReleaseDate}
-                        onChange={handleChange}
-                      />
-                    ) : (
-                      <div>
-                        {new Date(job.offerLetterReleaseDate).toLocaleString()}
-                      </div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Joining Date</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="date"
-                        name="joiningDate"
-                        value={formData.joiningDate}
-                        onChange={handleChange}
-                      />
-                    ) : (
-                      <div>{new Date(job.joiningDate).toLocaleString()}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Duration</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="duration"
-                        value={formData.duration}
-                        onChange={handleChange}
-                      />
-                    ) : (
-                      <div>{job.duration}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Attachment</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="text"
-                        name="attachment"
-                        value={formData.attachment}
-                        onChange={handleChange}
-                      />
-                    ) : (
-                      <div>{job.attachment}</div>
-                    )}
-                  </div>
-                </div>
-              </div>
-            </div>
-            {job.selectionProcedure && (
-              <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-                <div className="font-semibold text-lg mb-4">
-                  Selection Procedure
-                </div>
-
-                <div className="flex md:flex-row flex-col justify-between mb-6">
-                  <div>
-                    <div className="font-semibold my-2">Selection mode</div>{" "}
-                    {editMode ? (
-                      <select
-                        value={formData.selectionProcedure.selectionMode}
-                        onChange={(e) => {
-                          setFormData((prev) => ({
-                            ...prev,
-                            selectionProcedure: {
-                              ...prev.selectionProcedure,
-                              selectionMode: e.target.value,
-                            },
-                          }));
-                        }}
-                      >
-                        <option>ONLINE</option>
-                        <option>OFFLINE</option>
-                      </select>
-                    ) : (
-                      <div>{job.selectionProcedure.selectionMode}</div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">
-                      Shortlist from Resume
-                    </div>{" "}
-                    {editMode ? (
-                      <input
-                        type="checkbox"
-                        name="shortlistFromResume"
-                        checked={
-                          formData.selectionProcedure.shortlistFromResume
-                        }
-                        onChange={(e) => {
-                          setFormData((prev) => ({
-                            ...prev,
-                            selectionProcedure: {
-                              ...prev.selectionProcedure,
-                              shortlistFromResume: e.target.checked,
-                            },
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>
-                        {job.selectionProcedure.shortlistFromResume
-                          ? "YES"
-                          : "NO"}
-                      </div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Group Discussion</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="checkbox"
-                        name="groupDiscussion"
-                        checked={formData.selectionProcedure.groupDiscussion}
-                        onChange={(e) => {
-                          setFormData((prev) => ({
-                            ...prev,
-                            selectionProcedure: {
-                              ...prev.selectionProcedure,
-                              groupDiscussion: e.target.checked,
-                            },
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>
-                        {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
-                      </div>
-                    )}
-                  </div>
-                  <div>
-                    <div className="font-semibold my-2">Number of members</div>{" "}
-                    {editMode ? (
-                      <input
-                        type="number"
-                        name="numberOfMembers"
-                        value={
-                          formData.selectionProcedure.requirements
-                            .numberOfMembers
-                        }
-                        onChange={(e) => {
-                          setFormData((prev) => ({
-                            ...prev,
-                            selectionProcedure: {
-                              ...prev.selectionProcedure,
-                              requirements: {
-                                ...prev.selectionProcedure.requirements,
-                                numberOfMembers: e.target.value,
-                              },
-                            },
-                          }));
-                        }}
-                      />
-                    ) : (
-                      <div>
-                        {job.selectionProcedure.requirements.numberOfMembers}
-                      </div>
-                    )}
-                  </div>
-                </div>
-
-                <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
-                  <div className="bg-gray-200 p-8 rounded-lg">
-                    <div className="font-semibold bg-gray-200">Tests</div>
-                    <ul className="list-disc capitalize">
-                      {editMode
-                        ? formData.selectionProcedure.tests.map(
-                            (test, index) => (
-                              <li key={index} className="my-2">
-                                Test Type:
-                                <select
-                                  className="ml-4 my-2 capitalize"
-                                  value={test.type}
-                                  onChange={(e) => {
-                                    const updatedtests =
-                                      formData.selectionProcedure.tests.map(
-                                        (i, j) =>
-                                          j === index
-                                            ? { ...i, type: e.target.value }
-                                            : i,
-                                      );
-                                    setFormData((prev) => ({
-                                      ...prev,
-                                      selectionProcedure: {
-                                        ...prev.selectionProcedure,
-                                        tests: updatedtests,
-                                      },
-                                    }));
-                                  }}
-                                >
-                                  {jafDetails.testTypes.map((test, index) => (
-                                    <option key={index}>{test}</option>
-                                  ))}
-                                </select>
-                                <br />
-                                Test Duration:
-                                <input
-                                  className="ml-4 my-2"
-                                  type="number"
-                                  name="testDuration"
-                                  value={test.duration}
-                                  onChange={(e) => {
-                                    const updatedTests =
-                                      formData.selectionProcedure.tests.map(
-                                        (t, i) =>
-                                          i === index
-                                            ? {
-                                                ...t,
-                                                duration: Number(
-                                                  e.target.value,
-                                                ),
-                                              }
-                                            : t,
-                                      );
-                                    setFormData((prev) => ({
-                                      ...prev,
-                                      selectionProcedure: {
-                                        ...prev.selectionProcedure,
-                                        tests: updatedTests,
-                                      },
-                                    }));
-                                  }}
-                                />
-                              </li>
-                            ),
-                          )
-                        : job.selectionProcedure.tests.map((p, index) => (
-                            <li key={index} className="my-2">
-                              {Object.entries(p).map(([key, value]) => (
-                                <span key={key}>
-                                  {key} : {value}
-                                  <br />
-                                </span>
-                              ))}
-                            </li>
-                          ))}
-                    </ul>
-                    {editMode && (
-                      <Button className="w-full" onClick={addNewTest}>
-                        Add
-                      </Button>
-                    )}
-                  </div>
-
-                  <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
-
-                  <div className="bg-gray-200 p-8 rounded-lg">
-                    <div className="font-semibold bg-gray-200">Interviews</div>
-                    <ul className="list-disc capitalize">
-                      {editMode
-                        ? formData.selectionProcedure.interviews.map(
-                            (interview, index) => (
-                              <li key={index} className="my-2">
-                                Interview Type:
-                                <select
-                                  className="ml-4 my-2 capitalize"
-                                  value={interview.type}
-                                  onChange={(e) => {
-                                    const updatedInterviews =
-                                      formData.selectionProcedure.interviews.map(
-                                        (i, j) =>
-                                          j === index
-                                            ? { ...i, type: e.target.value }
-                                            : i,
-                                      );
-                                    setFormData((prev) => ({
-                                      ...prev,
-                                      selectionProcedure: {
-                                        ...prev.selectionProcedure,
-                                        interviews: updatedInterviews,
-                                      },
-                                    }));
-                                  }}
-                                >
-                                  {jafDetails.interviewTypes.map(
-                                    (test, index) => (
-                                      <option key={index}>{test}</option>
-                                    ),
-                                  )}
-                                </select>
-                                <br />
-                                Interview Duration:
-                                <input
-                                  className="ml-4 my-2"
-                                  type="number"
-                                  name="interviewDuration"
-                                  value={interview.duration}
-                                  onChange={(e) => {
-                                    const updatedInterviews =
-                                      formData.selectionProcedure.interviews.map(
-                                        (i, j) =>
-                                          j === index
-                                            ? { ...i, duration: e.target.value }
-                                            : i,
-                                      );
-                                    setFormData((prev) => ({
-                                      ...prev,
-                                      selectionProcedure: {
-                                        ...prev.selectionProcedure,
-                                        interviews: updatedInterviews,
-                                      },
-                                    }));
-                                  }}
-                                />
-                              </li>
-                            ),
-                          )
-                        : job.selectionProcedure.interviews.map((p, index) => (
-                            <li key={index} className="my-2">
-                              {Object.entries(p).map(([key, value]) => (
-                                <span key={key}>
-                                  {key} : {value}
-                                  <br />
-                                </span>
-                              ))}
-                            </li>
-                          ))}
-                    </ul>
-                    {editMode && (
-                      <Button className="w-full" onClick={addNewInterview}>
-                        Add
-                      </Button>
-                    )}
-                  </div>
-                </div>
-                <div className="mt-8">
-                  <div>
-                    <div>
-                      <span className="font-semibold">
-                        Other requirements :
-                      </span>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="otherRequirements"
-                          value={
-                            formData.selectionProcedure.requirements
-                              .otherRequirements
-                          }
-                          onChange={(e) => {
-                            setFormData((prev) => ({
-                              ...prev,
-                              selectionProcedure: {
-                                ...prev.selectionProcedure,
-                                requirements: {
-                                  ...prev.selectionProcedure.requirements,
-                                  otherRequirements: e.target.value,
-                                },
-                              },
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>
-                          {
-                            job.selectionProcedure.requirements
-                              .otherRequirements
-                          }
-                        </div>
-                      )}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            )}
-            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-              <div className="font-semibold text-lg mb-4">Job Coordinators</div>
-              <div className="flex gap-4 flex-wrap">
-                {job.jobCoordinators?.map((coordinator, index) => (
-                  <div
-                    key={index}
-                    className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
-                  >
-                    <div className="text-center font-semibold">
-                      <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
-                      <br />
-                      {coordinator.tpcMember.student.user.name}
-                    </div>
-                    <div>
-                      <div>
-                        <span className="font-semibold">Role : </span>
-                        {coordinator.tpcMember.role}
-                      </div>
-                      <div>
-                        <span className="font-semibold">Department : </span>
-                        {coordinator.tpcMember.student.program.department}
-                      </div>
-                      <div>
-                        <span className="font-semibold">Email : </span>
-                        {coordinator.tpcMember.student.user.email}
-                      </div>
-                      <div>
-                        <span className="font-semibold">Contact : </span>
-                        {coordinator.tpcMember.student.user.contact}
-                      </div>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </div>
-            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
-              <div className="font-semibold text-lg mb-4">Salaries</div>
-              {job.salaries?.map((salary, salaryIndex) => (
-                <div key={salaryIndex}>
-                  <div className="flex md:flex-row flex-col flex-wrap justify-between">
-                    <div>
-                      <div className="font-semibold my-2">Base Salary</div>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="baseSalary"
-                          value={formData.salaries[salaryIndex].baseSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map(
-                              (s, i) =>
-                                i === salaryIndex
-                                  ? { ...s, baseSalary: e.target.value }
-                                  : s,
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.baseSalary}</div>
-                      )}
-                    </div>
-                    <div>
-                      <div className="font-semibold my-2">CTC</div>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="totalCTC"
-                          value={formData.salaries[salaryIndex].totalCTC}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map(
-                              (s, i) =>
-                                i === salaryIndex
-                                  ? { ...s, totalCTC: e.target.value }
-                                  : s,
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.totalCTC}</div>
-                      )}
-                    </div>
-                    <div>
-                      <div className="font-semibold my-2">Take Home Salary</div>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="takeHomeSalary"
-                          value={formData.salaries[salaryIndex].takeHomeSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map(
-                              (s, i) =>
-                                i === salaryIndex
-                                  ? { ...s, takeHomeSalary: e.target.value }
-                                  : s,
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.takeHomeSalary}</div>
-                      )}
-                    </div>
-                    <div>
-                      <div className="font-semibold my-2">Gross Salary</div>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="grossSalary"
-                          value={formData.salaries[salaryIndex].grossSalary}
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map(
-                              (s, i) =>
-                                i === salaryIndex
-                                  ? { ...s, grossSalary: e.target.value }
-                                  : s,
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.grossSalary}</div>
-                      )}
-                    </div>
-                    <div>
-                      <div className="font-semibold my-2">
-                        Other Compensations
-                      </div>{" "}
-                      {editMode ? (
-                        <input
-                          type="text"
-                          name="otherCompensations"
-                          value={
-                            formData.salaries[salaryIndex].otherCompensations
-                          }
-                          onChange={(e) => {
-                            const updatedSalaries = formData.salaries.map(
-                              (s, i) =>
-                                i === salaryIndex
-                                  ? { ...s, otherCompensations: e.target.value }
-                                  : s,
-                            );
-                            setFormData((prev) => ({
-                              ...prev,
-                              salaries: updatedSalaries,
-                            }));
-                          }}
-                        />
-                      ) : (
-                        <div>{salary.otherCompensations}</div>
-                      )}
-                    </div>
-                  </div>
-                  {/* Genders */}
-                  <div>
-                    <h2 className="text-md font-semibold mt-4">Genders</h2>
-                    {editMode ? (
-                      <GenderSelectList
-                        givenOptions={jafDetails.genders}
-                        formData={formData}
-                        setFormData={setFormData}
-                        salaryIndex={salaryIndex}
-                      />
-                    ) : (
-                      <div className="flex flex-wrap !text-md">
-                        {salary.genders?.map((gender, genderIndex) => (
-                          <div key={genderIndex} className="mx-2 my-2">
-                            {editMode ? null : (
-                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                                {gender}
-                              </div>
-                            )}
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-
-                  {/* Categories */}
-                  <div>
-                    <h2 className="text-md font-semibold mt-4">Categories</h2>
-                    {editMode ? (
-                      <CategorySelectList
-                        givenOptions={jafDetails.categories}
-                        formData={formData}
-                        setFormData={setFormData}
-                        salaryIndex={salaryIndex}
-                      />
-                    ) : (
-                      <div className="flex flex-wrap !text-md">
-                        {salary.categories?.map((category, categoryIndex) => (
-                          <div key={categoryIndex} className="mx-2 my-2">
-                            {editMode ? null : (
-                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
-                                {category}
-                              </div>
-                            )}
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-
-                  <Separator className="my-4" />
-                </div>
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-    </Modal>
-  );
-};
-
-export default JobModal;
+"use client";
+import React, { useState, useEffect } from "react";
+import { JobDetailFC } from "@/helpers/recruiter/types";
+import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+import PersonIcon from "@mui/icons-material/Person";
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+import { Separator } from "@/components/ui/separator";
+import { getJafDetails } from "@/helpers/recruiter/api";
+import { JAFdetailsFC } from "@/helpers/recruiter/types";
+import { patchJobData } from "@/helpers/recruiter/api";
+import { patchSalaryData } from "@/helpers/recruiter/api";
+import {
+  CategorySelectList,
+  GenderSelectList,
+} from "@/components/Recruiters/jobEdit";
+import { fetchJobById } from "@/helpers/api";
+import Modal from "@mui/material/Modal";
+import toast from "react-hot-toast";
+import Loader from "../Loader/loader";
+
+const JobModal = ({
+  jobID,
+  open,
+  setOpen,
+}: {
+  jobID: string;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+}) => {
+  if (!open) {
+    return null;
+  }
+
+  const [job, setData] = useState<JobDetailFC>(null);
+  const [loading, setLoading] = useState(true);
+  const [editMode, setEditMode] = useState(false);
+  const [formData, setFormData] = useState(null);
+  const [jafDetails, setJafDetails] = useState<JAFdetailsFC>();
+  const handleClose = () => setOpen(false);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const [jobDetailData, jafDetailsData] = await Promise.all([
+          fetchJobById(jobID),
+          getJafDetails(),
+        ]);
+
+        setJafDetails((prev) => jafDetailsData);
+        setData(jobDetailData);
+        setFormData(jobDetailData);
+      } catch (error) {
+        toast.error("Error Fetching data");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [jobID]);
+
+  const handleEditClick = () => {
+    if (editMode) {
+      handleSubmit();
+    }
+    setEditMode(!editMode);
+  };
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+
+  const handleSubmit = async () => {
+    const c1 = await patchJobData(job.id, formData);
+    if (true) {
+      formData.salaries.map((salary, index) => patchSalaryData(salary));
+    }
+    setEditMode(false);
+    window.location.reload();
+  };
+
+  const addNewTest = () => {
+    const newTest = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        tests: [...prev.selectionProcedure.tests, newTest],
+      },
+    }));
+  };
+
+  const addNewInterview = () => {
+    const newInterview = { type: "", duration: 0 };
+    setFormData((prev) => ({
+      ...prev,
+      selectionProcedure: {
+        ...prev.selectionProcedure,
+        interviews: [...prev.selectionProcedure.interviews, newInterview],
+      },
+    }));
+  };
+
+  return (
+    <Modal
+      open={open}
+      onClose={handleClose}
+      className="!text-black overflow-y-scroll"
+    >
+      <div className="container py-12">
+        {loading && (
+          <div className="w-full h-full flex justify-center items-center">
+            <div className="px-28 py-16 bg-white">
+              <Loader />
+            </div>
+          </div>
+        )}
+        {job && (
+          <div className="flex flex-col gap-4">
+            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+              <div className="flex md:flex-row flex-col justify-between leading-8">
+                <div className="flex flex-col">
+                  <span className="font-semibold text-lg">Role </span>
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="role"
+                      value={formData.role}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    <span>{job.role}</span>
+                  )}
+                </div>
+                <div className="flex flex-col">
+                  <span className="font-semibold text-lg">Activity </span>
+                  <span>{job.active ? "Active" : "Inactive"}</span>
+                </div>
+                <div className="flex flex-col">
+                  <span className="font-semibold text-lg">Current Status </span>
+                  <span>{job.currentStatus}</span>
+                </div>
+                <div className="flex flex-col gap-4">
+                  <Link
+                    href={`/admin/jobs/events/${job.id}`}
+                    className="flex flex-col gap-4"
+                  >
+                    <Button variant="default">Events and Applications</Button>
+                  </Link>
+                  {!job.active && (
+                    <Button onClick={handleEditClick}>
+                      {editMode ? "Save Application" : "Edit Application"}
+                    </Button>
+                  )}
+                </div>
+              </div>
+              <div>
+                <div className="font-semibold text-lg my-4">Skills</div>
+                <div className="flex flex-wrap gap-4">
+                  {editMode ? (
+                    <input
+                      type="text"
+                      name="skills"
+                      value={formData.skills}
+                      onChange={handleChange}
+                    />
+                  ) : (
+                    job.skills
+                  )}
+                </div>
+                <div className="flex md:flex-row flex-col flex-wrap bg-gray-200 rounded-lg justify-between py-4 px-6 my-3">
+                  <div>
+                    <div className="font-semibold my-2">Location</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="location"
+                        value={formData.location}
+                        onChange={handleChange}
+                      />
+                    ) : (
+                      <div>{job.location}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">
+                      Offer letter release
+                    </div>{" "}
+                    {editMode ? (
+                      <input
+                        type="date"
+                        name="offerLetterReleaseDate"
+                        value={formData.offerLetterReleaseDate}
+                        onChange={handleChange}
+                      />
+                    ) : (
+                      <div>
+                        {new Date(job.offerLetterReleaseDate).toLocaleString()}
+                      </div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Joining Date</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="date"
+                        name="joiningDate"
+                        value={formData.joiningDate}
+                        onChange={handleChange}
+                      />
+                    ) : (
+                      <div>{new Date(job.joiningDate).toLocaleString()}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Duration</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="duration"
+                        value={formData.duration}
+                        onChange={handleChange}
+                      />
+                    ) : (
+                      <div>{job.duration}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Attachment</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="text"
+                        name="attachment"
+                        value={formData.attachment}
+                        onChange={handleChange}
+                      />
+                    ) : (
+                      <div>{job.attachment}</div>
+                    )}
+                  </div>
+                </div>
+              </div>
+            </div>
+            {job.selectionProcedure && (
+              <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+                <div className="font-semibold text-lg mb-4">
+                  Selection Procedure
+                </div>
+
+                <div className="flex md:flex-row flex-col justify-between mb-6">
+                  <div>
+                    <div className="font-semibold my-2">Selection mode</div>{" "}
+                    {editMode ? (
+                      <select
+                        value={formData.selectionProcedure.selectionMode}
+                        onChange={(e) => {
+                          setFormData((prev) => ({
+                            ...prev,
+                            selectionProcedure: {
+                              ...prev.selectionProcedure,
+                              selectionMode: e.target.value,
+                            },
+                          }));
+                        }}
+                      >
+                        <option>ONLINE</option>
+                        <option>OFFLINE</option>
+                      </select>
+                    ) : (
+                      <div>{job.selectionProcedure.selectionMode}</div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">
+                      Shortlist from Resume
+                    </div>{" "}
+                    {editMode ? (
+                      <input
+                        type="checkbox"
+                        name="shortlistFromResume"
+                        checked={
+                          formData.selectionProcedure.shortlistFromResume
+                        }
+                        onChange={(e) => {
+                          setFormData((prev) => ({
+                            ...prev,
+                            selectionProcedure: {
+                              ...prev.selectionProcedure,
+                              shortlistFromResume: e.target.checked,
+                            },
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>
+                        {job.selectionProcedure.shortlistFromResume
+                          ? "YES"
+                          : "NO"}
+                      </div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Group Discussion</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="checkbox"
+                        name="groupDiscussion"
+                        checked={formData.selectionProcedure.groupDiscussion}
+                        onChange={(e) => {
+                          setFormData((prev) => ({
+                            ...prev,
+                            selectionProcedure: {
+                              ...prev.selectionProcedure,
+                              groupDiscussion: e.target.checked,
+                            },
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>
+                        {job.selectionProcedure.groupDiscussion ? "YES" : "NO"}
+                      </div>
+                    )}
+                  </div>
+                  <div>
+                    <div className="font-semibold my-2">Number of members</div>{" "}
+                    {editMode ? (
+                      <input
+                        type="number"
+                        name="numberOfMembers"
+                        value={
+                          formData.selectionProcedure.requirements
+                            .numberOfMembers
+                        }
+                        onChange={(e) => {
+                          setFormData((prev) => ({
+                            ...prev,
+                            selectionProcedure: {
+                              ...prev.selectionProcedure,
+                              requirements: {
+                                ...prev.selectionProcedure.requirements,
+                                numberOfMembers: e.target.value,
+                              },
+                            },
+                          }));
+                        }}
+                      />
+                    ) : (
+                      <div>
+                        {job.selectionProcedure.requirements.numberOfMembers}
+                      </div>
+                    )}
+                  </div>
+                </div>
+
+                <div className="flex flex-wrap gap-4 items-center justify-center md:justify-start md:items-stretch">
+                  <div className="bg-gray-200 p-8 rounded-lg">
+                    <div className="font-semibold bg-gray-200">Tests</div>
+                    <ul className="list-disc capitalize">
+                      {editMode
+                        ? formData.selectionProcedure.tests.map(
+                            (test, index) => (
+                              <li key={index} className="my-2">
+                                Test Type:
+                                <select
+                                  className="ml-4 my-2 capitalize"
+                                  value={test.type}
+                                  onChange={(e) => {
+                                    const updatedtests =
+                                      formData.selectionProcedure.tests.map(
+                                        (i, j) =>
+                                          j === index
+                                            ? { ...i, type: e.target.value }
+                                            : i,
+                                      );
+                                    setFormData((prev) => ({
+                                      ...prev,
+                                      selectionProcedure: {
+                                        ...prev.selectionProcedure,
+                                        tests: updatedtests,
+                                      },
+                                    }));
+                                  }}
+                                >
+                                  {jafDetails.testTypes.map((test, index) => (
+                                    <option key={index}>{test}</option>
+                                  ))}
+                                </select>
+                                <br />
+                                Test Duration:
+                                <input
+                                  className="ml-4 my-2"
+                                  type="number"
+                                  name="testDuration"
+                                  value={test.duration}
+                                  onChange={(e) => {
+                                    const updatedTests =
+                                      formData.selectionProcedure.tests.map(
+                                        (t, i) =>
+                                          i === index
+                                            ? {
+                                                ...t,
+                                                duration: Number(
+                                                  e.target.value,
+                                                ),
+                                              }
+                                            : t,
+                                      );
+                                    setFormData((prev) => ({
+                                      ...prev,
+                                      selectionProcedure: {
+                                        ...prev.selectionProcedure,
+                                        tests: updatedTests,
+                                      },
+                                    }));
+                                  }}
+                                />
+                              </li>
+                            ),
+                          )
+                        : job.selectionProcedure.tests.map((p, index) => (
+                            <li key={index} className="my-2">
+                              {Object.entries(p).map(([key, value]) => (
+                                <span key={key}>
+                                  {key} : {value}
+                                  <br />
+                                </span>
+                              ))}
+                            </li>
+                          ))}
+                    </ul>
+                    {editMode && (
+                      <Button className="w-full" onClick={addNewTest}>
+                        Add
+                      </Button>
+                    )}
+                  </div>
+
+                  <ArrowForwardIosIcon className="md:rotate-0 rotate-90 md:self-center" />
+
+                  <div className="bg-gray-200 p-8 rounded-lg">
+                    <div className="font-semibold bg-gray-200">Interviews</div>
+                    <ul className="list-disc capitalize">
+                      {editMode
+                        ? formData.selectionProcedure.interviews.map(
+                            (interview, index) => (
+                              <li key={index} className="my-2">
+                                Interview Type:
+                                <select
+                                  className="ml-4 my-2 capitalize"
+                                  value={interview.type}
+                                  onChange={(e) => {
+                                    const updatedInterviews =
+                                      formData.selectionProcedure.interviews.map(
+                                        (i, j) =>
+                                          j === index
+                                            ? { ...i, type: e.target.value }
+                                            : i,
+                                      );
+                                    setFormData((prev) => ({
+                                      ...prev,
+                                      selectionProcedure: {
+                                        ...prev.selectionProcedure,
+                                        interviews: updatedInterviews,
+                                      },
+                                    }));
+                                  }}
+                                >
+                                  {jafDetails.interviewTypes.map(
+                                    (test, index) => (
+                                      <option key={index}>{test}</option>
+                                    ),
+                                  )}
+                                </select>
+                                <br />
+                                Interview Duration:
+                                <input
+                                  className="ml-4 my-2"
+                                  type="number"
+                                  name="interviewDuration"
+                                  value={interview.duration}
+                                  onChange={(e) => {
+                                    const updatedInterviews =
+                                      formData.selectionProcedure.interviews.map(
+                                        (i, j) =>
+                                          j === index
+                                            ? { ...i, duration: e.target.value }
+                                            : i,
+                                      );
+                                    setFormData((prev) => ({
+                                      ...prev,
+                                      selectionProcedure: {
+                                        ...prev.selectionProcedure,
+                                        interviews: updatedInterviews,
+                                      },
+                                    }));
+                                  }}
+                                />
+                              </li>
+                            ),
+                          )
+                        : job.selectionProcedure.interviews.map((p, index) => (
+                            <li key={index} className="my-2">
+                              {Object.entries(p).map(([key, value]) => (
+                                <span key={key}>
+                                  {key} : {value}
+                                  <br />
+                                </span>
+                              ))}
+                            </li>
+                          ))}
+                    </ul>
+                    {editMode && (
+                      <Button className="w-full" onClick={addNewInterview}>
+                        Add
+                      </Button>
+                    )}
+                  </div>
+                </div>
+                <div className="mt-8">
+                  <div>
+                    <div>
+                      <span className="font-semibold">
+                        Other requirements :
+                      </span>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="otherRequirements"
+                          value={
+                            formData.selectionProcedure.requirements
+                              .otherRequirements
+                          }
+                          onChange={(e) => {
+                            setFormData((prev) => ({
+                              ...prev,
+                              selectionProcedure: {
+                                ...prev.selectionProcedure,
+                                requirements: {
+                                  ...prev.selectionProcedure.requirements,
+                                  otherRequirements: e.target.value,
+                                },
+                              },
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>
+                          {
+                            job.selectionProcedure.requirements
+                              .otherRequirements
+                          }
+                        </div>
+                      )}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            )}
+            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+              <div className="font-semibold text-lg mb-4">Job Coordinators</div>
+              <div className="flex gap-4 flex-wrap">
+                {job.jobCoordinators?.map((coordinator, index) => (
+                  <div
+                    key={index}
+                    className="bg-gray-200 p-8 rounded-lg md:w-80 w-full leading-8"
+                  >
+                    <div className="text-center font-semibold">
+                      <PersonIcon sx={{ fontSize: 80 }} className="mx-auto" />
+                      <br />
+                      {coordinator.tpcMember.student.user.name}
+                    </div>
+                    <div>
+                      <div>
+                        <span className="font-semibold">Role : </span>
+                        {coordinator.tpcMember.role}
+                      </div>
+                      <div>
+                        <span className="font-semibold">Department : </span>
+                        {coordinator.tpcMember.student.program.department}
+                      </div>
+                      <div>
+                        <span className="font-semibold">Email : </span>
+                        {coordinator.tpcMember.student.user.email}
+                      </div>
+                      <div>
+                        <span className="font-semibold">Contact : </span>
+                        {coordinator.tpcMember.student.user.contact}
+                      </div>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+            <div className="bg-white p-4 px-8 rounded-lg border-gray-300 hover:border-blue-200 border-2">
+              <div className="font-semibold text-lg mb-4">Salaries</div>
+              {job.salaries?.map((salary, salaryIndex) => (
+                <div key={salaryIndex}>
+                  <div className="flex md:flex-row flex-col flex-wrap justify-between">
+                    <div>
+                      <div className="font-semibold my-2">Base Salary</div>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="baseSalary"
+                          value={formData.salaries[salaryIndex].baseSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map(
+                              (s, i) =>
+                                i === salaryIndex
+                                  ? { ...s, baseSalary: e.target.value }
+                                  : s,
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.baseSalary}</div>
+                      )}
+                    </div>
+                    <div>
+                      <div className="font-semibold my-2">CTC</div>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="totalCTC"
+                          value={formData.salaries[salaryIndex].totalCTC}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map(
+                              (s, i) =>
+                                i === salaryIndex
+                                  ? { ...s, totalCTC: e.target.value }
+                                  : s,
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.totalCTC}</div>
+                      )}
+                    </div>
+                    <div>
+                      <div className="font-semibold my-2">Take Home Salary</div>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="takeHomeSalary"
+                          value={formData.salaries[salaryIndex].takeHomeSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map(
+                              (s, i) =>
+                                i === salaryIndex
+                                  ? { ...s, takeHomeSalary: e.target.value }
+                                  : s,
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.takeHomeSalary}</div>
+                      )}
+                    </div>
+                    <div>
+                      <div className="font-semibold my-2">Gross Salary</div>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="grossSalary"
+                          value={formData.salaries[salaryIndex].grossSalary}
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map(
+                              (s, i) =>
+                                i === salaryIndex
+                                  ? { ...s, grossSalary: e.target.value }
+                                  : s,
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.grossSalary}</div>
+                      )}
+                    </div>
+                    <div>
+                      <div className="font-semibold my-2">
+                        Other Compensations
+                      </div>{" "}
+                      {editMode ? (
+                        <input
+                          type="text"
+                          name="otherCompensations"
+                          value={
+                            formData.salaries[salaryIndex].otherCompensations
+                          }
+                          onChange={(e) => {
+                            const updatedSalaries = formData.salaries.map(
+                              (s, i) =>
+                                i === salaryIndex
+                                  ? { ...s, otherCompensations: e.target.value }
+                                  : s,
+                            );
+                            setFormData((prev) => ({
+                              ...prev,
+                              salaries: updatedSalaries,
+                            }));
+                          }}
+                        />
+                      ) : (
+                        <div>{salary.otherCompensations}</div>
+                      )}
+                    </div>
+                  </div>
+                  {/* Genders */}
+                  <div>
+                    <h2 className="text-md font-semibold mt-4">Genders</h2>
+                    {editMode ? (
+                      <GenderSelectList
+                        givenOptions={jafDetails.genders}
+                        formData={formData}
+                        setFormData={setFormData}
+                        salaryIndex={salaryIndex}
+                      />
+                    ) : (
+                      <div className="flex flex-wrap !text-md">
+                        {salary.genders?.map((gender, genderIndex) => (
+                          <div key={genderIndex} className="mx-2 my-2">
+                            {editMode ? null : (
+                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                                {gender}
+                              </div>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  {/* Categories */}
+                  <div>
+                    <h2 className="text-md font-semibold mt-4">Categories</h2>
+                    {editMode ? (
+                      <CategorySelectList
+                        givenOptions={jafDetails.categories}
+                        formData={formData}
+                        setFormData={setFormData}
+                        salaryIndex={salaryIndex}
+                      />
+                    ) : (
+                      <div className="flex flex-wrap !text-md">
+                        {salary.categories?.map((category, categoryIndex) => (
+                          <div key={categoryIndex} className="mx-2 my-2">
+                            {editMode ? null : (
+                              <div className="border-2 border-gray-300 p-2 px-4 rounded-full bg-gray-200 text-gray-600">
+                                {category}
+                              </div>
+                            )}
+                          </div>
+                        ))}
+                      </div>
+                    )}
+                  </div>
+
+                  <Separator className="my-4" />
+                </div>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    </Modal>
+  );
+};
+
+export default JobModal;
diff --git a/src/components/NewTableComponent/PenaltyModal.jsx b/src/components/NewTableComponent/PenaltyModal.jsx
index b6244d08..8e87a5ae 100644
--- a/src/components/NewTableComponent/PenaltyModal.jsx
+++ b/src/components/NewTableComponent/PenaltyModal.jsx
@@ -1,96 +1,96 @@
-import React, { useState } from "react";
-import { Box, Button, Modal, TextField, Typography } from "@mui/material";
-import { fetchPenalties } from "@/helpers/api";
-import toast from "react-hot-toast";
-const style = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: 400,
-  bgcolor: "background.paper",
-  border: "2px solid #000",
-  boxShadow: 24,
-  p: 4,
-};
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const PenaltyModal = ({ isOpen, onClose, studentId }) => {
-  const [penaltyValue, setPenaltyValue] = useState("");
-  const [penaltyReason, setPenaltyReason] = useState("");
-
-  const handleSubmitPenalty = async () => {
-    const requestBody = [
-      {
-        studentId,
-        penalty: parseInt(penaltyValue),
-        reason: penaltyReason,
-      },
-    ];
-
-    try {
-      const response = await fetchPenalties(requestBody);
-
-      if (response) {
-        toast.success("Penalty submitted successfully");
-        onClose();
-        setPenaltyValue("");
-        setPenaltyReason("");
-      } else {
-        toast.error("Error submitting penalty");
-      }
-    } catch (error) {
-      toast.error("Error submitting penalty:", error);
-    }
-  };
-
-  return (
-    <Modal
-      open={isOpen}
-      onClose={onClose}
-      className="!text-black"
-      aria-labelledby="modal-modal-title"
-      aria-describedby="modal-modal-description"
-    >
-      <Box sx={style}>
-        <Typography id="modal-modal-title" variant="h6" component="h2">
-          Add Penalty
-        </Typography>
-        <TextField
-          label="Penalty Value"
-          value={penaltyValue}
-          onChange={(e) => setPenaltyValue(e.target.value)}
-          fullWidth
-          margin="normal"
-          InputProps={{
-            style: {
-              outline: "none",
-            },
-          }}
-        />
-        <TextField
-          label="Reason"
-          value={penaltyReason}
-          onChange={(e) => setPenaltyReason(e.target.value)}
-          fullWidth
-          margin="normal"
-          InputProps={{
-            style: {
-              outline: "none",
-            },
-          }}
-        />
-        <Button
-          variant="contained"
-          color="primary"
-          onClick={handleSubmitPenalty}
-        >
-          Submit
-        </Button>
-      </Box>
-    </Modal>
-  );
-};
-
-export default PenaltyModal;
+import React, { useState } from "react";
+import { Box, Button, Modal, TextField, Typography } from "@mui/material";
+import { fetchPenalties } from "@/helpers/api";
+import toast from "react-hot-toast";
+const style = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 400,
+  bgcolor: "background.paper",
+  border: "2px solid #000",
+  boxShadow: 24,
+  p: 4,
+};
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const PenaltyModal = ({ isOpen, onClose, studentId }) => {
+  const [penaltyValue, setPenaltyValue] = useState("");
+  const [penaltyReason, setPenaltyReason] = useState("");
+
+  const handleSubmitPenalty = async () => {
+    const requestBody = [
+      {
+        studentId,
+        penalty: parseInt(penaltyValue),
+        reason: penaltyReason,
+      },
+    ];
+
+    try {
+      const response = await fetchPenalties(requestBody);
+
+      if (response) {
+        toast.success("Penalty submitted successfully");
+        onClose();
+        setPenaltyValue("");
+        setPenaltyReason("");
+      } else {
+        toast.error("Error submitting penalty");
+      }
+    } catch (error) {
+      toast.error("Error submitting penalty:", error);
+    }
+  };
+
+  return (
+    <Modal
+      open={isOpen}
+      onClose={onClose}
+      className="!text-black"
+      aria-labelledby="modal-modal-title"
+      aria-describedby="modal-modal-description"
+    >
+      <Box sx={style}>
+        <Typography id="modal-modal-title" variant="h6" component="h2">
+          Add Penalty
+        </Typography>
+        <TextField
+          label="Penalty Value"
+          value={penaltyValue}
+          onChange={(e) => setPenaltyValue(e.target.value)}
+          fullWidth
+          margin="normal"
+          InputProps={{
+            style: {
+              outline: "none",
+            },
+          }}
+        />
+        <TextField
+          label="Reason"
+          value={penaltyReason}
+          onChange={(e) => setPenaltyReason(e.target.value)}
+          fullWidth
+          margin="normal"
+          InputProps={{
+            style: {
+              outline: "none",
+            },
+          }}
+        />
+        <Button
+          variant="contained"
+          color="primary"
+          onClick={handleSubmitPenalty}
+        >
+          Submit
+        </Button>
+      </Box>
+    </Modal>
+  );
+};
+
+export default PenaltyModal;
diff --git a/src/components/NewTableComponent/RecruiterModal.jsx b/src/components/NewTableComponent/RecruiterModal.jsx
index 7752aad7..d34c209d 100644
--- a/src/components/NewTableComponent/RecruiterModal.jsx
+++ b/src/components/NewTableComponent/RecruiterModal.jsx
@@ -1,269 +1,269 @@
-"use client";
-import * as React from "react";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import Modal from "@mui/material/Modal";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
-import { useEffect, useState } from "react";
-import CircularProgress from "@mui/material/CircularProgress";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
-import { grey } from "@mui/material/colors";
-import Loader from "@/components/Loader/loader";
-import { fetchRecruiterById } from "@/helpers/api";
-import toast from "react-hot-toast";
-const theme = createTheme({
-  palette: {
-    primary: {
-      main: "#1976d2",
-    },
-    secondary: {
-      main: grey[800],
-    },
-    background: {
-      default: grey[100],
-    },
-  },
-  typography: {
-    fontFamily: "Roboto, Arial, sans-serif",
-  },
-});
-
-const style = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: 800,
-  bgcolor: "background.paper",
-  border: "2px solid #000",
-  boxShadow: 24,
-  p: 4,
-  overflowY: "auto",
-  maxHeight: "90vh",
-};
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-export default function RecruiterModal({ open, setOpen, id }) {
-  const [recruiterData, setRecruiterData] = useState(null);
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-    const fetchRecruiterData = async () => {
-      setLoading(true);
-      try {
-        const data = await fetchRecruiterById(id);
-        setRecruiterData(data);
-      } catch (error) {
-        toast.error("Error fetching recruiter data");
-      }
-      setLoading(false);
-    };
-
-    if (open && id) {
-      fetchRecruiterData();
-    }
-  }, [open, id]);
-
-  const handleClose = () => setOpen(false);
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Modal
-        open={open}
-        onClose={handleClose}
-        className="!text-black !border-none"
-        aria-labelledby="modal-modal-title"
-        aria-describedby="modal-modal-description"
-      >
-        <Box sx={style}>
-          {loading ? (
-            <Box
-              display="flex"
-              justifyContent="center"
-              alignItems="center"
-              minHeight={200}
-            >
-              <div className="h-screen w-full flex justify-center items-center">
-                <Loader />
-              </div>
-            </Box>
-          ) : (
-            <>
-              {recruiterData && (
-                <>
-                  <Typography
-                    id="modal-modal-title"
-                    variant="h4"
-                    component="h2"
-                    gutterBottom
-                  >
-                    Recruiter Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{recruiterData.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Designation
-                          </TableCell>
-                          <TableCell>{recruiterData.designation}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Landline
-                          </TableCell>
-                          <TableCell>{recruiterData.landline}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    User Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>{recruiterData.user.name}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Email
-                          </TableCell>
-                          <TableCell>{recruiterData.user.email}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Contact
-                          </TableCell>
-                          <TableCell>{recruiterData.user.contact}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Company Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>{recruiterData.company.name}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Jobs
-                  </Typography>
-                  <TableContainer component={Paper} elevation={3}>
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Role
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Company
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Season
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {recruiterData.jobs.map((job) => (
-                          <TableRow key={job.id}>
-                            <TableCell>{job.role}</TableCell>
-                            <TableCell>{job.company.name}</TableCell>
-                            <TableCell>
-                              {job.season.type} {job.season.year}
-                            </TableCell>
-                          </TableRow>
-                        ))}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                </>
-              )}
-            </>
-          )}
-        </Box>
-      </Modal>
-    </ThemeProvider>
-  );
-}
+"use client";
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Paper from "@mui/material/Paper";
+import { useEffect, useState } from "react";
+import CircularProgress from "@mui/material/CircularProgress";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+import { grey } from "@mui/material/colors";
+import Loader from "@/components/Loader/loader";
+import { fetchRecruiterById } from "@/helpers/api";
+import toast from "react-hot-toast";
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: "#1976d2",
+    },
+    secondary: {
+      main: grey[800],
+    },
+    background: {
+      default: grey[100],
+    },
+  },
+  typography: {
+    fontFamily: "Roboto, Arial, sans-serif",
+  },
+});
+
+const style = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 800,
+  bgcolor: "background.paper",
+  border: "2px solid #000",
+  boxShadow: 24,
+  p: 4,
+  overflowY: "auto",
+  maxHeight: "90vh",
+};
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+export default function RecruiterModal({ open, setOpen, id }) {
+  const [recruiterData, setRecruiterData] = useState(null);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    const fetchRecruiterData = async () => {
+      setLoading(true);
+      try {
+        const data = await fetchRecruiterById(id);
+        setRecruiterData(data);
+      } catch (error) {
+        toast.error("Error fetching recruiter data");
+      }
+      setLoading(false);
+    };
+
+    if (open && id) {
+      fetchRecruiterData();
+    }
+  }, [open, id]);
+
+  const handleClose = () => setOpen(false);
+
+  return (
+    <ThemeProvider theme={theme}>
+      <Modal
+        open={open}
+        onClose={handleClose}
+        className="!text-black !border-none"
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <Box sx={style}>
+          {loading ? (
+            <Box
+              display="flex"
+              justifyContent="center"
+              alignItems="center"
+              minHeight={200}
+            >
+              <div className="h-screen w-full flex justify-center items-center">
+                <Loader />
+              </div>
+            </Box>
+          ) : (
+            <>
+              {recruiterData && (
+                <>
+                  <Typography
+                    id="modal-modal-title"
+                    variant="h4"
+                    component="h2"
+                    gutterBottom
+                  >
+                    Recruiter Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{recruiterData.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Designation
+                          </TableCell>
+                          <TableCell>{recruiterData.designation}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Landline
+                          </TableCell>
+                          <TableCell>{recruiterData.landline}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    User Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>{recruiterData.user.name}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Email
+                          </TableCell>
+                          <TableCell>{recruiterData.user.email}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Contact
+                          </TableCell>
+                          <TableCell>{recruiterData.user.contact}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Company Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>{recruiterData.company.name}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Jobs
+                  </Typography>
+                  <TableContainer component={Paper} elevation={3}>
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Role
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Company
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Season
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {recruiterData.jobs.map((job) => (
+                          <TableRow key={job.id}>
+                            <TableCell>{job.role}</TableCell>
+                            <TableCell>{job.company.name}</TableCell>
+                            <TableCell>
+                              {job.season.type} {job.season.year}
+                            </TableCell>
+                          </TableRow>
+                        ))}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                </>
+              )}
+            </>
+          )}
+        </Box>
+      </Modal>
+    </ThemeProvider>
+  );
+}
diff --git a/src/components/NewTableComponent/SeasonModal.tsx b/src/components/NewTableComponent/SeasonModal.tsx
index c3433056..a068eedf 100644
--- a/src/components/NewTableComponent/SeasonModal.tsx
+++ b/src/components/NewTableComponent/SeasonModal.tsx
@@ -1,678 +1,678 @@
-"use client";
-import * as React from "react";
-import Box from "@mui/material/Box";
-import Typography from "@mui/material/Typography";
-import Modal from "@mui/material/Modal";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import TableCell from "@mui/material/TableCell";
-import TableContainer from "@mui/material/TableContainer";
-import TableHead from "@mui/material/TableHead";
-import TableRow from "@mui/material/TableRow";
-import Paper from "@mui/material/Paper";
-import { useEffect, useState } from "react";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
-import { grey } from "@mui/material/colors";
-import { Button } from "@mui/material";
-import { fetchRegistrations } from "@/helpers/api";
-import Loader from "@/components/Loader/loader";
-import { fetchStudentDataById, fetchRegistrationDataById, fetchRegistrationDataByIdAndSeason } from "@/helpers/api";
-const redirect = () => {};
-const theme = createTheme({
-  palette: {
-    primary: {
-      main: "#1976d2",
-    },
-    secondary: {
-      main: grey[800],
-    },
-    background: {
-      default: grey[100],
-    },
-  },
-  typography: {
-    fontFamily: "Roboto, Arial, sans-serif",
-  },
-});
-
-const style = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: 800,
-  bgcolor: "background.paper",
-  border: "2px solid #000",
-  boxShadow: 24,
-  p: 4,
-  overflowY: "auto",
-  maxHeight: "90vh",
-};
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const handleRegistration = async (
-  studentId: any,
-  seasonId: any,
-  currentStatus: any,
-) => {
-  try {
-    const response = await fetchRegistrations(
-      studentId,
-      seasonId,
-      currentStatus,
-    );
-
-    if (!response) {
-      console.error("Failed to update registration status");
-      throw new Error("Failed to update registration status");
-      //Will change it in a separate console removal PR
-    }
-
-    console.log("Registration status updated successfully");
-    return true;
-  } catch (error) {
-    console.error("Error updating registration status:", error.message);
-    alert(`Error updating registration status: ${error.message}`);
-    return false;
-  }
-};
-
-export default function SeasonModal({ open, setOpen, id,type,year }) {
-  const [studentData, setStudentData] = useState(null);
-  const [registrationData, setRegistrationData] = useState(null);
-  const [registrationDataCurrent, setRegistrationDataCurrent] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [datachange, setDataChange] = useState(false);
-  const fetchStudentData = async (id: any) => {
-    setLoading(true);
-    try {
-      const data = await fetchStudentDataById(id);
-      setStudentData(data);
-    } catch (error) {
-      console.error("Error fetching student data:", error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const fetchRegistrationData = async (studentId: any) => {
-    setLoading(true);
-    try {
-      const data = await fetchRegistrationDataById(studentId);
-      setRegistrationData(data);
-      
-    } catch (error) {
-    } finally {
-      setLoading(false);
-    }
-  };
-  const fetchCurrentRegistrationData = async (studentId: any,type:any,year:any) => {
-    setLoading(true);
-    try {
-      const data = await fetchRegistrationDataByIdAndSeason(studentId,type,year);
-      setRegistrationDataCurrent(data);
-      console.log(data);
-    } catch (error) {
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    if (open && id) {
-      fetchStudentData(id);
-      fetchRegistrationData(id);
-      fetchCurrentRegistrationData(id,type,year);
-    }
-  }, [open, id]);
-
-  const handleClose = () => {setOpen(false); 
-    if (datachange) {
-    window.location.reload();
-  }
-};
-
-  const handleStatusChangeCurrent = async (
-    studentId: any,
-    seasonId: any,
-    currentStatus: any,
-  ) => {
-    const success = await handleRegistration(
-      studentId,
-      seasonId,
-      currentStatus,
-    );
-    if (success) {
-      setRegistrationDataCurrent((prevData: any) =>
-        prevData.map((registration: any) =>
-          registration.season.id === seasonId
-            ? { ...registration, registered: !currentStatus }
-            : registration,
-        ),
-      );
-    }
-  };
-  const handleStatusChange = async (
-    studentId: any,
-    seasonId: any,
-    currentStatus: any,
-  ) => {
-    const success = await handleRegistration(
-      studentId,
-      seasonId,
-      currentStatus,
-    );
-    if (success) {
-      setRegistrationData((prevData: any) =>
-        prevData.map((registration: any) =>
-          registration.season.id === seasonId
-            ? { ...registration, registered: !currentStatus }
-            : registration,
-        ),
-      );
-    }
-  };
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Modal
-        open={open}
-        onClose={handleClose}
-        className="!text-black !border-none"
-        aria-labelledby="modal-modal-title"
-        aria-describedby="modal-modal-description"
-      >
-        <Box sx={style}>
-          {loading ? (
-            <Box
-              display="flex"
-              justifyContent="center"
-              alignItems="center"
-              minHeight={200}
-            >
-              <div className="h-screen w-full flex justify-center items-center">
-                <Loader />
-              </div>
-            </Box>
-          ) : (
-            <>
-              {studentData && (
-                <>
-                  <Typography
-                    id="modal-modal-title"
-                    variant="h4"
-                    component="h2"
-                    gutterBottom
-                  >
-                    Student Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            ID
-                          </TableCell>
-                          <TableCell>{studentData.id}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Roll No
-                          </TableCell>
-                          <TableCell>{studentData.rollNo}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Category
-                          </TableCell>
-                          <TableCell>{studentData.category}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Gender
-                          </TableCell>
-                          <TableCell>{studentData.gender}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            CPI
-                          </TableCell>
-                          <TableCell>{studentData.cpi}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            10th Marks
-                          </TableCell>
-                          <TableCell>{studentData.tenthMarks}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            12th Marks
-                          </TableCell>
-                          <TableCell>{studentData.twelthMarks}</TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Total Penalty
-                          </TableCell>
-                          <TableCell>{studentData.totalPenalty}</TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    User Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Name
-                          </TableCell>
-                          <TableCell>
-                            {studentData.user ? studentData.user.name : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Email
-                          </TableCell>
-                          <TableCell>
-                            {studentData.user ? studentData.user.email : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Contact
-                          </TableCell>
-                          <TableCell>
-                            {studentData.user
-                              ? studentData.user.contact
-                              : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Program Details
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableBody>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Branch
-                          </TableCell>
-                          <TableCell>
-                            {studentData.program
-                              ? studentData.program.branch
-                              : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Course
-                          </TableCell>
-                          <TableCell>
-                            {studentData.program
-                              ? studentData.program.course
-                              : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Year
-                          </TableCell>
-                          <TableCell>
-                            {studentData.program
-                              ? studentData.program.year
-                              : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                        <TableRow>
-                          <TableCell
-                            component="th"
-                            scope="row"
-                            sx={{ fontWeight: "bold" }}
-                          >
-                            Department
-                          </TableCell>
-                          <TableCell>
-                            {studentData.program
-                              ? studentData.program.department
-                              : "N/A"}
-                          </TableCell>
-                        </TableRow>
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Resumes
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 4 }}
-                  >
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Filepath
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Verified
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {studentData.resumes
-                          ? studentData.resumes.map((resume) => (
-                              <TableRow key={resume.id}>
-                                <TableCell>{resume.id}</TableCell>
-                                <TableCell>
-                                  <Button
-                                    variant="contained"
-                                    color="primary"
-                                    href={resume.filepath}
-                                    target="_blank"
-                                    download
-                                  >
-                                    Download
-                                  </Button>
-                                </TableCell>
-                                <TableCell>
-                                  {resume.verified.toString()}
-                                </TableCell>
-                              </TableRow>
-                            ))
-                          : "N/A"}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mb: 2 }}
-                  >
-                    Penalties
-                  </Typography>
-                  <TableContainer component={Paper} elevation={3}>
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Penalty
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Reason
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {studentData.penalties
-                          ? studentData.penalties.map((penalty) => (
-                              <TableRow key={penalty.id}>
-                                <TableCell>{penalty.penalty}</TableCell>
-                                <TableCell>{penalty.reason}</TableCell>
-                              </TableRow>
-                            ))
-                          : "N/A"}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mt: 2, mb: 2 }}
-                  >
-                    Current Registration
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 2 }}
-                  >
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Year
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Type
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Status
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Actions
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {registrationDataCurrent
-                          ? registrationDataCurrent.map((registration) => (
-                              <TableRow key={registration.id}>
-                                <TableCell>
-                                  {registration.season.year}
-                                </TableCell>
-                                <TableCell>
-                                  {registration.season.type}
-                                </TableCell>
-                                <TableCell>
-                                  {registration.registered
-                                    ? "Registered"
-                                    : "Not Registered"}
-                                </TableCell>
-                                <TableCell>
-                                  <Button
-                                    variant="contained"
-                                    color={
-                                      registration.registered
-                                        ? "secondary"
-                                        : "primary"
-                                    }
-                                    onClick={() =>{
-                                      handleStatusChangeCurrent(
-                                        studentData.id,
-                                        registration.season.id,
-                                        registration.registered,
-                                      )
-                                      handleStatusChange(
-                                        studentData.id,
-                                        registration.season.id,
-                                        registration.registered,
-                                      )
-                                      setDataChange(true)
-                                    }
-                                    }
-                                  >
-                                    {registration.registered
-                                      ? "Deregister"
-                                      : "Register"}
-                                  </Button>
-                                </TableCell>
-                              </TableRow>
-                            ))
-                          : "N/A"}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                  <Typography
-                    variant="h5"
-                    component="h3"
-                    gutterBottom
-                    sx={{ mt: 2, mb: 2 }}
-                  >
-                    All Registrations
-                  </Typography>
-                  <TableContainer
-                    component={Paper}
-                    elevation={3}
-                    sx={{ mb: 2 }}
-                  >
-                    <Table>
-                      <TableHead>
-                        <TableRow>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Year
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Type
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Status
-                          </TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>
-                            Actions
-                          </TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {registrationData
-                          ? registrationData.map((registration) => (
-                              <TableRow key={registration.id}>
-                                <TableCell>
-                                  {registration.season.year}
-                                </TableCell>
-                                <TableCell>
-                                  {registration.season.type}
-                                </TableCell>
-                                <TableCell>
-                                  {registration.registered
-                                    ? "Registered"
-                                    : "Not Registered"}
-                                </TableCell>
-                                <TableCell>
-                                  <Button
-                                    variant="contained"
-                                    color={
-                                      registration.registered
-                                        ? "secondary"
-                                        : "primary"
-                                    }
-                                    onClick={() =>{
-                                      handleStatusChangeCurrent(
-                                        studentData.id,
-                                        registration.season.id,
-                                        registration.registered,
-                                      )
-                                      handleStatusChange(
-                                        studentData.id,
-                                        registration.season.id,
-                                        registration.registered,
-                                      )
-                                      setDataChange(true)
-                                    }
-                                    }
-                                  >
-                                    {registration.registered
-                                      ? "Deregister"
-                                      : "Register"}
-                                  </Button>
-                                </TableCell>
-                              </TableRow>
-                            ))
-                          : "N/A"}
-                      </TableBody>
-                    </Table>
-                  </TableContainer>
-                </>
-              )}
-            </>
-          )}
-        </Box>
-      </Modal>
-    </ThemeProvider>
-  );
-}
+"use client";
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import Modal from "@mui/material/Modal";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Paper from "@mui/material/Paper";
+import { useEffect, useState } from "react";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+import { grey } from "@mui/material/colors";
+import { Button } from "@mui/material";
+import { fetchRegistrations } from "@/helpers/api";
+import Loader from "@/components/Loader/loader";
+import { fetchStudentDataById, fetchRegistrationDataById, fetchRegistrationDataByIdAndSeason } from "@/helpers/api";
+const redirect = () => {};
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: "#1976d2",
+    },
+    secondary: {
+      main: grey[800],
+    },
+    background: {
+      default: grey[100],
+    },
+  },
+  typography: {
+    fontFamily: "Roboto, Arial, sans-serif",
+  },
+});
+
+const style = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: 800,
+  bgcolor: "background.paper",
+  border: "2px solid #000",
+  boxShadow: 24,
+  p: 4,
+  overflowY: "auto",
+  maxHeight: "90vh",
+};
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const handleRegistration = async (
+  studentId: any,
+  seasonId: any,
+  currentStatus: any,
+) => {
+  try {
+    const response = await fetchRegistrations(
+      studentId,
+      seasonId,
+      currentStatus,
+    );
+
+    if (!response) {
+      console.error("Failed to update registration status");
+      throw new Error("Failed to update registration status");
+      //Will change it in a separate console removal PR
+    }
+
+    console.log("Registration status updated successfully");
+    return true;
+  } catch (error) {
+    console.error("Error updating registration status:", error.message);
+    alert(`Error updating registration status: ${error.message}`);
+    return false;
+  }
+};
+
+export default function SeasonModal({ open, setOpen, id,type,year }) {
+  const [studentData, setStudentData] = useState(null);
+  const [registrationData, setRegistrationData] = useState(null);
+  const [registrationDataCurrent, setRegistrationDataCurrent] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [datachange, setDataChange] = useState(false);
+  const fetchStudentData = async (id: any) => {
+    setLoading(true);
+    try {
+      const data = await fetchStudentDataById(id);
+      setStudentData(data);
+    } catch (error) {
+      console.error("Error fetching student data:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const fetchRegistrationData = async (studentId: any) => {
+    setLoading(true);
+    try {
+      const data = await fetchRegistrationDataById(studentId);
+      setRegistrationData(data);
+      
+    } catch (error) {
+    } finally {
+      setLoading(false);
+    }
+  };
+  const fetchCurrentRegistrationData = async (studentId: any,type:any,year:any) => {
+    setLoading(true);
+    try {
+      const data = await fetchRegistrationDataByIdAndSeason(studentId,type,year);
+      setRegistrationDataCurrent(data);
+      console.log(data);
+    } catch (error) {
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (open && id) {
+      fetchStudentData(id);
+      fetchRegistrationData(id);
+      fetchCurrentRegistrationData(id,type,year);
+    }
+  }, [open, id]);
+
+  const handleClose = () => {setOpen(false); 
+    if (datachange) {
+    window.location.reload();
+  }
+};
+
+  const handleStatusChangeCurrent = async (
+    studentId: any,
+    seasonId: any,
+    currentStatus: any,
+  ) => {
+    const success = await handleRegistration(
+      studentId,
+      seasonId,
+      currentStatus,
+    );
+    if (success) {
+      setRegistrationDataCurrent((prevData: any) =>
+        prevData.map((registration: any) =>
+          registration.season.id === seasonId
+            ? { ...registration, registered: !currentStatus }
+            : registration,
+        ),
+      );
+    }
+  };
+  const handleStatusChange = async (
+    studentId: any,
+    seasonId: any,
+    currentStatus: any,
+  ) => {
+    const success = await handleRegistration(
+      studentId,
+      seasonId,
+      currentStatus,
+    );
+    if (success) {
+      setRegistrationData((prevData: any) =>
+        prevData.map((registration: any) =>
+          registration.season.id === seasonId
+            ? { ...registration, registered: !currentStatus }
+            : registration,
+        ),
+      );
+    }
+  };
+
+  return (
+    <ThemeProvider theme={theme}>
+      <Modal
+        open={open}
+        onClose={handleClose}
+        className="!text-black !border-none"
+        aria-labelledby="modal-modal-title"
+        aria-describedby="modal-modal-description"
+      >
+        <Box sx={style}>
+          {loading ? (
+            <Box
+              display="flex"
+              justifyContent="center"
+              alignItems="center"
+              minHeight={200}
+            >
+              <div className="h-screen w-full flex justify-center items-center">
+                <Loader />
+              </div>
+            </Box>
+          ) : (
+            <>
+              {studentData && (
+                <>
+                  <Typography
+                    id="modal-modal-title"
+                    variant="h4"
+                    component="h2"
+                    gutterBottom
+                  >
+                    Student Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            ID
+                          </TableCell>
+                          <TableCell>{studentData.id}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Roll No
+                          </TableCell>
+                          <TableCell>{studentData.rollNo}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Category
+                          </TableCell>
+                          <TableCell>{studentData.category}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Gender
+                          </TableCell>
+                          <TableCell>{studentData.gender}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            CPI
+                          </TableCell>
+                          <TableCell>{studentData.cpi}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            10th Marks
+                          </TableCell>
+                          <TableCell>{studentData.tenthMarks}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            12th Marks
+                          </TableCell>
+                          <TableCell>{studentData.twelthMarks}</TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Total Penalty
+                          </TableCell>
+                          <TableCell>{studentData.totalPenalty}</TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    User Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Name
+                          </TableCell>
+                          <TableCell>
+                            {studentData.user ? studentData.user.name : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Email
+                          </TableCell>
+                          <TableCell>
+                            {studentData.user ? studentData.user.email : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Contact
+                          </TableCell>
+                          <TableCell>
+                            {studentData.user
+                              ? studentData.user.contact
+                              : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Program Details
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableBody>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Branch
+                          </TableCell>
+                          <TableCell>
+                            {studentData.program
+                              ? studentData.program.branch
+                              : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Course
+                          </TableCell>
+                          <TableCell>
+                            {studentData.program
+                              ? studentData.program.course
+                              : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Year
+                          </TableCell>
+                          <TableCell>
+                            {studentData.program
+                              ? studentData.program.year
+                              : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                        <TableRow>
+                          <TableCell
+                            component="th"
+                            scope="row"
+                            sx={{ fontWeight: "bold" }}
+                          >
+                            Department
+                          </TableCell>
+                          <TableCell>
+                            {studentData.program
+                              ? studentData.program.department
+                              : "N/A"}
+                          </TableCell>
+                        </TableRow>
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Resumes
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 4 }}
+                  >
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>ID</TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Filepath
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Verified
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {studentData.resumes
+                          ? studentData.resumes.map((resume) => (
+                              <TableRow key={resume.id}>
+                                <TableCell>{resume.id}</TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color="primary"
+                                    href={resume.filepath}
+                                    target="_blank"
+                                    download
+                                  >
+                                    Download
+                                  </Button>
+                                </TableCell>
+                                <TableCell>
+                                  {resume.verified.toString()}
+                                </TableCell>
+                              </TableRow>
+                            ))
+                          : "N/A"}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mb: 2 }}
+                  >
+                    Penalties
+                  </Typography>
+                  <TableContainer component={Paper} elevation={3}>
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Penalty
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Reason
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {studentData.penalties
+                          ? studentData.penalties.map((penalty) => (
+                              <TableRow key={penalty.id}>
+                                <TableCell>{penalty.penalty}</TableCell>
+                                <TableCell>{penalty.reason}</TableCell>
+                              </TableRow>
+                            ))
+                          : "N/A"}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mt: 2, mb: 2 }}
+                  >
+                    Current Registration
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 2 }}
+                  >
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Year
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Type
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Status
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Actions
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {registrationDataCurrent
+                          ? registrationDataCurrent.map((registration) => (
+                              <TableRow key={registration.id}>
+                                <TableCell>
+                                  {registration.season.year}
+                                </TableCell>
+                                <TableCell>
+                                  {registration.season.type}
+                                </TableCell>
+                                <TableCell>
+                                  {registration.registered
+                                    ? "Registered"
+                                    : "Not Registered"}
+                                </TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color={
+                                      registration.registered
+                                        ? "secondary"
+                                        : "primary"
+                                    }
+                                    onClick={() =>{
+                                      handleStatusChangeCurrent(
+                                        studentData.id,
+                                        registration.season.id,
+                                        registration.registered,
+                                      )
+                                      handleStatusChange(
+                                        studentData.id,
+                                        registration.season.id,
+                                        registration.registered,
+                                      )
+                                      setDataChange(true)
+                                    }
+                                    }
+                                  >
+                                    {registration.registered
+                                      ? "Deregister"
+                                      : "Register"}
+                                  </Button>
+                                </TableCell>
+                              </TableRow>
+                            ))
+                          : "N/A"}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                  <Typography
+                    variant="h5"
+                    component="h3"
+                    gutterBottom
+                    sx={{ mt: 2, mb: 2 }}
+                  >
+                    All Registrations
+                  </Typography>
+                  <TableContainer
+                    component={Paper}
+                    elevation={3}
+                    sx={{ mb: 2 }}
+                  >
+                    <Table>
+                      <TableHead>
+                        <TableRow>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Year
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Type
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Status
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Actions
+                          </TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {registrationData
+                          ? registrationData.map((registration) => (
+                              <TableRow key={registration.id}>
+                                <TableCell>
+                                  {registration.season.year}
+                                </TableCell>
+                                <TableCell>
+                                  {registration.season.type}
+                                </TableCell>
+                                <TableCell>
+                                  {registration.registered
+                                    ? "Registered"
+                                    : "Not Registered"}
+                                </TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color={
+                                      registration.registered
+                                        ? "secondary"
+                                        : "primary"
+                                    }
+                                    onClick={() =>{
+                                      handleStatusChangeCurrent(
+                                        studentData.id,
+                                        registration.season.id,
+                                        registration.registered,
+                                      )
+                                      handleStatusChange(
+                                        studentData.id,
+                                        registration.season.id,
+                                        registration.registered,
+                                      )
+                                      setDataChange(true)
+                                    }
+                                    }
+                                  >
+                                    {registration.registered
+                                      ? "Deregister"
+                                      : "Register"}
+                                  </Button>
+                                </TableCell>
+                              </TableRow>
+                            ))
+                          : "N/A"}
+                      </TableBody>
+                    </Table>
+                  </TableContainer>
+                </>
+              )}
+            </>
+          )}
+        </Box>
+      </Modal>
+    </ThemeProvider>
+  );
+}
diff --git a/src/components/NewTableComponent/StudentModal.tsx b/src/components/NewTableComponent/StudentModal.tsx
index bf020740..c4f738e8 100644
--- a/src/components/NewTableComponent/StudentModal.tsx
+++ b/src/components/NewTableComponent/StudentModal.tsx
@@ -16,9 +16,16 @@ import { grey } from "@mui/material/colors";
 import { Button } from "@mui/material";
 import { fetchRegistrations } from "@/helpers/api";
 import Loader from "@/components/Loader/loader";
-import { fetchStudentDataById, fetchRegistrationDataById, fetchAllSeasons,fetchSeasonDataById, postRegistration, debarStudent } from "@/helpers/api";
+import {
+  fetchStudentDataById,
+  fetchRegistrationDataById,
+  fetchAllSeasons,
+  fetchSeasonDataById,
+  postRegistration,
+  debarStudent,
+} from "@/helpers/api";
 import toast from "react-hot-toast";
-const redirect = () => { };
+const redirect = () => {};
 const theme = createTheme({
   palette: {
     primary: {
@@ -102,7 +109,6 @@ export default function StudentModal({ open, setOpen, id }) {
     try {
       const data = await fetchRegistrationDataById(studentId);
       setRegistrationData(data);
-
     } catch (error) {
     } finally {
       setLoading(false);
@@ -114,14 +120,22 @@ export default function StudentModal({ open, setOpen, id }) {
       const data = await fetchAllSeasons();
       const registrations = await fetchRegistrationDataById(studentId);
       const activeSeasons = data.filter((season) => season.status === "ACTIVE");
-      const seasonids = registrations.map((registration: any) => registration.season.id);
-      const displayedSeasons = activeSeasons.filter((season: any) => !seasonids.includes(season.id));
+      const seasonids = registrations.map(
+        (registration: any) => registration.season.id,
+      );
+      const displayedSeasons = activeSeasons.filter(
+        (season: any) => !seasonids.includes(season.id),
+      );
       setActiveSeasons(displayedSeasons);
     } catch (error) {
       toast.error("Error fetching active seasons data");
     }
-  }
-  const createRegistration = async (studentId: string, seasonId: string, registered: boolean) => {
+  };
+  const createRegistration = async (
+    studentId: string,
+    seasonId: string,
+    registered: boolean,
+  ) => {
     try {
       const response = await postRegistration(studentId, seasonId, false);
       setActiveSeasons((prevData: any) =>
@@ -129,7 +143,7 @@ export default function StudentModal({ open, setOpen, id }) {
       );
       const newRegistration = await fetchRegistrationDataById(studentId);
       setRegistrationData(newRegistration);
- 
+
       if (!response) {
         toast.error("Failed to create registration");
         throw new Error("Failed to create registration");
@@ -141,17 +155,13 @@ export default function StudentModal({ open, setOpen, id }) {
       alert(`Error creating registration: ${error.message}`);
       return false;
     }
-  }
-
-
-
+  };
 
   useEffect(() => {
     if (open && id) {
       fetchStudentData(id);
       fetchRegistrationData(id);
       fetchActiveSeasonsData(id);
-
     }
   }, [open, id]);
 
@@ -180,17 +190,19 @@ export default function StudentModal({ open, setOpen, id }) {
   const handleDebar = async (registrationId: string, seasonId: string) => {
     try {
       const response = await debarStudent(registrationId);
-    
+
       if (!response) {
         toast.error("Failed to debar student");
         throw new Error("Failed to debar student");
       }
       setRegistrationData((prevData: any) =>
-        prevData.filter((registration: any) => registration.id !== registrationId)
+        prevData.filter(
+          (registration: any) => registration.id !== registrationId,
+        ),
       );
       const seasonData = await fetchSeasonDataById(seasonId);
-      if(seasonData[0].status === "ACTIVE") {
-      setActiveSeasons((prevData: any) => [...prevData,...seasonData]);
+      if (seasonData[0].status === "ACTIVE") {
+        setActiveSeasons((prevData: any) => [...prevData, ...seasonData]);
       }
       toast.success("Student debarred successfully");
       return true;
@@ -199,7 +211,7 @@ export default function StudentModal({ open, setOpen, id }) {
       return false;
     }
   };
-  
+
   return (
     <ThemeProvider theme={theme}>
       <Modal
@@ -481,24 +493,24 @@ export default function StudentModal({ open, setOpen, id }) {
                       <TableBody>
                         {studentData.resumes
                           ? studentData.resumes.map((resume) => (
-                            <TableRow key={resume.id}>
-                              <TableCell>{resume.id}</TableCell>
-                              <TableCell>
-                                <Button
-                                  variant="contained"
-                                  color="primary"
-                                  href={resume.filepath}
-                                  target="_blank"
-                                  download
-                                >
-                                  Download
-                                </Button>
-                              </TableCell>
-                              <TableCell>
-                                {resume.verified.toString()}
-                              </TableCell>
-                            </TableRow>
-                          ))
+                              <TableRow key={resume.id}>
+                                <TableCell>{resume.id}</TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color="primary"
+                                    href={resume.filepath}
+                                    target="_blank"
+                                    download
+                                  >
+                                    Download
+                                  </Button>
+                                </TableCell>
+                                <TableCell>
+                                  {resume.verified.toString()}
+                                </TableCell>
+                              </TableRow>
+                            ))
                           : "N/A"}
                       </TableBody>
                     </Table>
@@ -526,11 +538,11 @@ export default function StudentModal({ open, setOpen, id }) {
                       <TableBody>
                         {studentData.penalties
                           ? studentData.penalties.map((penalty) => (
-                            <TableRow key={penalty.id}>
-                              <TableCell>{penalty.penalty}</TableCell>
-                              <TableCell>{penalty.reason}</TableCell>
-                            </TableRow>
-                          ))
+                              <TableRow key={penalty.id}>
+                                <TableCell>{penalty.penalty}</TableCell>
+                                <TableCell>{penalty.reason}</TableCell>
+                              </TableRow>
+                            ))
                           : "N/A"}
                       </TableBody>
                     </Table>
@@ -551,36 +563,40 @@ export default function StudentModal({ open, setOpen, id }) {
                     <Table>
                       <TableHead>
                         <TableRow>
-
-                          <TableCell sx={{ fontWeight: "bold" }}>Year</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>Type</TableCell>
-                          <TableCell sx={{ fontWeight: "bold" }}>Actions</TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Year
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Type
+                          </TableCell>
+                          <TableCell sx={{ fontWeight: "bold" }}>
+                            Actions
+                          </TableCell>
                         </TableRow>
                       </TableHead>
                       <TableBody>
                         {activeSeasons
                           ? activeSeasons.map((season) => (
-                            <TableRow key={season.id}>
-
-                              <TableCell>{season.year}</TableCell>
-                              <TableCell>{season.type}</TableCell>
-                              <TableCell>
-                                <Button
-                                  variant="contained"
-                                  color="primary"
-                                  onClick={() =>
-                                    createRegistration(
-                                      studentData.id,
-                                      season.id,
-                                      true,
-                                    )
-                                  }
-                                >
-                                  Create Registration
-                                </Button>
-                              </TableCell>
-                            </TableRow>
-                          ))
+                              <TableRow key={season.id}>
+                                <TableCell>{season.year}</TableCell>
+                                <TableCell>{season.type}</TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color="primary"
+                                    onClick={() =>
+                                      createRegistration(
+                                        studentData.id,
+                                        season.id,
+                                        true,
+                                      )
+                                    }
+                                  >
+                                    Create Registration
+                                  </Button>
+                                </TableCell>
+                              </TableRow>
+                            ))
                           : "N/A"}
                       </TableBody>
                     </Table>
@@ -622,53 +638,55 @@ export default function StudentModal({ open, setOpen, id }) {
                       <TableBody>
                         {registrationData
                           ? registrationData.map((registration) => (
-                            <TableRow key={registration.id}>
-                              <TableCell>
-                                {registration.season.year}
-                              </TableCell>
-                              <TableCell>
-                                {registration.season.type}
-                              </TableCell>
-                              <TableCell>
-                                {registration.registered
-                                  ? "Registered"
-                                  : "Not Registered"}
-                              </TableCell>
-                              <TableCell>
-                                <Button
-                                  variant="contained"
-                                  color={
-                                    registration.registered
-                                      ? "secondary"
-                                      : "primary"
-                                  }
-                                  onClick={() =>
-                                    handleStatusChange(
-                                      studentData.id,
-                                      registration.season.id,
-                                      registration.registered,
-                                    )
-                                  }
-                                >
+                              <TableRow key={registration.id}>
+                                <TableCell>
+                                  {registration.season.year}
+                                </TableCell>
+                                <TableCell>
+                                  {registration.season.type}
+                                </TableCell>
+                                <TableCell>
                                   {registration.registered
-                                    ? "Deregister"
-                                    : "Register"}
-                                </Button>
-                           
-                              </TableCell>
-                              <TableCell>
-                                <Button
-                                  variant="contained"
-                                  color="secondary"
-                                  onClick={() =>
-                                    handleDebar(registration.id, registration.season.id)
-                                  }
-                                >
-                                  Debar
-                                </Button>
-                              </TableCell>
-                            </TableRow>
-                          ))
+                                    ? "Registered"
+                                    : "Not Registered"}
+                                </TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color={
+                                      registration.registered
+                                        ? "secondary"
+                                        : "primary"
+                                    }
+                                    onClick={() =>
+                                      handleStatusChange(
+                                        studentData.id,
+                                        registration.season.id,
+                                        registration.registered,
+                                      )
+                                    }
+                                  >
+                                    {registration.registered
+                                      ? "Deregister"
+                                      : "Register"}
+                                  </Button>
+                                </TableCell>
+                                <TableCell>
+                                  <Button
+                                    variant="contained"
+                                    color="secondary"
+                                    onClick={() =>
+                                      handleDebar(
+                                        registration.id,
+                                        registration.season.id,
+                                      )
+                                    }
+                                  >
+                                    Debar
+                                  </Button>
+                                </TableCell>
+                              </TableRow>
+                            ))
                           : "N/A"}
                       </TableBody>
                     </Table>
diff --git a/src/components/NewTableComponent/Table.jsx b/src/components/NewTableComponent/Table.jsx
index a6e57273..7b33e226 100644
--- a/src/components/NewTableComponent/Table.jsx
+++ b/src/components/NewTableComponent/Table.jsx
@@ -1,209 +1,209 @@
-"use client";
-import {
-  MaterialReactTable,
-  useMaterialReactTable,
-  createMRTColumnHelper,
-} from "material-react-table";
-import { useState } from "react";
-import FileDownloadIcon from "@mui/icons-material/FileDownload";
-import { mkConfig, generateCsv, download } from "export-to-csv";
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import copy from 'copy-to-clipboard';
-import { Box, Button } from "@mui/material";
-import { MenuItem } from "@mui/material";
-import StudentModal from "./StudentModal";
-import JobModal from "./NewJobModal";
-import PenaltyModal from "./PenaltyModal";
-import RecruiterModal from "./RecruiterModal";
-import SeasonModal from "./SeasonModal";
-import Link from "next/link";
-import toast from "react-hot-toast";
-const csvConfig = mkConfig({
-  fieldSeparator: ",",
-  decimalSeparator: ".",
-  useKeysAsHeaders: true,
-});
-
-const Table = ({ data, columns, type }) => {
-  const [validationErrors, setValidationErrors] = useState({});
-  const flattenObject = (obj, prefix = "") => {
-    return Object.keys(obj).reduce((acc, key) => {
-      const pre = prefix.length ? prefix + " " : "";
-      if (typeof obj[key] === "object" && obj[key] !== null) {
-        Object.assign(acc, flattenObject(obj[key], pre + key));
-      } else {
-        acc[pre + key] = obj[key];
-      }
-      return acc;
-    }, {});
-  };
-  const flattenData = (data) => {
-    return data.map((item) => flattenObject(item));
-  };
-  const handleExportRows = (rows) => {
-    const rowData = rows.map((row) => row.original);
-    console.log(rowData);
-    const csv = generateCsv(csvConfig)(flattenData(rowData));
-    download(csvConfig)(csv);
-  };
-
-  const handleExportData = () => {
-    console.log(flattenData);
-    const csv = generateCsv(csvConfig)(flattenData(data));
-    download(csvConfig)(csv);
-  };
-
-  const handleCopyIds = (rows) => {
-    const ids = rows.map((row) => row.original.id).join(', ');
-    copy(ids);
-    toast.success(`Copied IDs`);
-  };
-
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [open, setOpen] = useState(false);
-  const [id, setId] = useState(null);
-  const [seasontype, setSeasonType] = useState(null);
-  const [year, setYear] = useState(null);
-
-  const handleOpenModal = () => setIsModalOpen(true);
-  const handleCloseModal = () => setIsModalOpen(false);
-
-  const table = useMaterialReactTable({
-    columns,
-    data,
-    createDisplayMode: "modal",
-    editDisplayMode: "modal",
-    enableRowActions: true,
-    enableRowSelection: true,
-    columnFilterDisplayMode: "popover",
-    paginationDisplayMode: "pages",
-    enableGlobalFilterModes: true,
-    positionToolbarAlertBanner: "bottom",
-    renderRowActionMenuItems: ({ row, table }) => (
-      <Box>
-        {type === "student" && (
-            <MenuItem
-            key="edit"
-            onClick={() => {
-              setId(row.original.id);
-              handleOpenModal();
-            }}
-          > Add Penalty</MenuItem>
-        )}
-        
-        {type == "job" ? (
-          <Link href={`/admin/jobs/${row.original.id}`}>
-            <MenuItem key="view">View {type}</MenuItem>
-          </Link>
-        ) : (
-          type == "season" ? (
-            <MenuItem
-            key="view"
-            onClick={() => {
-              setId(row.original.student.id);
-              setSeasonType(row.original.season.type);
-              setYear(row.original.season.year);
-              setOpen(true);
-            }}
-          >
-            View Season
-          </MenuItem>
-          
-          ) : (
-          <MenuItem
-            key="view"
-            onClick={() => {
-              setId(row.original.id);
-              setOpen(true);
-            }}
-          >
-            View {type}
-          </MenuItem>
-          )
-        )}
-      </Box>
-    ),
-    renderTopToolbarCustomActions: ({ table }) => (
-      <Box
-        sx={{
-          display: "flex",
-          gap: "16px",
-          padding: "8px",
-          flexWrap: "wrap",
-        }}
-      >
-        <Button onClick={handleExportData} startIcon={<FileDownloadIcon />}>
-          Export All Data
-        </Button>
-        <Button
-          disabled={table.getPrePaginationRowModel().rows.length === 0}
-          onClick={() =>
-            handleExportRows(table.getPrePaginationRowModel().rows)
-          }
-          startIcon={<FileDownloadIcon />}
-        >
-          Export All Rows
-        </Button>
-        <Button
-          disabled={table.getRowModel().rows.length === 0}
-          onClick={() => handleExportRows(table.getRowModel().rows)}
-          startIcon={<FileDownloadIcon />}
-        >
-          Export Page Rows
-        </Button>
-        <Button
-          disabled={
-            !table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected()
-          }
-          onClick={() => handleExportRows(table.getSelectedRowModel().rows)}
-          startIcon={<FileDownloadIcon />}
-        >
-          Export Selected Rows
-        </Button>
-        <Button
-          disabled={
-            !table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected()
-          }
-          onClick={() => handleCopyIds(table.getSelectedRowModel().rows)}
-          startIcon={<ContentCopyIcon />}
-        >
-          Copy Selected IDs
-        </Button>
-      </Box>
-    ),
-    renderEditRowDialogContent: ({ table, row, internalEditComponents }) => (
-      <div className="my-5 mx-5">
-        <div>Penalty</div>
-        <input placeholde="Add Penalty" />
-        <button>Submit</button>
-      </div>
-    ),
-  });
-
-  return (
-    <>
-      {type === "student" && (
-        <StudentModal open={open} setOpen={setOpen} id={id} />
-      )}
-      {/* {type == "job" && <JobModal open={open} setOpen={setOpen} jobID={id} />} */}
-      {type == "recruiter" && (
-        <RecruiterModal open={open} setOpen={setOpen} id={id} />
-      )}
-      <div className="my-2">
-        <MaterialReactTable table={table} />
-      </div>
-      {type === "student" && (
-        <PenaltyModal
-          isOpen={isModalOpen}
-          onClose={handleCloseModal}
-          studentId={id}
-        />
-      )}
-      {type === "season" && (
-        <SeasonModal open={open} setOpen={setOpen} id={id} type={seasontype} year={year} />
-      )}
-
-    </>
-  );
-};
-export default Table;
+"use client";
+import {
+  MaterialReactTable,
+  useMaterialReactTable,
+  createMRTColumnHelper,
+} from "material-react-table";
+import { useState } from "react";
+import FileDownloadIcon from "@mui/icons-material/FileDownload";
+import { mkConfig, generateCsv, download } from "export-to-csv";
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import copy from 'copy-to-clipboard';
+import { Box, Button } from "@mui/material";
+import { MenuItem } from "@mui/material";
+import StudentModal from "./StudentModal";
+import JobModal from "./NewJobModal";
+import PenaltyModal from "./PenaltyModal";
+import RecruiterModal from "./RecruiterModal";
+import SeasonModal from "./SeasonModal";
+import Link from "next/link";
+import toast from "react-hot-toast";
+const csvConfig = mkConfig({
+  fieldSeparator: ",",
+  decimalSeparator: ".",
+  useKeysAsHeaders: true,
+});
+
+const Table = ({ data, columns, type }) => {
+  const [validationErrors, setValidationErrors] = useState({});
+  const flattenObject = (obj, prefix = "") => {
+    return Object.keys(obj).reduce((acc, key) => {
+      const pre = prefix.length ? prefix + " " : "";
+      if (typeof obj[key] === "object" && obj[key] !== null) {
+        Object.assign(acc, flattenObject(obj[key], pre + key));
+      } else {
+        acc[pre + key] = obj[key];
+      }
+      return acc;
+    }, {});
+  };
+  const flattenData = (data) => {
+    return data.map((item) => flattenObject(item));
+  };
+  const handleExportRows = (rows) => {
+    const rowData = rows.map((row) => row.original);
+    console.log(rowData);
+    const csv = generateCsv(csvConfig)(flattenData(rowData));
+    download(csvConfig)(csv);
+  };
+
+  const handleExportData = () => {
+    console.log(flattenData);
+    const csv = generateCsv(csvConfig)(flattenData(data));
+    download(csvConfig)(csv);
+  };
+
+  const handleCopyIds = (rows) => {
+    const ids = rows.map((row) => row.original.id).join(', ');
+    copy(ids);
+    toast.success(`Copied IDs`);
+  };
+
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [id, setId] = useState(null);
+  const [seasontype, setSeasonType] = useState(null);
+  const [year, setYear] = useState(null);
+
+  const handleOpenModal = () => setIsModalOpen(true);
+  const handleCloseModal = () => setIsModalOpen(false);
+
+  const table = useMaterialReactTable({
+    columns,
+    data,
+    createDisplayMode: "modal",
+    editDisplayMode: "modal",
+    enableRowActions: true,
+    enableRowSelection: true,
+    columnFilterDisplayMode: "popover",
+    paginationDisplayMode: "pages",
+    enableGlobalFilterModes: true,
+    positionToolbarAlertBanner: "bottom",
+    renderRowActionMenuItems: ({ row, table }) => (
+      <Box>
+        {type === "student" && (
+            <MenuItem
+            key="edit"
+            onClick={() => {
+              setId(row.original.id);
+              handleOpenModal();
+            }}
+          > Add Penalty</MenuItem>
+        )}
+        
+        {type == "job" ? (
+          <Link href={`/admin/jobs/${row.original.id}`}>
+            <MenuItem key="view">View {type}</MenuItem>
+          </Link>
+        ) : (
+          type == "season" ? (
+            <MenuItem
+            key="view"
+            onClick={() => {
+              setId(row.original.student.id);
+              setSeasonType(row.original.season.type);
+              setYear(row.original.season.year);
+              setOpen(true);
+            }}
+          >
+            View Season
+          </MenuItem>
+          
+          ) : (
+          <MenuItem
+            key="view"
+            onClick={() => {
+              setId(row.original.id);
+              setOpen(true);
+            }}
+          >
+            View {type}
+          </MenuItem>
+          )
+        )}
+      </Box>
+    ),
+    renderTopToolbarCustomActions: ({ table }) => (
+      <Box
+        sx={{
+          display: "flex",
+          gap: "16px",
+          padding: "8px",
+          flexWrap: "wrap",
+        }}
+      >
+        <Button onClick={handleExportData} startIcon={<FileDownloadIcon />}>
+          Export All Data
+        </Button>
+        <Button
+          disabled={table.getPrePaginationRowModel().rows.length === 0}
+          onClick={() =>
+            handleExportRows(table.getPrePaginationRowModel().rows)
+          }
+          startIcon={<FileDownloadIcon />}
+        >
+          Export All Rows
+        </Button>
+        <Button
+          disabled={table.getRowModel().rows.length === 0}
+          onClick={() => handleExportRows(table.getRowModel().rows)}
+          startIcon={<FileDownloadIcon />}
+        >
+          Export Page Rows
+        </Button>
+        <Button
+          disabled={
+            !table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected()
+          }
+          onClick={() => handleExportRows(table.getSelectedRowModel().rows)}
+          startIcon={<FileDownloadIcon />}
+        >
+          Export Selected Rows
+        </Button>
+        <Button
+          disabled={
+            !table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected()
+          }
+          onClick={() => handleCopyIds(table.getSelectedRowModel().rows)}
+          startIcon={<ContentCopyIcon />}
+        >
+          Copy Selected IDs
+        </Button>
+      </Box>
+    ),
+    renderEditRowDialogContent: ({ table, row, internalEditComponents }) => (
+      <div className="my-5 mx-5">
+        <div>Penalty</div>
+        <input placeholde="Add Penalty" />
+        <button>Submit</button>
+      </div>
+    ),
+  });
+
+  return (
+    <>
+      {type === "student" && (
+        <StudentModal open={open} setOpen={setOpen} id={id} />
+      )}
+      {/* {type == "job" && <JobModal open={open} setOpen={setOpen} jobID={id} />} */}
+      {type == "recruiter" && (
+        <RecruiterModal open={open} setOpen={setOpen} id={id} />
+      )}
+      <div className="my-2">
+        <MaterialReactTable table={table} />
+      </div>
+      {type === "student" && (
+        <PenaltyModal
+          isOpen={isModalOpen}
+          onClose={handleCloseModal}
+          studentId={id}
+        />
+      )}
+      {type === "season" && (
+        <SeasonModal open={open} setOpen={setOpen} id={id} type={seasontype} year={year} />
+      )}
+
+    </>
+  );
+};
+export default Table;
diff --git a/src/components/Recruiters/Events.tsx b/src/components/Recruiters/Events.tsx
index 2981d9b6..b4f2eeef 100644
--- a/src/components/Recruiters/Events.tsx
+++ b/src/components/Recruiters/Events.tsx
@@ -1,155 +1,155 @@
-"use client";
-import React from "react";
-import { useState, useEffect } from "react";
-import { getEvent } from "@/helpers/recruiter/api";
-import { EventFC, ApplicationFC } from "@/helpers/recruiter/types";
-import { CircularProgress } from "@mui/material";
-import { getResume } from "@/helpers/recruiter/api";
-import VerifiedIcon from "@mui/icons-material/Verified";
-import Loader from "@/components/Loader/loader";
-import toast from "react-hot-toast";
-export const JobEvents = ({ events }: { events: [EventFC] }) => {
-  const [eventId, setEventId] = useState<string>(null);
-
-  const changeApplications = (eventId: string) => {
-    setEventId(eventId);
-  };
-
-  return (
-    <div>
-      <div className="overflow-y-auto">
-        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tr>
-              <th scope="col" className="px-6 py-3">
-                Round Number
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Type
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Meta Data
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Start Date
-              </th>
-              <th scope="col" className="px-6 py-3">
-                End Date
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {events.map((event, index) => (
-              <tr
-                key={index}
-                className={`cursor-pointer ${
-                  eventId === event.id
-                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
-                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
-                } border-b dark:border-gray-700`}
-                onClick={() => {
-                  changeApplications(event.id);
-                }}
-              >
-                <th
-                  scope="row"
-                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                >
-                  {event.roundNumber}
-                </th>
-                <td className="px-6 py-4">{event.type}</td>
-                <td className="px-6 py-4">{event.metadata}</td>
-                <td className="px-6 py-4">{event.startDateTime}</td>
-                <td className="px-6 py-4">{event.endDateTime}</td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-      <h4 className="text-2xl my-4 text-center font-semibold">Applications</h4>
-      {eventId ? (
-        <div className="overflow-y-auto">
-          <Applications eventId={eventId} />
-        </div>
-      ) : (
-        <div className="text-center mt-4">Select Event to view more</div>
-      )}
-    </div>
-  );
-};
-
-export const Applications = ({ eventId }: { eventId: string }) => {
-  const [applications, setApplications] = useState<[ApplicationFC]>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    setLoading(true);
-    setApplications(null);
-    const fetchData = async () => {
-      try {
-        const jsonData: EventFC = await getEvent(eventId);
-        setApplications(jsonData.applications);
-      } catch (error) {
-        toast.error(error);
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchData();
-  }, [eventId]);
-
-  return (
-    <div className="w-full">
-      {loading && (
-        <div className="flex justify-center">
-          <div className="h-screen w-full flex justify-center items-center">
-            <Loader />
-          </div>
-        </div>
-      )}
-      {applications && (
-        <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
-          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
-            <tr>
-              <th scope="col" className="px-6 py-3">
-                Roll Number
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Name
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Email
-              </th>
-              <th scope="col" className="px-6 py-3">
-                Resume
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {applications.map((application, index) => (
-              <tr
-                key={index}
-                onClick={() => getResume(application.resume.filepath)}
-                className={`bg-white border-b cursor-pointer dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600`}
-              >
-                <th
-                  scope="row"
-                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
-                >
-                  {application.student.rollNo}
-                </th>
-                <td className="px-6 py-4">{application.student.user.name}</td>
-                <td className="px-6 py-4">{application.student.user.email}</td>
-                <td className="px-6 py-4">
-                  {application.resume.filepath}{" "}
-                  {application.resume.verified && <VerifiedIcon />}
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      )}
-    </div>
-  );
-};
+"use client";
+import React from "react";
+import { useState, useEffect } from "react";
+import { getEvent } from "@/helpers/recruiter/api";
+import { EventFC, ApplicationFC } from "@/helpers/recruiter/types";
+import { CircularProgress } from "@mui/material";
+import { getResume } from "@/helpers/recruiter/api";
+import VerifiedIcon from "@mui/icons-material/Verified";
+import Loader from "@/components/Loader/loader";
+import toast from "react-hot-toast";
+export const JobEvents = ({ events }: { events: [EventFC] }) => {
+  const [eventId, setEventId] = useState<string>(null);
+
+  const changeApplications = (eventId: string) => {
+    setEventId(eventId);
+  };
+
+  return (
+    <div>
+      <div className="overflow-y-auto">
+        <table className="w-full overflow-y-auto text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+              <th scope="col" className="px-6 py-3">
+                Round Number
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Type
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Meta Data
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Start Date
+              </th>
+              <th scope="col" className="px-6 py-3">
+                End Date
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {events.map((event, index) => (
+              <tr
+                key={index}
+                className={`cursor-pointer ${
+                  eventId === event.id
+                    ? `bg-blue-200 dark:bg-sky-800 hover:bg-sky-100 dark:hover:bg-sky-700`
+                    : `bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-600`
+                } border-b dark:border-gray-700`}
+                onClick={() => {
+                  changeApplications(event.id);
+                }}
+              >
+                <th
+                  scope="row"
+                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                >
+                  {event.roundNumber}
+                </th>
+                <td className="px-6 py-4">{event.type}</td>
+                <td className="px-6 py-4">{event.metadata}</td>
+                <td className="px-6 py-4">{event.startDateTime}</td>
+                <td className="px-6 py-4">{event.endDateTime}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <h4 className="text-2xl my-4 text-center font-semibold">Applications</h4>
+      {eventId ? (
+        <div className="overflow-y-auto">
+          <Applications eventId={eventId} />
+        </div>
+      ) : (
+        <div className="text-center mt-4">Select Event to view more</div>
+      )}
+    </div>
+  );
+};
+
+export const Applications = ({ eventId }: { eventId: string }) => {
+  const [applications, setApplications] = useState<[ApplicationFC]>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    setLoading(true);
+    setApplications(null);
+    const fetchData = async () => {
+      try {
+        const jsonData: EventFC = await getEvent(eventId);
+        setApplications(jsonData.applications);
+      } catch (error) {
+        toast.error(error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [eventId]);
+
+  return (
+    <div className="w-full">
+      {loading && (
+        <div className="flex justify-center">
+          <div className="h-screen w-full flex justify-center items-center">
+            <Loader />
+          </div>
+        </div>
+      )}
+      {applications && (
+        <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
+          <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+            <tr>
+              <th scope="col" className="px-6 py-3">
+                Roll Number
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Name
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Email
+              </th>
+              <th scope="col" className="px-6 py-3">
+                Resume
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {applications.map((application, index) => (
+              <tr
+                key={index}
+                onClick={() => getResume(application.resume.filepath)}
+                className={`bg-white border-b cursor-pointer dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600`}
+              >
+                <th
+                  scope="row"
+                  className="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white"
+                >
+                  {application.student.rollNo}
+                </th>
+                <td className="px-6 py-4">{application.student.user.name}</td>
+                <td className="px-6 py-4">{application.student.user.email}</td>
+                <td className="px-6 py-4">
+                  {application.resume.filepath}{" "}
+                  {application.resume.verified && <VerifiedIcon />}
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
+};
diff --git a/src/components/Recruiters/editProfile.tsx b/src/components/Recruiters/editProfile.tsx
index b383a6c9..1160843d 100644
--- a/src/components/Recruiters/editProfile.tsx
+++ b/src/components/Recruiters/editProfile.tsx
@@ -1,362 +1,362 @@
-import React, { useEffect, useState } from "react";
-import { ProfileFC, updateProfileFC } from "@/helpers/recruiter/types";
-import { Button } from "../ui/button";
-import { patchProfile } from "@/helpers/recruiter/api";
-import { getDomains } from "@/helpers/recruiter/api";
-import { MultiSelect } from "@/components/ui/multiselect";
-import TextField from "@mui/material/TextField";
-import { CompanyDetailsLoader } from "../Loader/loaders";
-
-export const EditForm = (params: { profile: ProfileFC }) => {
-  const { profile } = params;
-  const [email, updateEmail] = useState<string>(
-    profile.user.email ? profile.user.email : "",
-  );
-  const [contact, updateContact] = useState<string>(
-    profile.user.contact ? profile.user.contact : "",
-  );
-  const [name, updateName] = useState<string>(
-    profile.user.name ? profile.user.name : "",
-  );
-  const [designation, setDesignation] = useState<string>(
-    profile.designation ? profile.designation : "",
-  );
-  const [landline, setLandline] = useState<string>(
-    profile.landline ? profile.landline : "",
-  );
-
-  const updateProfile = () => {
-    const data: updateProfileFC = {
-      designation: designation,
-      landline: landline,
-      user: {
-        name: name,
-        email: email,
-        contact: contact,
-      },
-    };
-    const triggerUpdate = async () => {
-      const res = await patchProfile(data);
-      window.location.reload();
-    };
-    triggerUpdate();
-  };
-
-  return (
-    <div className="flex flex-col gap-4">
-      <div>
-        <TextField
-          id="standard-basic"
-          label="Name"
-          variant="standard"
-          value={name}
-          onChange={(e) => {
-            updateName(e.target.value);
-          }}
-        />
-      </div>
-      <div>
-        <TextField
-          id="standard-basic"
-          label="Designation"
-          variant="standard"
-          value={designation}
-          onChange={(e) => {
-            setDesignation(e.target.value);
-          }}
-        />
-      </div>
-      <div>
-        <TextField
-          id="standard-basic"
-          label="Landline"
-          variant="standard"
-          value={landline}
-          onChange={(e) => {
-            setLandline(e.target.value);
-          }}
-        />
-      </div>
-      <div className="flex gap-8 mb-2">
-        <TextField
-          id="standard-basic"
-          label="Email"
-          variant="standard"
-          type="email"
-          value={email}
-          onChange={(e) => {
-            updateEmail(e.target.value);
-          }}
-        />
-      </div>
-      <div className="flex gap-8">
-        <TextField
-          id="standard-basic"
-          label="Contact"
-          variant="standard"
-          type="text"
-          value={contact}
-          onChange={(e) => {
-            updateContact(e.target.value);
-          }}
-        />
-      </div>
-
-      <div className="mt-4">
-        <Button
-          className="w-full"
-          onClick={() => {
-            updateProfile();
-          }}
-        >
-          Update
-        </Button>
-      </div>
-    </div>
-  );
-};
-
-export const EditCompanyForm = (params: { profile: ProfileFC }) => {
-  const { profile } = params;
-  const [loading, setLoading] = useState<boolean>(true);
-  const [companyName, setCompanyName] = useState<string>(
-    profile.company.name ? profile.company.name : "",
-  );
-  const [domains, setDomains] = useState(
-    profile.company.domains ? profile.company.domains : [],
-  );
-  const [category, setCategory] = useState<string>(
-    profile.company.category ? profile.company.category : "",
-  );
-  const [address, setAddress] = useState<any>(
-    profile.company.address ? profile.company.address : {},
-  );
-  const [size, setSize] = useState<number>(
-    profile.company.size ? profile.company.size : 0,
-  );
-  const [yearOfEstablishment, setYearOfEstablishment] = useState<string>(
-    profile.company.yearOfEstablishment
-      ? profile.company.yearOfEstablishment
-      : "",
-  );
-  const [socialMediaLink, setSocialMediaLink] = useState<string>(
-    profile.company.socialMediaLink ? profile.company.socialMediaLink : "",
-  );
-
-  const [domainOptions, setDomainsOptions] = useState<[string] | []>([]);
-  useEffect(() => {
-    const fetchDomains = async () => {
-      const d = await getDomains();
-      setDomainsOptions(d.domains);
-      setLoading(false);
-    };
-    fetchDomains();
-  }, []);
-
-  const updateCompanyProfile = () => {
-    const data: updateProfileFC = {
-      company: {
-        name: companyName,
-        domains: domains,
-        category: category,
-        address: address,
-        size: size,
-        yearOfEstablishment: yearOfEstablishment,
-        socialMediaLink: socialMediaLink,
-      },
-    };
-    const triggerUpdate = async () => {
-      console.log(data);
-      await patchProfile(data);
-      window.location.reload();
-    };
-    triggerUpdate();
-  };
-
-  return (
-    <>
-      {loading ? (
-        <CompanyDetailsLoader />
-      ) : (
-        <div className="flex flex-col gap-4">
-          <div>
-            <TextField
-              id="standard-basic"
-              label="Company Name"
-              variant="standard"
-              value={companyName}
-              onChange={(e) => {
-                setCompanyName(e.target.value);
-              }}
-            />
-          </div>
-          <div>
-            <span className="font-semibold">Domains: </span>
-            <MultiSelect
-              formData={domains}
-              setFormData={setDomains}
-              givenOptions={domainOptions.map((domain, index) => domain)}
-            />
-          </div>
-          <div>
-            <TextField
-              id="standard-basic"
-              label="Category"
-              variant="standard"
-              value={category}
-              onChange={(e) => {
-                setCategory(e.target.value);
-              }}
-            />
-          </div>
-          <div>
-            <span className="font-semibold">Address: </span>
-            <ul className="ml-8">
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="City"
-                    variant="standard"
-                    value={address.city}
-                    onChange={(e) => {
-                      setAddress({ ...address, city: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="Line 1"
-                    variant="standard"
-                    value={address.line1}
-                    onChange={(e) => {
-                      setAddress({ ...address, line1: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="Line 2"
-                    variant="standard"
-                    value={address.line2}
-                    onChange={(e) => {
-                      setAddress({ ...address, line2: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="State"
-                    variant="standard"
-                    value={address.state}
-                    onChange={(e) => {
-                      setAddress({ ...address, state: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="Country"
-                    variant="standard"
-                    value={address.country}
-                    onChange={(e) => {
-                      setAddress({ ...address, country: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-              <li>
-                <span>
-                  <TextField
-                    id="standard-basic"
-                    label="Zip Code"
-                    variant="standard"
-                    value={address.zipcode}
-                    onChange={(e) => {
-                      setAddress({ ...address, zipcode: e.target.value });
-                    }}
-                  />
-                </span>
-              </li>
-            </ul>
-          </div>
-          <div>
-            <TextField
-              id="standard-basic"
-              label="Size"
-              variant="standard"
-              value={size}
-              type="number"
-              onChange={(e) => {
-                // @ts-ignore
-                setSize(e.target.valueAsNumber);
-              }}
-            />
-          </div>
-          <div>
-            <TextField
-              id="standard-basic"
-              label="Year of Establishment"
-              variant="standard"
-              value={yearOfEstablishment}
-              onChange={(e) => {
-                setYearOfEstablishment(e.target.value);
-              }}
-            />
-          </div>
-          <div>
-            <TextField
-              id="standard-basic"
-              label="Social Media Link"
-              variant="standard"
-              value={socialMediaLink}
-              onChange={(e) => {
-                setSocialMediaLink(e.target.value);
-              }}
-            />
-          </div>
-
-          <div className="mt-4">
-            <Button
-              className="w-full"
-              onClick={() => {
-                updateCompanyProfile();
-              }}
-            >
-              Update
-            </Button>
-          </div>
-        </div>
-      )}
-    </>
-  );
-};
-
-const EditProfilePage = ({ data }: { data: ProfileFC }) => {
-  return (
-    <div className="flex md:flex-row flex-col justify-around w-full">
-      <div className="">
-        <h2 className="text-xl font-bold text-center">Company Details</h2>
-        <EditCompanyForm profile={data} />
-      </div>
-      <div className="">
-        <h2 className="text-xl font-bold text-center">Profile Details</h2>
-        <EditForm profile={data} />
-      </div>
-    </div>
-  );
-};
-
-export default EditProfilePage;
+import React, { useEffect, useState } from "react";
+import { ProfileFC, updateProfileFC } from "@/helpers/recruiter/types";
+import { Button } from "../ui/button";
+import { patchProfile } from "@/helpers/recruiter/api";
+import { getDomains } from "@/helpers/recruiter/api";
+import { MultiSelect } from "@/components/ui/multiselect";
+import TextField from "@mui/material/TextField";
+import { CompanyDetailsLoader } from "../Loader/loaders";
+
+export const EditForm = (params: { profile: ProfileFC }) => {
+  const { profile } = params;
+  const [email, updateEmail] = useState<string>(
+    profile.user.email ? profile.user.email : "",
+  );
+  const [contact, updateContact] = useState<string>(
+    profile.user.contact ? profile.user.contact : "",
+  );
+  const [name, updateName] = useState<string>(
+    profile.user.name ? profile.user.name : "",
+  );
+  const [designation, setDesignation] = useState<string>(
+    profile.designation ? profile.designation : "",
+  );
+  const [landline, setLandline] = useState<string>(
+    profile.landline ? profile.landline : "",
+  );
+
+  const updateProfile = () => {
+    const data: updateProfileFC = {
+      designation: designation,
+      landline: landline,
+      user: {
+        name: name,
+        email: email,
+        contact: contact,
+      },
+    };
+    const triggerUpdate = async () => {
+      const res = await patchProfile(data);
+      window.location.reload();
+    };
+    triggerUpdate();
+  };
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div>
+        <TextField
+          id="standard-basic"
+          label="Name"
+          variant="standard"
+          value={name}
+          onChange={(e) => {
+            updateName(e.target.value);
+          }}
+        />
+      </div>
+      <div>
+        <TextField
+          id="standard-basic"
+          label="Designation"
+          variant="standard"
+          value={designation}
+          onChange={(e) => {
+            setDesignation(e.target.value);
+          }}
+        />
+      </div>
+      <div>
+        <TextField
+          id="standard-basic"
+          label="Landline"
+          variant="standard"
+          value={landline}
+          onChange={(e) => {
+            setLandline(e.target.value);
+          }}
+        />
+      </div>
+      <div className="flex gap-8 mb-2">
+        <TextField
+          id="standard-basic"
+          label="Email"
+          variant="standard"
+          type="email"
+          value={email}
+          onChange={(e) => {
+            updateEmail(e.target.value);
+          }}
+        />
+      </div>
+      <div className="flex gap-8">
+        <TextField
+          id="standard-basic"
+          label="Contact"
+          variant="standard"
+          type="text"
+          value={contact}
+          onChange={(e) => {
+            updateContact(e.target.value);
+          }}
+        />
+      </div>
+
+      <div className="mt-4">
+        <Button
+          className="w-full"
+          onClick={() => {
+            updateProfile();
+          }}
+        >
+          Update
+        </Button>
+      </div>
+    </div>
+  );
+};
+
+export const EditCompanyForm = (params: { profile: ProfileFC }) => {
+  const { profile } = params;
+  const [loading, setLoading] = useState<boolean>(true);
+  const [companyName, setCompanyName] = useState<string>(
+    profile.company.name ? profile.company.name : "",
+  );
+  const [domains, setDomains] = useState(
+    profile.company.domains ? profile.company.domains : [],
+  );
+  const [category, setCategory] = useState<string>(
+    profile.company.category ? profile.company.category : "",
+  );
+  const [address, setAddress] = useState<any>(
+    profile.company.address ? profile.company.address : {},
+  );
+  const [size, setSize] = useState<number>(
+    profile.company.size ? profile.company.size : 0,
+  );
+  const [yearOfEstablishment, setYearOfEstablishment] = useState<string>(
+    profile.company.yearOfEstablishment
+      ? profile.company.yearOfEstablishment
+      : "",
+  );
+  const [socialMediaLink, setSocialMediaLink] = useState<string>(
+    profile.company.socialMediaLink ? profile.company.socialMediaLink : "",
+  );
+
+  const [domainOptions, setDomainsOptions] = useState<[string] | []>([]);
+  useEffect(() => {
+    const fetchDomains = async () => {
+      const d = await getDomains();
+      setDomainsOptions(d.domains);
+      setLoading(false);
+    };
+    fetchDomains();
+  }, []);
+
+  const updateCompanyProfile = () => {
+    const data: updateProfileFC = {
+      company: {
+        name: companyName,
+        domains: domains,
+        category: category,
+        address: address,
+        size: size,
+        yearOfEstablishment: yearOfEstablishment,
+        socialMediaLink: socialMediaLink,
+      },
+    };
+    const triggerUpdate = async () => {
+      console.log(data);
+      await patchProfile(data);
+      window.location.reload();
+    };
+    triggerUpdate();
+  };
+
+  return (
+    <>
+      {loading ? (
+        <CompanyDetailsLoader />
+      ) : (
+        <div className="flex flex-col gap-4">
+          <div>
+            <TextField
+              id="standard-basic"
+              label="Company Name"
+              variant="standard"
+              value={companyName}
+              onChange={(e) => {
+                setCompanyName(e.target.value);
+              }}
+            />
+          </div>
+          <div>
+            <span className="font-semibold">Domains: </span>
+            <MultiSelect
+              formData={domains}
+              setFormData={setDomains}
+              givenOptions={domainOptions.map((domain, index) => domain)}
+            />
+          </div>
+          <div>
+            <TextField
+              id="standard-basic"
+              label="Category"
+              variant="standard"
+              value={category}
+              onChange={(e) => {
+                setCategory(e.target.value);
+              }}
+            />
+          </div>
+          <div>
+            <span className="font-semibold">Address: </span>
+            <ul className="ml-8">
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="City"
+                    variant="standard"
+                    value={address.city}
+                    onChange={(e) => {
+                      setAddress({ ...address, city: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="Line 1"
+                    variant="standard"
+                    value={address.line1}
+                    onChange={(e) => {
+                      setAddress({ ...address, line1: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="Line 2"
+                    variant="standard"
+                    value={address.line2}
+                    onChange={(e) => {
+                      setAddress({ ...address, line2: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="State"
+                    variant="standard"
+                    value={address.state}
+                    onChange={(e) => {
+                      setAddress({ ...address, state: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="Country"
+                    variant="standard"
+                    value={address.country}
+                    onChange={(e) => {
+                      setAddress({ ...address, country: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+              <li>
+                <span>
+                  <TextField
+                    id="standard-basic"
+                    label="Zip Code"
+                    variant="standard"
+                    value={address.zipcode}
+                    onChange={(e) => {
+                      setAddress({ ...address, zipcode: e.target.value });
+                    }}
+                  />
+                </span>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <TextField
+              id="standard-basic"
+              label="Size"
+              variant="standard"
+              value={size}
+              type="number"
+              onChange={(e) => {
+                // @ts-ignore
+                setSize(e.target.valueAsNumber);
+              }}
+            />
+          </div>
+          <div>
+            <TextField
+              id="standard-basic"
+              label="Year of Establishment"
+              variant="standard"
+              value={yearOfEstablishment}
+              onChange={(e) => {
+                setYearOfEstablishment(e.target.value);
+              }}
+            />
+          </div>
+          <div>
+            <TextField
+              id="standard-basic"
+              label="Social Media Link"
+              variant="standard"
+              value={socialMediaLink}
+              onChange={(e) => {
+                setSocialMediaLink(e.target.value);
+              }}
+            />
+          </div>
+
+          <div className="mt-4">
+            <Button
+              className="w-full"
+              onClick={() => {
+                updateCompanyProfile();
+              }}
+            >
+              Update
+            </Button>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+
+const EditProfilePage = ({ data }: { data: ProfileFC }) => {
+  return (
+    <div className="flex md:flex-row flex-col justify-around w-full">
+      <div className="">
+        <h2 className="text-xl font-bold text-center">Company Details</h2>
+        <EditCompanyForm profile={data} />
+      </div>
+      <div className="">
+        <h2 className="text-xl font-bold text-center">Profile Details</h2>
+        <EditForm profile={data} />
+      </div>
+    </div>
+  );
+};
+
+export default EditProfilePage;
diff --git a/src/components/Recruiters/jobEdit.tsx b/src/components/Recruiters/jobEdit.tsx
index 75b49f70..7839a311 100644
--- a/src/components/Recruiters/jobEdit.tsx
+++ b/src/components/Recruiters/jobEdit.tsx
@@ -1,94 +1,94 @@
-import React from "react";
-import Select from "react-select";
-
-export const CategorySelectList = ({
-  givenOptions,
-  formData,
-  setFormData,
-  salaryIndex,
-}) => {
-  const handleChange = (selectedOptions) => {
-    const values = selectedOptions
-      ? selectedOptions.map((option) => option.value)
-      : [];
-    const updatedSalary = {
-      ...formData.salaries[salaryIndex],
-      categories: values,
-    };
-    const updatedSalaries = formData.salaries?.map((salary, i) => {
-      if (i === salaryIndex) {
-        return updatedSalary;
-      }
-      return salary;
-    });
-    setFormData((prevData) => ({
-      ...prevData,
-      salaries: updatedSalaries,
-    }));
-  };
-
-  const options = givenOptions.map((option) => ({
-    value: option,
-    label: option,
-  }));
-
-  return (
-    <Select
-      isMulti
-      value={formData.salaries[salaryIndex].categories?.map((category) => ({
-        value: category,
-        label: category,
-      }))}
-      onChange={handleChange}
-      options={options}
-      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
-      placeholder="Select multiple options..."
-    />
-  );
-};
-
-export const GenderSelectList = ({
-  givenOptions,
-  formData,
-  setFormData,
-  salaryIndex,
-}) => {
-  const handleChange = (selectedOptions) => {
-    const values = selectedOptions
-      ? selectedOptions.map((option) => option.value)
-      : [];
-    const updatedSalary = {
-      ...formData.salaries[salaryIndex],
-      genders: values,
-    };
-    const updatedSalaries = formData.salaries?.map((salary, i) => {
-      if (i === salaryIndex) {
-        return updatedSalary;
-      }
-      return salary;
-    });
-    setFormData((prevData) => ({
-      ...prevData,
-      salaries: updatedSalaries,
-    }));
-  };
-
-  const options = givenOptions.map((option) => ({
-    value: option,
-    label: option,
-  }));
-
-  return (
-    <Select
-      isMulti
-      value={formData.salaries[salaryIndex].genders?.map((gender) => ({
-        value: gender,
-        label: gender,
-      }))}
-      onChange={handleChange}
-      options={options}
-      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
-      placeholder="Select multiple options..."
-    />
-  );
-};
+import React from "react";
+import Select from "react-select";
+
+export const CategorySelectList = ({
+  givenOptions,
+  formData,
+  setFormData,
+  salaryIndex,
+}) => {
+  const handleChange = (selectedOptions) => {
+    const values = selectedOptions
+      ? selectedOptions.map((option) => option.value)
+      : [];
+    const updatedSalary = {
+      ...formData.salaries[salaryIndex],
+      categories: values,
+    };
+    const updatedSalaries = formData.salaries?.map((salary, i) => {
+      if (i === salaryIndex) {
+        return updatedSalary;
+      }
+      return salary;
+    });
+    setFormData((prevData) => ({
+      ...prevData,
+      salaries: updatedSalaries,
+    }));
+  };
+
+  const options = givenOptions.map((option) => ({
+    value: option,
+    label: option,
+  }));
+
+  return (
+    <Select
+      isMulti
+      value={formData.salaries[salaryIndex].categories?.map((category) => ({
+        value: category,
+        label: category,
+      }))}
+      onChange={handleChange}
+      options={options}
+      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+      placeholder="Select multiple options..."
+    />
+  );
+};
+
+export const GenderSelectList = ({
+  givenOptions,
+  formData,
+  setFormData,
+  salaryIndex,
+}) => {
+  const handleChange = (selectedOptions) => {
+    const values = selectedOptions
+      ? selectedOptions.map((option) => option.value)
+      : [];
+    const updatedSalary = {
+      ...formData.salaries[salaryIndex],
+      genders: values,
+    };
+    const updatedSalaries = formData.salaries?.map((salary, i) => {
+      if (i === salaryIndex) {
+        return updatedSalary;
+      }
+      return salary;
+    });
+    setFormData((prevData) => ({
+      ...prevData,
+      salaries: updatedSalaries,
+    }));
+  };
+
+  const options = givenOptions.map((option) => ({
+    value: option,
+    label: option,
+  }));
+
+  return (
+    <Select
+      isMulti
+      value={formData.salaries[salaryIndex].genders?.map((gender) => ({
+        value: gender,
+        label: gender,
+      }))}
+      onChange={handleChange}
+      options={options}
+      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+      placeholder="Select multiple options..."
+    />
+  );
+};
diff --git a/src/components/Recruiters/profile.tsx b/src/components/Recruiters/profile.tsx
index d1c1bda9..5037b900 100644
--- a/src/components/Recruiters/profile.tsx
+++ b/src/components/Recruiters/profile.tsx
@@ -1,173 +1,173 @@
-import React, { useState, useEffect } from "react";
-import { ProfileFC } from "@/helpers/recruiter/types";
-import { Button } from "../ui/button";
-import PersonIcon from "@mui/icons-material/Person";
-import { EditForm, EditCompanyForm } from "./editProfile";
-import { fetchProfile } from "@/helpers/recruiter/api";
-import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
-
-const ProfileDetails = ({ profile }: { profile: ProfileFC }) => {
-  return (
-    <>
-      <div className="flex flex-col space-y-4 overflow-x-auto">
-        <div>
-          <span className="font-semibold">Landline: </span>
-          {profile.landline}
-        </div>
-        <div>
-          <span className="font-semibold">Email: </span>
-          {profile.user.email}
-        </div>
-        <div>
-          <span className="font-semibold">Contact: </span>
-          {profile.user.contact}
-        </div>
-      </div>
-    </>
-  );
-};
-
-const CompanyProfileCard = ({ profile }: { profile: ProfileFC }) => {
-  return (
-    <>
-      <div className="mb-4">
-        <span className="font-semibold">Name: </span>
-        <span>{profile.company.name}</span>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Domains: </span>
-        <span>{profile.company.domains.join(", ")}</span>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Category: </span>
-        <span>{profile.company.category}</span>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Address: </span>
-        <ul className="capitalize ml-4 list-disc">
-          {Object.entries(profile.company.address).map(([key, value]) => (
-            <li key={key}>
-              {key}: {value}
-            </li>
-          ))}
-        </ul>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Size: </span>
-        <span>{profile.company.size}</span>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Year of Establishment: </span>
-        <span>{profile.company.yearOfEstablishment}</span>
-      </div>
-      <div className="mb-4">
-        <span className="font-semibold">Social Media Link: </span>
-        <a
-          href={profile.company.socialMediaLink}
-          className="text-blue-500 hover:underline"
-        >
-          {profile.company.socialMediaLink}
-        </a>
-      </div>
-    </>
-  );
-};
-
-const RecruiterProfile = () => {
-  const [view, setView] = useState<string>("PROFILE");
-  const [edit, setEdit] = useState<boolean>(false);
-  const [data, setData] = useState<ProfileFC>();
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const profileData = async () => {
-      const jsonData = await fetchProfile();
-      setData(jsonData);
-      setLoading(false);
-    };
-    profileData();
-  }, []);
-
-  const handleViewChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setView(e.target.value);
-  };
-
-  return (
-    <div className="w-full flex justify-center mt-16">
-      <div className="w-full lg:w-2/3 md:w-3/4">
-        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
-          <div className="flex">
-            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
-              <div className="mb-6">
-                <PersonIcon sx={{ fontSize: "6rem" }} />
-              </div>
-              {loading ? (
-                <ProfileNavLoader />
-              ) : (
-                <>
-                  <h6 className="text-lg font-semibold">{data.user.name}</h6>
-                  <p>{data.designation}</p>
-                </>
-              )}
-            </div>
-            <div className="w-2/3">
-              <div className="p-5">
-                <div className="flex flex-wrap justify-between items-center mb-5 pb-2 border-b border-gray-300">
-                  <div className="flex space-x-2 rounded-xl select-none">
-                    <label className="radio flex flex-grow items-center justify-center rounded-lg p-1 cursor-pointer">
-                      <input
-                        type="radio"
-                        name="view"
-                        value="PROFILE"
-                        checked={view === "PROFILE"}
-                        onChange={handleViewChange}
-                        className="peer hidden"
-                      />
-                      <span className="tracking-widest peer-checked:bg-gradient-to-br peer-checked:from-gray-400 peer-checked:to-gray-900 peer-checked:text-white text-gray-700 p-2 rounded-lg transition duration-150 ease-in-out">
-                        Self
-                      </span>
-                    </label>
-
-                    <label className="radio flex flex-grow items-center justify-center rounded-lg p-1 cursor-pointer">
-                      <input
-                        type="radio"
-                        name="view"
-                        value="COMPANY"
-                        checked={view === "COMPANY"}
-                        onChange={handleViewChange}
-                        className="peer hidden"
-                      />
-                      <span className="tracking-widest peer-checked:bg-gradient-to-br peer-checked:from-gray-400 peer-checked:to-gray-900 peer-checked:text-white text-gray-700 p-2 rounded-lg transition duration-150 ease-in-out">
-                        Company
-                      </span>
-                    </label>
-                  </div>
-                  {edit || (
-                    <Button onClick={() => setEdit(!edit)}>
-                      {edit ? "Save" : "Edit"}
-                    </Button>
-                  )}
-                </div>
-                {loading ? (
-                  <ProfileLoader />
-                ) : view === "PROFILE" ? (
-                  edit ? (
-                    <EditForm profile={data} />
-                  ) : (
-                    <ProfileDetails profile={data} />
-                  )
-                ) : edit ? (
-                  <EditCompanyForm profile={data} />
-                ) : (
-                  <CompanyProfileCard profile={data} />
-                )}
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default RecruiterProfile;
+import React, { useState, useEffect } from "react";
+import { ProfileFC } from "@/helpers/recruiter/types";
+import { Button } from "../ui/button";
+import PersonIcon from "@mui/icons-material/Person";
+import { EditForm, EditCompanyForm } from "./editProfile";
+import { fetchProfile } from "@/helpers/recruiter/api";
+import { ProfileLoader, ProfileNavLoader } from "../Loader/loaders";
+
+const ProfileDetails = ({ profile }: { profile: ProfileFC }) => {
+  return (
+    <>
+      <div className="flex flex-col space-y-4 overflow-x-auto">
+        <div>
+          <span className="font-semibold">Landline: </span>
+          {profile.landline}
+        </div>
+        <div>
+          <span className="font-semibold">Email: </span>
+          {profile.user.email}
+        </div>
+        <div>
+          <span className="font-semibold">Contact: </span>
+          {profile.user.contact}
+        </div>
+      </div>
+    </>
+  );
+};
+
+const CompanyProfileCard = ({ profile }: { profile: ProfileFC }) => {
+  return (
+    <>
+      <div className="mb-4">
+        <span className="font-semibold">Name: </span>
+        <span>{profile.company.name}</span>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Domains: </span>
+        <span>{profile.company.domains.join(", ")}</span>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Category: </span>
+        <span>{profile.company.category}</span>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Address: </span>
+        <ul className="capitalize ml-4 list-disc">
+          {Object.entries(profile.company.address).map(([key, value]) => (
+            <li key={key}>
+              {key}: {value}
+            </li>
+          ))}
+        </ul>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Size: </span>
+        <span>{profile.company.size}</span>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Year of Establishment: </span>
+        <span>{profile.company.yearOfEstablishment}</span>
+      </div>
+      <div className="mb-4">
+        <span className="font-semibold">Social Media Link: </span>
+        <a
+          href={profile.company.socialMediaLink}
+          className="text-blue-500 hover:underline"
+        >
+          {profile.company.socialMediaLink}
+        </a>
+      </div>
+    </>
+  );
+};
+
+const RecruiterProfile = () => {
+  const [view, setView] = useState<string>("PROFILE");
+  const [edit, setEdit] = useState<boolean>(false);
+  const [data, setData] = useState<ProfileFC>();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const profileData = async () => {
+      const jsonData = await fetchProfile();
+      setData(jsonData);
+      setLoading(false);
+    };
+    profileData();
+  }, []);
+
+  const handleViewChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setView(e.target.value);
+  };
+
+  return (
+    <div className="w-full flex justify-center mt-16">
+      <div className="w-full lg:w-2/3 md:w-3/4">
+        <div className="bg-white shadow-md rounded-lg overflow-hidden w-full">
+          <div className="flex">
+            <div className="w-1/3 bg-gradient-to-br from-gray-400 to-gray-900 text-center text-white py-5">
+              <div className="mb-6">
+                <PersonIcon sx={{ fontSize: "6rem" }} />
+              </div>
+              {loading ? (
+                <ProfileNavLoader />
+              ) : (
+                <>
+                  <h6 className="text-lg font-semibold">{data.user.name}</h6>
+                  <p>{data.designation}</p>
+                </>
+              )}
+            </div>
+            <div className="w-2/3">
+              <div className="p-5">
+                <div className="flex flex-wrap justify-between items-center mb-5 pb-2 border-b border-gray-300">
+                  <div className="flex space-x-2 rounded-xl select-none">
+                    <label className="radio flex flex-grow items-center justify-center rounded-lg p-1 cursor-pointer">
+                      <input
+                        type="radio"
+                        name="view"
+                        value="PROFILE"
+                        checked={view === "PROFILE"}
+                        onChange={handleViewChange}
+                        className="peer hidden"
+                      />
+                      <span className="tracking-widest peer-checked:bg-gradient-to-br peer-checked:from-gray-400 peer-checked:to-gray-900 peer-checked:text-white text-gray-700 p-2 rounded-lg transition duration-150 ease-in-out">
+                        Self
+                      </span>
+                    </label>
+
+                    <label className="radio flex flex-grow items-center justify-center rounded-lg p-1 cursor-pointer">
+                      <input
+                        type="radio"
+                        name="view"
+                        value="COMPANY"
+                        checked={view === "COMPANY"}
+                        onChange={handleViewChange}
+                        className="peer hidden"
+                      />
+                      <span className="tracking-widest peer-checked:bg-gradient-to-br peer-checked:from-gray-400 peer-checked:to-gray-900 peer-checked:text-white text-gray-700 p-2 rounded-lg transition duration-150 ease-in-out">
+                        Company
+                      </span>
+                    </label>
+                  </div>
+                  {edit || (
+                    <Button onClick={() => setEdit(!edit)}>
+                      {edit ? "Save" : "Edit"}
+                    </Button>
+                  )}
+                </div>
+                {loading ? (
+                  <ProfileLoader />
+                ) : view === "PROFILE" ? (
+                  edit ? (
+                    <EditForm profile={data} />
+                  ) : (
+                    <ProfileDetails profile={data} />
+                  )
+                ) : edit ? (
+                  <EditCompanyForm profile={data} />
+                ) : (
+                  <CompanyProfileCard profile={data} />
+                )}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default RecruiterProfile;
diff --git a/src/components/RecruitersTable.tsx b/src/components/RecruitersTable.tsx
index 7b744b02..5ce5baf3 100644
--- a/src/components/RecruitersTable.tsx
+++ b/src/components/RecruitersTable.tsx
@@ -1,248 +1,248 @@
-"use client";
-import * as React from "react";
-import { useState } from "react";
-import Modal from "react-modal";
-import {
-  ColumnDef,
-  ColumnFiltersState,
-  SortingState,
-  VisibilityState,
-  flexRender,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  useReactTable,
-} from "@tanstack/react-table";
-import { ArrowUpDown, ChevronDown, MoreHorizontal, X } from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-
-interface Student {
-  id: string;
-  userId: string;
-  user: {
-    id: string;
-    email: string;
-    name: string;
-    contact: string | null; // Assuming contact can be a phone number or null
-    role: string;
-    createdAt: string;
-    updatedAt: string;
-  };
-  companyId: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-const customStyles = {
-  content: {
-    top: "50%",
-    left: "50%",
-    right: "auto",
-    bottom: "auto",
-    marginRight: "-50%",
-    padding: "0px",
-    transform: "translate(-50%, -50%)",
-    zIndex: 10000000,
-    border: "0px",
-    borderRadius: "10px",
-  },
-  overlay: {
-    zIndex: 10000000,
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    background: "rgba(0, 0, 0, 0.75)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-};
-
-export const columns: ColumnDef<Student>[] = [
-  {
-    accessorKey: "user.name",
-    header: "Name",
-    cell: ({ row }) => (
-      <div className="lowercase">{row.original.user.name}</div>
-    ),
-  },
-  {
-    accessorKey: "user.email",
-    header: "Email",
-    cell: ({ row }) => <div>{row.original.user.email}</div>,
-  },
-  {
-    accessorKey: "user.contact",
-    header: "Contact",
-    cell: ({ row }) => <div>{row.original.user.contact}</div>,
-  },
-  {
-    id: "actions",
-    enableHiding: false,
-    cell: ({ row }) => {
-      const student = row.original;
-      let isDeleteModalOpen = false;
-      return (
-        <DropdownMenu>
-          <Modal
-            isOpen={isDeleteModalOpen}
-            onRequestClose={() => (isDeleteModalOpen = false)}
-            style={customStyles}
-            contentLabel="Example Modal"
-          ></Modal>
-          <DropdownMenuTrigger asChild>
-            <Button variant="ghost" className="h-8 w-8 p-0">
-              <span className="sr-only">Open menu</span>
-              <MoreHorizontal className="h-4 w-4" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
-            <DropdownMenuLabel>Actions</DropdownMenuLabel>
-            <DropdownMenuItem>View Profile</DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      );
-    },
-  },
-];
-
-export default function RecruitersTable({ data }: any) {
-  const [sorting, setSorting] = React.useState<SortingState>([]);
-  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    [],
-  );
-
-  const [columnVisibility, setColumnVisibility] =
-    React.useState<VisibilityState>({});
-  const [rowSelection, setRowSelection] = React.useState({});
-
-  const table = useReactTable({
-    data,
-    columns,
-    onSortingChange: setSorting,
-    onColumnFiltersChange: setColumnFilters,
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    onColumnVisibilityChange: setColumnVisibility,
-    onRowSelectionChange: setRowSelection,
-    initialState: {
-      pagination: {
-        pageSize: 5,
-      },
-    },
-    state: {
-      sorting,
-      columnFilters,
-      columnVisibility,
-      rowSelection,
-    },
-  });
-  const [filters, setFilters] = React.useState<any>([]);
-
-  const handleFilterChange = (columnId: string, value: string) => {
-    const existingFilterIndex = filters.findIndex(
-      (filter: any) => filter.columnId === columnId,
-    );
-    if (existingFilterIndex === -1) {
-      setFilters([...filters, { columnId, value }]);
-    } else {
-      setFilters((x: any) => x.filter((y: any) => y.columnId !== columnId));
-    }
-  };
-
-  return (
-    <div className="w-full">
-      <div className="flex items-center justify-start"></div>
-      <div className="rounded-md border">
-        <Table>
-          <TableHeader>
-            {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
-                {headerGroup.headers.map((header) => {
-                  return (
-                    <TableHead key={header.id}>
-                      {header.isPlaceholder
-                        ? null
-                        : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext(),
-                          )}
-                    </TableHead>
-                  );
-                })}
-              </TableRow>
-            ))}
-          </TableHeader>
-          <TableBody>
-            {table.getRowModel().rows?.length ? (
-              table.getRowModel().rows.map((row) => (
-                <TableRow
-                  key={row.id}
-                  data-state={row.getIsSelected() && "selected"}
-                >
-                  {row.getVisibleCells().map((cell) => (
-                    <TableCell key={cell.id}>
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
-                    </TableCell>
-                  ))}
-                </TableRow>
-              ))
-            ) : (
-              <TableRow>
-                <TableCell
-                  colSpan={columns.length}
-                  className="h-24 text-center"
-                >
-                  No results.
-                </TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </div>
-      <div className="flex items-center justify-end space-x-2 py-4 ">
-        <div className="space-x-2">
-          <Button
-            onClick={() => table.previousPage()}
-            disabled={!table.getCanPreviousPage()}
-          >
-            Previous
-          </Button>
-          <Button
-            onClick={() => table.nextPage()}
-            disabled={!table.getCanNextPage()}
-          >
-            Next
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-}
+"use client";
+import * as React from "react";
+import { useState } from "react";
+import Modal from "react-modal";
+import {
+  ColumnDef,
+  ColumnFiltersState,
+  SortingState,
+  VisibilityState,
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+import { ArrowUpDown, ChevronDown, MoreHorizontal, X } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+interface Student {
+  id: string;
+  userId: string;
+  user: {
+    id: string;
+    email: string;
+    name: string;
+    contact: string | null; // Assuming contact can be a phone number or null
+    role: string;
+    createdAt: string;
+    updatedAt: string;
+  };
+  companyId: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+const customStyles = {
+  content: {
+    top: "50%",
+    left: "50%",
+    right: "auto",
+    bottom: "auto",
+    marginRight: "-50%",
+    padding: "0px",
+    transform: "translate(-50%, -50%)",
+    zIndex: 10000000,
+    border: "0px",
+    borderRadius: "10px",
+  },
+  overlay: {
+    zIndex: 10000000,
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(0, 0, 0, 0.75)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+};
+
+export const columns: ColumnDef<Student>[] = [
+  {
+    accessorKey: "user.name",
+    header: "Name",
+    cell: ({ row }) => (
+      <div className="lowercase">{row.original.user.name}</div>
+    ),
+  },
+  {
+    accessorKey: "user.email",
+    header: "Email",
+    cell: ({ row }) => <div>{row.original.user.email}</div>,
+  },
+  {
+    accessorKey: "user.contact",
+    header: "Contact",
+    cell: ({ row }) => <div>{row.original.user.contact}</div>,
+  },
+  {
+    id: "actions",
+    enableHiding: false,
+    cell: ({ row }) => {
+      const student = row.original;
+      let isDeleteModalOpen = false;
+      return (
+        <DropdownMenu>
+          <Modal
+            isOpen={isDeleteModalOpen}
+            onRequestClose={() => (isDeleteModalOpen = false)}
+            style={customStyles}
+            contentLabel="Example Modal"
+          ></Modal>
+          <DropdownMenuTrigger asChild>
+            <Button variant="ghost" className="h-8 w-8 p-0">
+              <span className="sr-only">Open menu</span>
+              <MoreHorizontal className="h-4 w-4" />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent align="end">
+            <DropdownMenuLabel>Actions</DropdownMenuLabel>
+            <DropdownMenuItem>View Profile</DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      );
+    },
+  },
+];
+
+export default function RecruitersTable({ data }: any) {
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
+    [],
+  );
+
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>({});
+  const [rowSelection, setRowSelection] = React.useState({});
+
+  const table = useReactTable({
+    data,
+    columns,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    initialState: {
+      pagination: {
+        pageSize: 5,
+      },
+    },
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+    },
+  });
+  const [filters, setFilters] = React.useState<any>([]);
+
+  const handleFilterChange = (columnId: string, value: string) => {
+    const existingFilterIndex = filters.findIndex(
+      (filter: any) => filter.columnId === columnId,
+    );
+    if (existingFilterIndex === -1) {
+      setFilters([...filters, { columnId, value }]);
+    } else {
+      setFilters((x: any) => x.filter((y: any) => y.columnId !== columnId));
+    }
+  };
+
+  return (
+    <div className="w-full">
+      <div className="flex items-center justify-start"></div>
+      <div className="rounded-md border">
+        <Table>
+          <TableHeader>
+            {table.getHeaderGroups().map((headerGroup) => (
+              <TableRow key={headerGroup.id}>
+                {headerGroup.headers.map((header) => {
+                  return (
+                    <TableHead key={header.id}>
+                      {header.isPlaceholder
+                        ? null
+                        : flexRender(
+                            header.column.columnDef.header,
+                            header.getContext(),
+                          )}
+                    </TableHead>
+                  );
+                })}
+              </TableRow>
+            ))}
+          </TableHeader>
+          <TableBody>
+            {table.getRowModel().rows?.length ? (
+              table.getRowModel().rows.map((row) => (
+                <TableRow
+                  key={row.id}
+                  data-state={row.getIsSelected() && "selected"}
+                >
+                  {row.getVisibleCells().map((cell) => (
+                    <TableCell key={cell.id}>
+                      {flexRender(
+                        cell.column.columnDef.cell,
+                        cell.getContext(),
+                      )}
+                    </TableCell>
+                  ))}
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <TableCell
+                  colSpan={columns.length}
+                  className="h-24 text-center"
+                >
+                  No results.
+                </TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+      <div className="flex items-center justify-end space-x-2 py-4 ">
+        <div className="space-x-2">
+          <Button
+            onClick={() => table.previousPage()}
+            disabled={!table.getCanPreviousPage()}
+          >
+            Previous
+          </Button>
+          <Button
+            onClick={() => table.nextPage()}
+            disabled={!table.getCanNextPage()}
+          >
+            Next
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/SideBar/DropDowns/CompanyDropDown.tsx b/src/components/SideBar/DropDowns/CompanyDropDown.tsx
index 36d2d5d8..9f225d39 100644
--- a/src/components/SideBar/DropDowns/CompanyDropDown.tsx
+++ b/src/components/SideBar/DropDowns/CompanyDropDown.tsx
@@ -1,96 +1,96 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-import Link from "next/link";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface Companies {
-  value: string;
-  label: string;
-  path: string;
-}
-
-interface Props {
-  userRole: string;
-}
-
-export function CompanyDropDown({ userRole }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? companies.find((company) => company.value === value)?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing.</CommandEmpty>
-          <CommandGroup>
-            {companies.map((company: Companies) => (
-              <CommandItem
-                key={company.value}
-                value={company.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                <Link
-                  className="flex w-full"
-                  href={`/${userRole}/company${company.path}`}
-                >
-                  {company.label}
-                </Link>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-const companies: Companies[] = [
-  {
-    value: "all companies",
-    label: "All Companies",
-    path: "/",
-  },
-  {
-    value: "add companies",
-    label: "Add Companies",
-    path: "/add",
-  },
-];
+"use client";
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface Companies {
+  value: string;
+  label: string;
+  path: string;
+}
+
+interface Props {
+  userRole: string;
+}
+
+export function CompanyDropDown({ userRole }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? companies.find((company) => company.value === value)?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing.</CommandEmpty>
+          <CommandGroup>
+            {companies.map((company: Companies) => (
+              <CommandItem
+                key={company.value}
+                value={company.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                <Link
+                  className="flex w-full"
+                  href={`/${userRole}/company${company.path}`}
+                >
+                  {company.label}
+                </Link>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+const companies: Companies[] = [
+  {
+    value: "all companies",
+    label: "All Companies",
+    path: "/",
+  },
+  {
+    value: "add companies",
+    label: "Add Companies",
+    path: "/add",
+  },
+];
diff --git a/src/components/SideBar/DropDowns/FacultyDropDown.tsx b/src/components/SideBar/DropDowns/FacultyDropDown.tsx
index d812639e..b1c028fe 100644
--- a/src/components/SideBar/DropDowns/FacultyDropDown.tsx
+++ b/src/components/SideBar/DropDowns/FacultyDropDown.tsx
@@ -1,96 +1,96 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-import Link from "next/link";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface Faculties {
-  value: string;
-  label: string;
-  path: string;
-}
-
-interface Props {
-  userRole: string;
-}
-
-export function FacultyDropDown({ userRole }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? faculties.find((faculty) => faculty.value === value)?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing.</CommandEmpty>
-          <CommandGroup>
-            {faculties.map((faculty: Faculties) => (
-              <CommandItem
-                key={faculty.value}
-                value={faculty.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                <Link
-                  className="flex w-full"
-                  href={`/${userRole}/faculty${faculty.path}`}
-                >
-                  {faculty.label}
-                </Link>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-const faculties: Faculties[] = [
-  {
-    value: "all faculties",
-    label: "All Faculties",
-    path: "/",
-  },
-  {
-    value: "add faculties",
-    label: "Add Faculties",
-    path: "/add",
-  },
-];
+"use client";
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface Faculties {
+  value: string;
+  label: string;
+  path: string;
+}
+
+interface Props {
+  userRole: string;
+}
+
+export function FacultyDropDown({ userRole }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? faculties.find((faculty) => faculty.value === value)?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing.</CommandEmpty>
+          <CommandGroup>
+            {faculties.map((faculty: Faculties) => (
+              <CommandItem
+                key={faculty.value}
+                value={faculty.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                <Link
+                  className="flex w-full"
+                  href={`/${userRole}/faculty${faculty.path}`}
+                >
+                  {faculty.label}
+                </Link>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+const faculties: Faculties[] = [
+  {
+    value: "all faculties",
+    label: "All Faculties",
+    path: "/",
+  },
+  {
+    value: "add faculties",
+    label: "Add Faculties",
+    path: "/add",
+  },
+];
diff --git a/src/components/SideBar/DropDowns/JobDropDown.tsx b/src/components/SideBar/DropDowns/JobDropDown.tsx
index 39525543..939b8bd2 100644
--- a/src/components/SideBar/DropDowns/JobDropDown.tsx
+++ b/src/components/SideBar/DropDowns/JobDropDown.tsx
@@ -1,96 +1,96 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-import Link from "next/link";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface Job {
-  value: string;
-  label: string;
-  path: string;
-}
-
-interface Props {
-  userRole: string;
-}
-
-export function JobDropDown({ userRole }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-full justify-between !text-black"
-        >
-          {value
-            ? job.find((job) => job.value === value)?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing.</CommandEmpty>
-          <CommandGroup>
-            {job.map((job: Job) => (
-              <CommandItem
-                key={job.value}
-                value={job.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                <Link
-                  className="flex w-full"
-                  href={`/${userRole}/job${job.path}`}
-                >
-                  {job.label}
-                </Link>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-const job: Job[] = [
-  {
-    value: "all jobs",
-    label: "All Jobs",
-    path: "/",
-  },
-  {
-    value: "add jobs",
-    label: "Add Jobs",
-    path: "/add",
-  },
-];
+"use client";
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface Job {
+  value: string;
+  label: string;
+  path: string;
+}
+
+interface Props {
+  userRole: string;
+}
+
+export function JobDropDown({ userRole }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-full justify-between !text-black"
+        >
+          {value
+            ? job.find((job) => job.value === value)?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing.</CommandEmpty>
+          <CommandGroup>
+            {job.map((job: Job) => (
+              <CommandItem
+                key={job.value}
+                value={job.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                <Link
+                  className="flex w-full"
+                  href={`/${userRole}/job${job.path}`}
+                >
+                  {job.label}
+                </Link>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+const job: Job[] = [
+  {
+    value: "all jobs",
+    label: "All Jobs",
+    path: "/",
+  },
+  {
+    value: "add jobs",
+    label: "Add Jobs",
+    path: "/add",
+  },
+];
diff --git a/src/components/SideBar/DropDowns/RecuiterDropDown.tsx b/src/components/SideBar/DropDowns/RecuiterDropDown.tsx
index 980e8a8e..8397f8ba 100644
--- a/src/components/SideBar/DropDowns/RecuiterDropDown.tsx
+++ b/src/components/SideBar/DropDowns/RecuiterDropDown.tsx
@@ -1,96 +1,96 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-import Link from "next/link";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface Recruiters {
-  value: string;
-  label: string;
-  path: string;
-}
-
-interface Props {
-  userRole: string;
-}
-
-export function RecruiterDropDown({ userRole }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? recruiters.find((recruiter) => recruiter.value === value)?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing.</CommandEmpty>
-          <CommandGroup>
-            {recruiters.map((recruiter: Recruiters) => (
-              <CommandItem
-                key={recruiter.value}
-                value={recruiter.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                <Link
-                  className="flex w-full"
-                  href={`/${userRole}/recruiter${recruiter.path}`}
-                >
-                  {recruiter.label}
-                </Link>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-const recruiters: Recruiters[] = [
-  {
-    value: "all recruiters",
-    label: "All Recruiters",
-    path: "/",
-  },
-  {
-    value: "add recruiters",
-    label: "Add Recruiters",
-    path: "/add",
-  },
-];
+"use client";
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface Recruiters {
+  value: string;
+  label: string;
+  path: string;
+}
+
+interface Props {
+  userRole: string;
+}
+
+export function RecruiterDropDown({ userRole }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? recruiters.find((recruiter) => recruiter.value === value)?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing.</CommandEmpty>
+          <CommandGroup>
+            {recruiters.map((recruiter: Recruiters) => (
+              <CommandItem
+                key={recruiter.value}
+                value={recruiter.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                <Link
+                  className="flex w-full"
+                  href={`/${userRole}/recruiter${recruiter.path}`}
+                >
+                  {recruiter.label}
+                </Link>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+const recruiters: Recruiters[] = [
+  {
+    value: "all recruiters",
+    label: "All Recruiters",
+    path: "/",
+  },
+  {
+    value: "add recruiters",
+    label: "Add Recruiters",
+    path: "/add",
+  },
+];
diff --git a/src/components/SideBar/DropDowns/SeasonDropDown.tsx b/src/components/SideBar/DropDowns/SeasonDropDown.tsx
index ae716033..c8644e36 100644
--- a/src/components/SideBar/DropDowns/SeasonDropDown.tsx
+++ b/src/components/SideBar/DropDowns/SeasonDropDown.tsx
@@ -1,121 +1,121 @@
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface SeasonInDropDown {
-  value: string;
-  label: string;
-  id: string;
-}
-
-interface Season {
-  id: string;
-  year: string;
-  type: string;
-  createdAt: string;
-  updatedAt: string;
-}
-
-interface Props {
-  AllSeasons: {
-    seasons: Season[];
-  };
-}
-
-export function SessionDropDown({ AllSeasons }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string, id: string | null) => {
-    setValue(currentValue === value ? "" : currentValue);
-    setOpen(false);
-    if (id) {
-      localStorage.setItem("season", id);
-    } else {
-      localStorage.removeItem("season");
-    }
-  };
-  const SeasonsInDropDown: SeasonInDropDown[] = AllSeasons?.seasons?.map(
-    (season) => ({
-      value: `${season?.type?.toLowerCase()}-${season?.year?.toLowerCase()}`,
-      label: `${season?.type?.toLowerCase()}-${season?.year?.toLowerCase()}`,
-      id: season.id,
-    }),
-  );
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? SeasonsInDropDown.find(
-                (season) => season.value === value,
-              )?.label.toUpperCase()
-            : "Select Season"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>No Seasons found.</CommandEmpty>
-          <CommandGroup>
-            <CommandItem
-              key={"None"}
-              value={"None"}
-              onSelect={(currentValue: string) => handleSelect("", null)}
-            >
-              {"None"}
-              <CheckIcon
-                className={cn(
-                  "ml-auto h-4 w-4",
-                  value === "" ? "opacity-100" : "opacity-0",
-                )}
-              />
-            </CommandItem>
-            {SeasonsInDropDown?.map((season: SeasonInDropDown) => (
-              <CommandItem
-                key={season.value}
-                value={season.value}
-                onSelect={(currentValue: string) =>
-                  handleSelect(currentValue, season?.id)
-                }
-              >
-                {season.label.toUpperCase()}
-                <CheckIcon
-                  className={cn(
-                    "ml-auto h-4 w-4",
-                    value === season.value ? "opacity-100" : "opacity-0",
-                  )}
-                />
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface SeasonInDropDown {
+  value: string;
+  label: string;
+  id: string;
+}
+
+interface Season {
+  id: string;
+  year: string;
+  type: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+interface Props {
+  AllSeasons: {
+    seasons: Season[];
+  };
+}
+
+export function SessionDropDown({ AllSeasons }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string, id: string | null) => {
+    setValue(currentValue === value ? "" : currentValue);
+    setOpen(false);
+    if (id) {
+      localStorage.setItem("season", id);
+    } else {
+      localStorage.removeItem("season");
+    }
+  };
+  const SeasonsInDropDown: SeasonInDropDown[] = AllSeasons?.seasons?.map(
+    (season) => ({
+      value: `${season?.type?.toLowerCase()}-${season?.year?.toLowerCase()}`,
+      label: `${season?.type?.toLowerCase()}-${season?.year?.toLowerCase()}`,
+      id: season.id,
+    }),
+  );
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? SeasonsInDropDown.find(
+                (season) => season.value === value,
+              )?.label.toUpperCase()
+            : "Select Season"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>No Seasons found.</CommandEmpty>
+          <CommandGroup>
+            <CommandItem
+              key={"None"}
+              value={"None"}
+              onSelect={(currentValue: string) => handleSelect("", null)}
+            >
+              {"None"}
+              <CheckIcon
+                className={cn(
+                  "ml-auto h-4 w-4",
+                  value === "" ? "opacity-100" : "opacity-0",
+                )}
+              />
+            </CommandItem>
+            {SeasonsInDropDown?.map((season: SeasonInDropDown) => (
+              <CommandItem
+                key={season.value}
+                value={season.value}
+                onSelect={(currentValue: string) =>
+                  handleSelect(currentValue, season?.id)
+                }
+              >
+                {season.label.toUpperCase()}
+                <CheckIcon
+                  className={cn(
+                    "ml-auto h-4 w-4",
+                    value === season.value ? "opacity-100" : "opacity-0",
+                  )}
+                />
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/src/components/SideBar/DropDowns/StudentDropDown.tsx b/src/components/SideBar/DropDowns/StudentDropDown.tsx
index 96b27100..48b03324 100644
--- a/src/components/SideBar/DropDowns/StudentDropDown.tsx
+++ b/src/components/SideBar/DropDowns/StudentDropDown.tsx
@@ -1,96 +1,96 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
-import Link from "next/link";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface Students {
-  value: string;
-  label: string;
-  path: string;
-}
-
-interface Props {
-  userRole: string;
-}
-
-export function StudentDropDown({ userRole }: Props) {
-  const [open, setOpen] = React.useState(false);
-  const [value, setValue] = React.useState("");
-  const router = useRouter();
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? students.find((student) => student.value === value)?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing...</CommandEmpty>
-          <CommandGroup>
-            {students.map((student: Students) => (
-              <CommandItem
-                key={student.value}
-                value={student.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                <Link
-                  className="flex w-full"
-                  href={`/${userRole}/students${student.path}`}
-                >
-                  {student.label}
-                </Link>
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-const students: Students[] = [
-  {
-    value: "all students",
-    label: "All Students",
-    path: "/",
-  },
-  {
-    value: "add students",
-    label: "Add Students",
-    path: "/add",
-  },
-];
+"use client";
+import * as React from "react";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface Students {
+  value: string;
+  label: string;
+  path: string;
+}
+
+interface Props {
+  userRole: string;
+}
+
+export function StudentDropDown({ userRole }: Props) {
+  const [open, setOpen] = React.useState(false);
+  const [value, setValue] = React.useState("");
+  const router = useRouter();
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? students.find((student) => student.value === value)?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing...</CommandEmpty>
+          <CommandGroup>
+            {students.map((student: Students) => (
+              <CommandItem
+                key={student.value}
+                value={student.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                <Link
+                  className="flex w-full"
+                  href={`/${userRole}/students${student.path}`}
+                >
+                  {student.label}
+                </Link>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+const students: Students[] = [
+  {
+    value: "all students",
+    label: "All Students",
+    path: "/",
+  },
+  {
+    value: "add students",
+    label: "Add Students",
+    path: "/add",
+  },
+];
diff --git a/src/components/SideBar/Roles/admin.tsx b/src/components/SideBar/Roles/admin.tsx
index c8536e9c..b0eb1726 100644
--- a/src/components/SideBar/Roles/admin.tsx
+++ b/src/components/SideBar/Roles/admin.tsx
@@ -1,299 +1,299 @@
-"use client";
-import { useContext } from "react";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import { useMediaQuery } from "react-responsive";
-import Link from "next/link";
-import NavButtonGroup from "@/components/NavButtonGroup";
-
-const AdminDashboard = () => {
-  const context = useContext(ToggleContext);
-  return (
-    <>
-      <div className="text-white">
-        <Link href="/">
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M7.07926 0.222253C7.31275 -0.007434 7.6873 -0.007434 7.92079 0.222253L14.6708 6.86227C14.907 7.09465 14.9101 7.47453 14.6778 7.71076C14.4454 7.947 14.0655 7.95012 13.8293 7.71773L13 6.90201V12.5C13 12.7761 12.7762 13 12.5 13H2.50002C2.22388 13 2.00002 12.7761 2.00002 12.5V6.90201L1.17079 7.71773C0.934558 7.95012 0.554672 7.947 0.32229 7.71076C0.0899079 7.47453 0.0930283 7.09465 0.32926 6.86227L7.07926 0.222253ZM7.50002 1.49163L12 5.91831V12H10V8.49999C10 8.22385 9.77617 7.99999 9.50002 7.99999H6.50002C6.22388 7.99999 6.00002 8.22385 6.00002 8.49999V12H3.00002V5.91831L7.50002 1.49163ZM7.00002 12H9.00002V8.99999H7.00002V12Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Home
-              </motion.div>
-            </div>
-          </div>
-        </Link>
-        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-          <Link href="/admin/companies">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M5 1C5 0.447715 5.44772 0 6 0H9C9.55228 0 10 0.447715 10 1V2H14C14.5523 2 15 2.44772 15 3V6C15 6.8888 14.6131 7.68734 14 8.23608V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V8.2359C0.38697 7.68721 0 6.88883 0 6V3C0 2.44772 0.447716 2 1 2H5V1ZM9 1V2H6V1H9ZM1 3H5H5.5H9.5H10H14V6C14 6.654 13.6866 7.23467 13.1997 7.6004C12.8655 7.85144 12.4508 8 12 8H8V7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5V8H3C2.5493 8 2.1346 7.85133 1.80029 7.60022C1.31335 7.23446 1 6.65396 1 6V3ZM7 9H3C2.64961 9 2.31292 8.93972 2 8.82905V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V8.82915C12.6871 8.93978 12.3504 9 12 9H8V9.5C8 9.77614 7.77614 10 7.5 10C7.22386 10 7 9.77614 7 9.5V9Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Companies
-              </motion.div>
-            </div>
-          </Link>
-          {/* <CompanyDropDown userRole={userRole} /> */}
-        </div>
-        <Link href={"/admin/jobs"}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Jobs
-              </motion.div>
-            </div>
-
-            {/* <JobDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={"/admin/students"}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Students
-              </motion.div>
-            </div>
-
-            {/* <StudentDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={"/admin/resumes"}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Resumes
-              </motion.div>
-            </div>
-
-            {/* <JobDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={"/admin/recruiters"}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[13vw]"
-              >
-                Recruiters
-              </motion.div>
-            </div>
-            {/* <RecruiterDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={"/admin/seasons"}>
-        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-          <div className="flex justify-start gap-[1vw]">
-            <div className="w-[2vw]">
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 15 15"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M0.900024 7.50002C0.900024 3.85495 3.85495 0.900024 7.50002 0.900024C11.1451 0.900024 14.1 3.85495 14.1 7.50002C14.1 11.1451 11.1451 14.1 7.50002 14.1C3.85495 14.1 0.900024 11.1451 0.900024 7.50002ZM7.50002 1.80002C4.35201 1.80002 1.80002 4.35201 1.80002 7.50002C1.80002 10.648 4.35201 13.2 7.50002 13.2C10.648 13.2 13.2 10.648 13.2 7.50002C13.2 4.35201 10.648 1.80002 7.50002 1.80002ZM3.07504 7.50002C3.07504 5.05617 5.05618 3.07502 7.50004 3.07502C9.94388 3.07502 11.925 5.05617 11.925 7.50002C11.925 9.94386 9.94388 11.925 7.50004 11.925C5.05618 11.925 3.07504 9.94386 3.07504 7.50002ZM7.50004 3.92502C5.52562 3.92502 3.92504 5.52561 3.92504 7.50002C3.92504 9.47442 5.52563 11.075 7.50004 11.075C9.47444 11.075 11.075 9.47442 11.075 7.50002C11.075 5.52561 9.47444 3.92502 7.50004 3.92502ZM7.50004 5.25002C6.2574 5.25002 5.25004 6.25739 5.25004 7.50002C5.25004 8.74266 6.2574 9.75002 7.50004 9.75002C8.74267 9.75002 9.75004 8.74266 9.75004 7.50002C9.75004 6.25738 8.74267 5.25002 7.50004 5.25002ZM6.05004 7.50002C6.05004 6.69921 6.69923 6.05002 7.50004 6.05002C8.30084 6.05002 8.95004 6.69921 8.95004 7.50002C8.95004 8.30083 8.30084 8.95002 7.50004 8.95002C6.69923 8.95002 6.05004 8.30083 6.05004 7.50002Z"
-                  fill="currentColor"
-                  fillRule="evenodd"
-                  clipRule="evenodd"
-                ></path>
-              </svg>
-            </div>
-            <motion.div
-              initial={{ opacity: 1 }}
-              animate={context.isOpen ? "open" : "closed"}
-              transition={{ duration: 0.1 }}
-              variants={{
-                closed: { opacity: 0 },
-                open: { opacity: 1 },
-              }}
-              className="w-[13vw]"
-            >
-              Seasons
-            </motion.div>
-          </div>
-          {/* <SessionDropDown AllSeasons={AllSeasons} /> */}
-        </div>
-        </Link>
-        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-          <div className="flex justify-start gap-[1vw]">
-            <div className="w-[2vw]">
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 15 15"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M4.5 1C4.77614 1 5 1.22386 5 1.5V2H10V1.5C10 1.22386 10.2239 1 10.5 1C10.7761 1 11 1.22386 11 1.5V2H12.5C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V3.5C1 2.67157 1.67157 2 2.5 2H4V1.5C4 1.22386 4.22386 1 4.5 1ZM10 3V3.5C10 3.77614 10.2239 4 10.5 4C10.7761 4 11 3.77614 11 3.5V3H12.5C12.7761 3 13 3.22386 13 3.5V5H2V3.5C2 3.22386 2.22386 3 2.5 3H4V3.5C4 3.77614 4.22386 4 4.5 4C4.77614 4 5 3.77614 5 3.5V3H10ZM2 6V12.5C2 12.7761 2.22386 13 2.5 13H12.5C12.7761 13 13 12.7761 13 12.5V6H2ZM7 7.5C7 7.22386 7.22386 7 7.5 7C7.77614 7 8 7.22386 8 7.5C8 7.77614 7.77614 8 7.5 8C7.22386 8 7 7.77614 7 7.5ZM9.5 7C9.22386 7 9 7.22386 9 7.5C9 7.77614 9.22386 8 9.5 8C9.77614 8 10 7.77614 10 7.5C10 7.22386 9.77614 7 9.5 7ZM11 7.5C11 7.22386 11.2239 7 11.5 7C11.7761 7 12 7.22386 12 7.5C12 7.77614 11.7761 8 11.5 8C11.2239 8 11 7.77614 11 7.5ZM11.5 9C11.2239 9 11 9.22386 11 9.5C11 9.77614 11.2239 10 11.5 10C11.7761 10 12 9.77614 12 9.5C12 9.22386 11.7761 9 11.5 9ZM9 9.5C9 9.22386 9.22386 9 9.5 9C9.77614 9 10 9.22386 10 9.5C10 9.77614 9.77614 10 9.5 10C9.22386 10 9 9.77614 9 9.5ZM7.5 9C7.22386 9 7 9.22386 7 9.5C7 9.77614 7.22386 10 7.5 10C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9ZM5 9.5C5 9.22386 5.22386 9 5.5 9C5.77614 9 6 9.22386 6 9.5C6 9.77614 5.77614 10 5.5 10C5.22386 10 5 9.77614 5 9.5ZM3.5 9C3.22386 9 3 9.22386 3 9.5C3 9.77614 3.22386 10 3.5 10C3.77614 10 4 9.77614 4 9.5C4 9.22386 3.77614 9 3.5 9ZM3 11.5C3 11.2239 3.22386 11 3.5 11C3.77614 11 4 11.2239 4 11.5C4 11.7761 3.77614 12 3.5 12C3.22386 12 3 11.7761 3 11.5ZM5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11ZM7 11.5C7 11.2239 7.22386 11 7.5 11C7.77614 11 8 11.2239 8 11.5C8 11.7761 7.77614 12 7.5 12C7.22386 12 7 11.7761 7 11.5ZM9.5 11C9.22386 11 9 11.2239 9 11.5C9 11.7761 9.22386 12 9.5 12C9.77614 12 10 11.7761 10 11.5C10 11.2239 9.77614 11 9.5 11Z"
-                  fill="currentColor"
-                  fillRule="evenodd"
-                  clipRule="evenodd"
-                ></path>
-              </svg>
-            </div>
-            <motion.div
-              initial={{ opacity: 1 }}
-              animate={context.isOpen ? "open" : "closed"}
-              transition={{ duration: 0.1 }}
-              variants={{
-                closed: { opacity: 0 },
-                open: { opacity: 1 },
-              }}
-              className="w-[13vw]"
-            >
-              Schedule
-            </motion.div>
-          </div>
-          {/* <SessionDropDown AllSeasons={AllSeasons} /> */}
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default AdminDashboard;
+"use client";
+import { useContext } from "react";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import { useMediaQuery } from "react-responsive";
+import Link from "next/link";
+import NavButtonGroup from "@/components/NavButtonGroup";
+
+const AdminDashboard = () => {
+  const context = useContext(ToggleContext);
+  return (
+    <>
+      <div className="text-white">
+        <Link href="/">
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.07926 0.222253C7.31275 -0.007434 7.6873 -0.007434 7.92079 0.222253L14.6708 6.86227C14.907 7.09465 14.9101 7.47453 14.6778 7.71076C14.4454 7.947 14.0655 7.95012 13.8293 7.71773L13 6.90201V12.5C13 12.7761 12.7762 13 12.5 13H2.50002C2.22388 13 2.00002 12.7761 2.00002 12.5V6.90201L1.17079 7.71773C0.934558 7.95012 0.554672 7.947 0.32229 7.71076C0.0899079 7.47453 0.0930283 7.09465 0.32926 6.86227L7.07926 0.222253ZM7.50002 1.49163L12 5.91831V12H10V8.49999C10 8.22385 9.77617 7.99999 9.50002 7.99999H6.50002C6.22388 7.99999 6.00002 8.22385 6.00002 8.49999V12H3.00002V5.91831L7.50002 1.49163ZM7.00002 12H9.00002V8.99999H7.00002V12Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Home
+              </motion.div>
+            </div>
+          </div>
+        </Link>
+        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+          <Link href="/admin/companies">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M5 1C5 0.447715 5.44772 0 6 0H9C9.55228 0 10 0.447715 10 1V2H14C14.5523 2 15 2.44772 15 3V6C15 6.8888 14.6131 7.68734 14 8.23608V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V8.2359C0.38697 7.68721 0 6.88883 0 6V3C0 2.44772 0.447716 2 1 2H5V1ZM9 1V2H6V1H9ZM1 3H5H5.5H9.5H10H14V6C14 6.654 13.6866 7.23467 13.1997 7.6004C12.8655 7.85144 12.4508 8 12 8H8V7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5V8H3C2.5493 8 2.1346 7.85133 1.80029 7.60022C1.31335 7.23446 1 6.65396 1 6V3ZM7 9H3C2.64961 9 2.31292 8.93972 2 8.82905V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V8.82915C12.6871 8.93978 12.3504 9 12 9H8V9.5C8 9.77614 7.77614 10 7.5 10C7.22386 10 7 9.77614 7 9.5V9Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Companies
+              </motion.div>
+            </div>
+          </Link>
+          {/* <CompanyDropDown userRole={userRole} /> */}
+        </div>
+        <Link href={"/admin/jobs"}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Jobs
+              </motion.div>
+            </div>
+
+            {/* <JobDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={"/admin/students"}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Students
+              </motion.div>
+            </div>
+
+            {/* <StudentDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={"/admin/resumes"}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Resumes
+              </motion.div>
+            </div>
+
+            {/* <JobDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={"/admin/recruiters"}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[13vw]"
+              >
+                Recruiters
+              </motion.div>
+            </div>
+            {/* <RecruiterDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={"/admin/seasons"}>
+        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+          <div className="flex justify-start gap-[1vw]">
+            <div className="w-[2vw]">
+              <svg
+                width="20"
+                height="20"
+                viewBox="0 0 15 15"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0.900024 7.50002C0.900024 3.85495 3.85495 0.900024 7.50002 0.900024C11.1451 0.900024 14.1 3.85495 14.1 7.50002C14.1 11.1451 11.1451 14.1 7.50002 14.1C3.85495 14.1 0.900024 11.1451 0.900024 7.50002ZM7.50002 1.80002C4.35201 1.80002 1.80002 4.35201 1.80002 7.50002C1.80002 10.648 4.35201 13.2 7.50002 13.2C10.648 13.2 13.2 10.648 13.2 7.50002C13.2 4.35201 10.648 1.80002 7.50002 1.80002ZM3.07504 7.50002C3.07504 5.05617 5.05618 3.07502 7.50004 3.07502C9.94388 3.07502 11.925 5.05617 11.925 7.50002C11.925 9.94386 9.94388 11.925 7.50004 11.925C5.05618 11.925 3.07504 9.94386 3.07504 7.50002ZM7.50004 3.92502C5.52562 3.92502 3.92504 5.52561 3.92504 7.50002C3.92504 9.47442 5.52563 11.075 7.50004 11.075C9.47444 11.075 11.075 9.47442 11.075 7.50002C11.075 5.52561 9.47444 3.92502 7.50004 3.92502ZM7.50004 5.25002C6.2574 5.25002 5.25004 6.25739 5.25004 7.50002C5.25004 8.74266 6.2574 9.75002 7.50004 9.75002C8.74267 9.75002 9.75004 8.74266 9.75004 7.50002C9.75004 6.25738 8.74267 5.25002 7.50004 5.25002ZM6.05004 7.50002C6.05004 6.69921 6.69923 6.05002 7.50004 6.05002C8.30084 6.05002 8.95004 6.69921 8.95004 7.50002C8.95004 8.30083 8.30084 8.95002 7.50004 8.95002C6.69923 8.95002 6.05004 8.30083 6.05004 7.50002Z"
+                  fill="currentColor"
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                ></path>
+              </svg>
+            </div>
+            <motion.div
+              initial={{ opacity: 1 }}
+              animate={context.isOpen ? "open" : "closed"}
+              transition={{ duration: 0.1 }}
+              variants={{
+                closed: { opacity: 0 },
+                open: { opacity: 1 },
+              }}
+              className="w-[13vw]"
+            >
+              Seasons
+            </motion.div>
+          </div>
+          {/* <SessionDropDown AllSeasons={AllSeasons} /> */}
+        </div>
+        </Link>
+        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+          <div className="flex justify-start gap-[1vw]">
+            <div className="w-[2vw]">
+              <svg
+                width="20"
+                height="20"
+                viewBox="0 0 15 15"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M4.5 1C4.77614 1 5 1.22386 5 1.5V2H10V1.5C10 1.22386 10.2239 1 10.5 1C10.7761 1 11 1.22386 11 1.5V2H12.5C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H2.5C1.67157 14 1 13.3284 1 12.5V3.5C1 2.67157 1.67157 2 2.5 2H4V1.5C4 1.22386 4.22386 1 4.5 1ZM10 3V3.5C10 3.77614 10.2239 4 10.5 4C10.7761 4 11 3.77614 11 3.5V3H12.5C12.7761 3 13 3.22386 13 3.5V5H2V3.5C2 3.22386 2.22386 3 2.5 3H4V3.5C4 3.77614 4.22386 4 4.5 4C4.77614 4 5 3.77614 5 3.5V3H10ZM2 6V12.5C2 12.7761 2.22386 13 2.5 13H12.5C12.7761 13 13 12.7761 13 12.5V6H2ZM7 7.5C7 7.22386 7.22386 7 7.5 7C7.77614 7 8 7.22386 8 7.5C8 7.77614 7.77614 8 7.5 8C7.22386 8 7 7.77614 7 7.5ZM9.5 7C9.22386 7 9 7.22386 9 7.5C9 7.77614 9.22386 8 9.5 8C9.77614 8 10 7.77614 10 7.5C10 7.22386 9.77614 7 9.5 7ZM11 7.5C11 7.22386 11.2239 7 11.5 7C11.7761 7 12 7.22386 12 7.5C12 7.77614 11.7761 8 11.5 8C11.2239 8 11 7.77614 11 7.5ZM11.5 9C11.2239 9 11 9.22386 11 9.5C11 9.77614 11.2239 10 11.5 10C11.7761 10 12 9.77614 12 9.5C12 9.22386 11.7761 9 11.5 9ZM9 9.5C9 9.22386 9.22386 9 9.5 9C9.77614 9 10 9.22386 10 9.5C10 9.77614 9.77614 10 9.5 10C9.22386 10 9 9.77614 9 9.5ZM7.5 9C7.22386 9 7 9.22386 7 9.5C7 9.77614 7.22386 10 7.5 10C7.77614 10 8 9.77614 8 9.5C8 9.22386 7.77614 9 7.5 9ZM5 9.5C5 9.22386 5.22386 9 5.5 9C5.77614 9 6 9.22386 6 9.5C6 9.77614 5.77614 10 5.5 10C5.22386 10 5 9.77614 5 9.5ZM3.5 9C3.22386 9 3 9.22386 3 9.5C3 9.77614 3.22386 10 3.5 10C3.77614 10 4 9.77614 4 9.5C4 9.22386 3.77614 9 3.5 9ZM3 11.5C3 11.2239 3.22386 11 3.5 11C3.77614 11 4 11.2239 4 11.5C4 11.7761 3.77614 12 3.5 12C3.22386 12 3 11.7761 3 11.5ZM5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11ZM7 11.5C7 11.2239 7.22386 11 7.5 11C7.77614 11 8 11.2239 8 11.5C8 11.7761 7.77614 12 7.5 12C7.22386 12 7 11.7761 7 11.5ZM9.5 11C9.22386 11 9 11.2239 9 11.5C9 11.7761 9.22386 12 9.5 12C9.77614 12 10 11.7761 10 11.5C10 11.2239 9.77614 11 9.5 11Z"
+                  fill="currentColor"
+                  fillRule="evenodd"
+                  clipRule="evenodd"
+                ></path>
+              </svg>
+            </div>
+            <motion.div
+              initial={{ opacity: 1 }}
+              animate={context.isOpen ? "open" : "closed"}
+              transition={{ duration: 0.1 }}
+              variants={{
+                closed: { opacity: 0 },
+                open: { opacity: 1 },
+              }}
+              className="w-[13vw]"
+            >
+              Schedule
+            </motion.div>
+          </div>
+          {/* <SessionDropDown AllSeasons={AllSeasons} /> */}
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default AdminDashboard;
diff --git a/src/components/SideBar/Roles/recruiter.tsx b/src/components/SideBar/Roles/recruiter.tsx
index 9abefd27..378ca719 100644
--- a/src/components/SideBar/Roles/recruiter.tsx
+++ b/src/components/SideBar/Roles/recruiter.tsx
@@ -1,144 +1,144 @@
-"use client";
-import { useContext } from "react";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import { useMediaQuery } from "react-responsive";
-import Link from "next/link";
-import EventOutlinedIcon from "@mui/icons-material/EventOutlined";
-
-const RecruiterDashboard = () => {
-  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
-
-  const context = useContext(ToggleContext);
-  return (
-    <>
-      <div>
-        <Link href="/">
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[2rem]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M7.07926 0.222253C7.31275 -0.007434 7.6873 -0.007434 7.92079 0.222253L14.6708 6.86227C14.907 7.09465 14.9101 7.47453 14.6778 7.71076C14.4454 7.947 14.0655 7.95012 13.8293 7.71773L13 6.90201V12.5C13 12.7761 12.7762 13 12.5 13H2.50002C2.22388 13 2.00002 12.7761 2.00002 12.5V6.90201L1.17079 7.71773C0.934558 7.95012 0.554672 7.947 0.32229 7.71076C0.0899079 7.47453 0.0930283 7.09465 0.32926 6.86227L7.07926 0.222253ZM7.50002 1.49163L12 5.91831V12H10V8.49999C10 8.22385 9.77617 7.99999 9.50002 7.99999H6.50002C6.22388 7.99999 6.00002 8.22385 6.00002 8.49999V12H3.00002V5.91831L7.50002 1.49163ZM7.00002 12H9.00002V8.99999H7.00002V12Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[5rem]"
-              >
-                Home
-              </motion.div>
-            </div>
-          </div>
-        </Link>
-        <Link href="/JAF">
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[2rem]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[5rem]"
-              >
-                JAF
-              </motion.div>
-            </div>
-          </div>
-        </Link>
-        <Link href="/recruiter/jobs">
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[2rem]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[5rem] text-nowrap"
-              >
-                All Jobs
-              </motion.div>
-            </div>
-          </div>
-        </Link>
-        <Link href="/recruiter/events">
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[2rem]">
-              <div className="w-[2vw]">
-                <EventOutlinedIcon fontSize="small" />
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[5rem]"
-              >
-                Events
-              </motion.div>
-            </div>
-          </div>
-        </Link>
-      </div>
-    </>
-  );
-};
-
-export default RecruiterDashboard;
+"use client";
+import { useContext } from "react";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import { useMediaQuery } from "react-responsive";
+import Link from "next/link";
+import EventOutlinedIcon from "@mui/icons-material/EventOutlined";
+
+const RecruiterDashboard = () => {
+  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
+
+  const context = useContext(ToggleContext);
+  return (
+    <>
+      <div>
+        <Link href="/">
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[2rem]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.07926 0.222253C7.31275 -0.007434 7.6873 -0.007434 7.92079 0.222253L14.6708 6.86227C14.907 7.09465 14.9101 7.47453 14.6778 7.71076C14.4454 7.947 14.0655 7.95012 13.8293 7.71773L13 6.90201V12.5C13 12.7761 12.7762 13 12.5 13H2.50002C2.22388 13 2.00002 12.7761 2.00002 12.5V6.90201L1.17079 7.71773C0.934558 7.95012 0.554672 7.947 0.32229 7.71076C0.0899079 7.47453 0.0930283 7.09465 0.32926 6.86227L7.07926 0.222253ZM7.50002 1.49163L12 5.91831V12H10V8.49999C10 8.22385 9.77617 7.99999 9.50002 7.99999H6.50002C6.22388 7.99999 6.00002 8.22385 6.00002 8.49999V12H3.00002V5.91831L7.50002 1.49163ZM7.00002 12H9.00002V8.99999H7.00002V12Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[5rem]"
+              >
+                Home
+              </motion.div>
+            </div>
+          </div>
+        </Link>
+        <Link href="/JAF">
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[2rem]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[5rem]"
+              >
+                JAF
+              </motion.div>
+            </div>
+          </div>
+        </Link>
+        <Link href="/recruiter/jobs">
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[2rem]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[5rem] text-nowrap"
+              >
+                All Jobs
+              </motion.div>
+            </div>
+          </div>
+        </Link>
+        <Link href="/recruiter/events">
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[2rem]">
+              <div className="w-[2vw]">
+                <EventOutlinedIcon fontSize="small" />
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[5rem]"
+              >
+                Events
+              </motion.div>
+            </div>
+          </div>
+        </Link>
+      </div>
+    </>
+  );
+};
+
+export default RecruiterDashboard;
diff --git a/src/components/SideBar/Roles/student.tsx b/src/components/SideBar/Roles/student.tsx
index 3df21f8f..4b87fe18 100644
--- a/src/components/SideBar/Roles/student.tsx
+++ b/src/components/SideBar/Roles/student.tsx
@@ -1,233 +1,233 @@
-"use client";
-import { useContext } from "react";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import { useMediaQuery } from "react-responsive";
-import Link from "next/link";
-import NavButtonGroup from "@/components/NavButtonGroup";
-
-const StudentDashboard = () => {
-  const context = useContext(ToggleContext);
-  return (
-    <>
-      <div className="text-white">
-        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-          <Link href={`/student/resumes`}>
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M5 1C5 0.447715 5.44772 0 6 0H9C9.55228 0 10 0.447715 10 1V2H14C14.5523 2 15 2.44772 15 3V6C15 6.8888 14.6131 7.68734 14 8.23608V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V8.2359C0.38697 7.68721 0 6.88883 0 6V3C0 2.44772 0.447716 2 1 2H5V1ZM9 1V2H6V1H9ZM1 3H5H5.5H9.5H10H14V6C14 6.654 13.6866 7.23467 13.1997 7.6004C12.8655 7.85144 12.4508 8 12 8H8V7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5V8H3C2.5493 8 2.1346 7.85133 1.80029 7.60022C1.31335 7.23446 1 6.65396 1 6V3ZM7 9H3C2.64961 9 2.31292 8.93972 2 8.82905V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V8.82915C12.6871 8.93978 12.3504 9 12 9H8V9.5C8 9.77614 7.77614 10 7.5 10C7.22386 10 7 9.77614 7 9.5V9Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                Resumes
-              </motion.div>
-            </div>
-          </Link>
-          {/* <CompanyDropDown userRole={userRole} /> */}
-        </div>
-        <Link href={`/student/onCampus`}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="no-wrap flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                On Campus Offers
-              </motion.div>
-            </div>
-
-            {/* <JobDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={`/student/jobs`}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="no-wrap flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                Jobs
-              </motion.div>
-            </div>
-
-            {/* <JobDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={`/student/opportunities`}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="no-wrap flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                Opportunities
-              </motion.div>
-            </div>
-
-            {/* <JobDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={`/student/offCampus`}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                Off Campus Offers
-              </motion.div>
-            </div>
-
-            {/* <StudentDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-        <Link href={"/student/interviewExperiences"}>
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1vw]">
-              <div className="w-[2vw]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
-              >
-                Interview Experiences
-              </motion.div>
-            </div>
-            {/* <RecruiterDropDown userRole={userRole} /> */}
-          </div>
-        </Link>
-      </div>
-    </>
-  );
-};
-
-export default StudentDashboard;
+"use client";
+import { useContext } from "react";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import { useMediaQuery } from "react-responsive";
+import Link from "next/link";
+import NavButtonGroup from "@/components/NavButtonGroup";
+
+const StudentDashboard = () => {
+  const context = useContext(ToggleContext);
+  return (
+    <>
+      <div className="text-white">
+        <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+          <Link href={`/student/resumes`}>
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M5 1C5 0.447715 5.44772 0 6 0H9C9.55228 0 10 0.447715 10 1V2H14C14.5523 2 15 2.44772 15 3V6C15 6.8888 14.6131 7.68734 14 8.23608V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V8.2359C0.38697 7.68721 0 6.88883 0 6V3C0 2.44772 0.447716 2 1 2H5V1ZM9 1V2H6V1H9ZM1 3H5H5.5H9.5H10H14V6C14 6.654 13.6866 7.23467 13.1997 7.6004C12.8655 7.85144 12.4508 8 12 8H8V7.5C8 7.22386 7.77614 7 7.5 7C7.22386 7 7 7.22386 7 7.5V8H3C2.5493 8 2.1346 7.85133 1.80029 7.60022C1.31335 7.23446 1 6.65396 1 6V3ZM7 9H3C2.64961 9 2.31292 8.93972 2 8.82905V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V8.82915C12.6871 8.93978 12.3504 9 12 9H8V9.5C8 9.77614 7.77614 10 7.5 10C7.22386 10 7 9.77614 7 9.5V9Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                Resumes
+              </motion.div>
+            </div>
+          </Link>
+          {/* <CompanyDropDown userRole={userRole} /> */}
+        </div>
+        <Link href={`/student/onCampus`}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="no-wrap flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                On Campus Offers
+              </motion.div>
+            </div>
+
+            {/* <JobDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={`/student/jobs`}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="no-wrap flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                Jobs
+              </motion.div>
+            </div>
+
+            {/* <JobDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={`/student/opportunities`}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="no-wrap flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                Opportunities
+              </motion.div>
+            </div>
+
+            {/* <JobDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={`/student/offCampus`}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.5 0.875C5.49797 0.875 3.875 2.49797 3.875 4.5C3.875 6.15288 4.98124 7.54738 6.49373 7.98351C5.2997 8.12901 4.27557 8.55134 3.50407 9.31167C2.52216 10.2794 2.02502 11.72 2.02502 13.5999C2.02502 13.8623 2.23769 14.0749 2.50002 14.0749C2.76236 14.0749 2.97502 13.8623 2.97502 13.5999C2.97502 11.8799 3.42786 10.7206 4.17091 9.9883C4.91536 9.25463 6.02674 8.87499 7.49995 8.87499C8.97317 8.87499 10.0846 9.25463 10.8291 9.98831C11.5721 10.7206 12.025 11.8799 12.025 13.5999C12.025 13.8623 12.2376 14.0749 12.5 14.0749C12.7623 14.075 12.975 13.8623 12.975 13.6C12.975 11.72 12.4778 10.2794 11.4959 9.31166C10.7244 8.55135 9.70025 8.12903 8.50625 7.98352C10.0187 7.5474 11.125 6.15289 11.125 4.5C11.125 2.49797 9.50203 0.875 7.5 0.875ZM4.825 4.5C4.825 3.02264 6.02264 1.825 7.5 1.825C8.97736 1.825 10.175 3.02264 10.175 4.5C10.175 5.97736 8.97736 7.175 7.5 7.175C6.02264 7.175 4.825 5.97736 4.825 4.5Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                Off Campus Offers
+              </motion.div>
+            </div>
+
+            {/* <StudentDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+        <Link href={"/student/interviewExperiences"}>
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1vw]">
+              <div className="w-[2vw]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M4 2.5C4 2.22386 4.22386 2 4.5 2H10.5C10.7761 2 11 2.22386 11 2.5V12.5C11 12.7761 10.7761 13 10.5 13H4.5C4.22386 13 4 12.7761 4 12.5V2.5ZM4.5 1C3.67157 1 3 1.67157 3 2.5V12.5C3 13.3284 3.67157 14 4.5 14H10.5C11.3284 14 12 13.3284 12 12.5V2.5C12 1.67157 11.3284 1 10.5 1H4.5ZM6 11.65C5.8067 11.65 5.65 11.8067 5.65 12C5.65 12.1933 5.8067 12.35 6 12.35H9C9.1933 12.35 9.35 12.1933 9.35 12C9.35 11.8067 9.1933 11.65 9 11.65H6Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className={`${context.isOpen ? "visible" : "hidden"} w-[13rem]`}
+              >
+                Interview Experiences
+              </motion.div>
+            </div>
+            {/* <RecruiterDropDown userRole={userRole} /> */}
+          </div>
+        </Link>
+      </div>
+    </>
+  );
+};
+
+export default StudentDashboard;
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index a5c97631..a1ad3ce0 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -1,150 +1,150 @@
-"use client";
-import { useContext, useEffect, useState } from "react";
-import { ToggleContext } from "@/contextProviders/ToggleProvider";
-import { motion } from "framer-motion";
-import { useMediaQuery } from "react-responsive";
-import Cookies from "js-cookie";
-import Link from "next/link";
-import NavButtonGroup from "@/components/NavButtonGroup";
-import AdminDashboard from "./SideBar/Roles/admin";
-import StudentDashboard from "./SideBar/Roles/student";
-import RecruiterDashboard from "./SideBar/Roles/recruiter";
-import { jwtDecode } from "jwt-decode";
-const Sidebar = () => {
-  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
-  const context = useContext(ToggleContext);
-  const [isAdmin, setIsAdmin] = useState<boolean>(false);
-  const [isRecruiter, setIsRecruiter] = useState<boolean>(false);
-  const [isStudent, setIsStudent] = useState<boolean>(false);
-  const [isLoggedIn, setLoggedIn] = useState<boolean>(false);
-  const [role, setRole] = useState<string>("");
-
-  useEffect(() => {
-    const userString = Cookies.get("user");
-    const user = userString ? JSON.parse(userString) : null;
-    if (user) {
-      setLoggedIn(true);
-    }
-    setRole(user?.role.toLowerCase());
-    setIsAdmin(user?.role === "ADMIN");
-    setIsRecruiter(user?.role === "RECRUITER");
-    setIsStudent(user?.role === "STUDENT");
-  }, []);
-
-  return (
-    <motion.div
-      initial={{
-        position: isSmallScreen ? "absolute" : "static",
-        width: context.isOpen ? "18vw" : "6vw",
-        visibility: "inherit",
-      }}
-      animate={context.isOpen ? "open" : "closed"}
-      transition={{ duration: 0.2 }}
-      variants={{
-        closed: {
-          width: isSmallScreen ? "1rem" : "6vw",
-          visibility: isSmallScreen ? "hidden" : "visible",
-        },
-        open: {
-          width: isSmallScreen ? "100vw" : "18vw",
-          visibility: "visible",
-        },
-      }}
-      className="z-40 overflow-hidden bg-gray-800 pt-3 flex flex-col h-screen"
-    >
-      <div className="relative">
-        <div
-          className="flex items-center align-middle absolute right-0 z-50 h-screen"
-          onClick={(e) => {
-            context.sidebarToggle();
-          }}
-        >
-          <motion.div
-            initial={{ rotateY: 0 }}
-            animate={context.isOpen ? "open" : "closed"}
-            transition={{ duration: 0.2 }}
-            variants={{
-              closed: { rotateY: 0 },
-              open: { rotateY: 180 },
-            }}
-            className={
-              !context.isOpen && isSmallScreen
-                ? "visible bg-gray-200 py-2 rounded-lg opacity-50 hover:opacity-100"
-                : "visible bg-gray-800 py-2 rounded-lg opacity-50 hover:opacity-100"
-            }
-          >
-            <svg
-              fill={!context.isOpen && isSmallScreen ? "#000000" : "#ffffff"}
-              height="1rem"
-              width="1rem"
-              version="1.1"
-              id="Layer_1"
-              xmlns="http://www.w3.org/2000/svg"
-              xmlnsXlink="http://www.w3.org/1999/xlink"
-              viewBox="0 0 330 330"
-              xmlSpace="preserve"
-            >
-              <path
-                id="XMLID_222_"
-                d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001
-	c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213
-	C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606
-	C255,161.018,253.42,157.202,250.606,154.389z"
-              />
-            </svg>
-          </motion.div>
-        </div>
-      </div>
-      <div className="flex-shrink-0 flex items-center justify-center">
-        <Link href="/" className="text-white font-bold text-2xl">
-          <div className="sm:block mx-2">TPC</div>
-        </Link>
-      </div>
-      <div className="mx-[1vw] flex flex-col-reverse justify-between align-middle h-full">
-        <div>
-          <hr />
-          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
-            <div className="flex justify-start gap-[1rem]">
-              <div className="w-[2rem]">
-                <svg
-                  width="20"
-                  height="20"
-                  viewBox="0 0 15 15"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z"
-                    fill="currentColor"
-                    fillRule="evenodd"
-                    clipRule="evenodd"
-                  ></path>
-                </svg>
-              </div>
-              <motion.div
-                initial={{ opacity: 1 }}
-                animate={context.isOpen ? "open" : "closed"}
-                transition={{ duration: 0.1 }}
-                variants={{
-                  closed: { opacity: 0 },
-                  open: { opacity: 1 },
-                }}
-                className="w-[7rem]"
-              >
-                <Link href={`/${role}/profile`}>Profile</Link>
-              </motion.div>
-            </div>
-            {/* <CompanyDropDown userRole={userRole} /> */}
-          </div>
-          <hr />
-          <NavButtonGroup loggedIn={isLoggedIn} />
-        </div>
-        {isAdmin && <AdminDashboard />}
-        {isStudent && <StudentDashboard />}
-        {isRecruiter && <RecruiterDashboard />}
-      </div>
-    </motion.div>
-  );
-};
-
-export default Sidebar;
+"use client";
+import { useContext, useEffect, useState } from "react";
+import { ToggleContext } from "@/contextProviders/ToggleProvider";
+import { motion } from "framer-motion";
+import { useMediaQuery } from "react-responsive";
+import Cookies from "js-cookie";
+import Link from "next/link";
+import NavButtonGroup from "@/components/NavButtonGroup";
+import AdminDashboard from "./SideBar/Roles/admin";
+import StudentDashboard from "./SideBar/Roles/student";
+import RecruiterDashboard from "./SideBar/Roles/recruiter";
+import { jwtDecode } from "jwt-decode";
+const Sidebar = () => {
+  const isSmallScreen = useMediaQuery({ query: "(max-width: 768px)" });
+  const context = useContext(ToggleContext);
+  const [isAdmin, setIsAdmin] = useState<boolean>(false);
+  const [isRecruiter, setIsRecruiter] = useState<boolean>(false);
+  const [isStudent, setIsStudent] = useState<boolean>(false);
+  const [isLoggedIn, setLoggedIn] = useState<boolean>(false);
+  const [role, setRole] = useState<string>("");
+
+  useEffect(() => {
+    const userString = Cookies.get("user");
+    const user = userString ? JSON.parse(userString) : null;
+    if (user) {
+      setLoggedIn(true);
+    }
+    setRole(user?.role.toLowerCase());
+    setIsAdmin(user?.role === "ADMIN");
+    setIsRecruiter(user?.role === "RECRUITER");
+    setIsStudent(user?.role === "STUDENT");
+  }, []);
+
+  return (
+    <motion.div
+      initial={{
+        position: isSmallScreen ? "absolute" : "static",
+        width: context.isOpen ? "18vw" : "6vw",
+        visibility: "inherit",
+      }}
+      animate={context.isOpen ? "open" : "closed"}
+      transition={{ duration: 0.2 }}
+      variants={{
+        closed: {
+          width: isSmallScreen ? "1rem" : "6vw",
+          visibility: isSmallScreen ? "hidden" : "visible",
+        },
+        open: {
+          width: isSmallScreen ? "100vw" : "18vw",
+          visibility: "visible",
+        },
+      }}
+      className="z-40 overflow-hidden bg-gray-800 pt-3 flex flex-col h-screen"
+    >
+      <div className="relative">
+        <div
+          className="flex items-center align-middle absolute right-0 z-50 h-screen"
+          onClick={(e) => {
+            context.sidebarToggle();
+          }}
+        >
+          <motion.div
+            initial={{ rotateY: 0 }}
+            animate={context.isOpen ? "open" : "closed"}
+            transition={{ duration: 0.2 }}
+            variants={{
+              closed: { rotateY: 0 },
+              open: { rotateY: 180 },
+            }}
+            className={
+              !context.isOpen && isSmallScreen
+                ? "visible bg-gray-200 py-2 rounded-lg opacity-50 hover:opacity-100"
+                : "visible bg-gray-800 py-2 rounded-lg opacity-50 hover:opacity-100"
+            }
+          >
+            <svg
+              fill={!context.isOpen && isSmallScreen ? "#000000" : "#ffffff"}
+              height="1rem"
+              width="1rem"
+              version="1.1"
+              id="Layer_1"
+              xmlns="http://www.w3.org/2000/svg"
+              xmlnsXlink="http://www.w3.org/1999/xlink"
+              viewBox="0 0 330 330"
+              xmlSpace="preserve"
+            >
+              <path
+                id="XMLID_222_"
+                d="M250.606,154.389l-150-149.996c-5.857-5.858-15.355-5.858-21.213,0.001
+	c-5.857,5.858-5.857,15.355,0.001,21.213l139.393,139.39L79.393,304.394c-5.857,5.858-5.857,15.355,0.001,21.213
+	C82.322,328.536,86.161,330,90,330s7.678-1.464,10.607-4.394l149.999-150.004c2.814-2.813,4.394-6.628,4.394-10.606
+	C255,161.018,253.42,157.202,250.606,154.389z"
+              />
+            </svg>
+          </motion.div>
+        </div>
+      </div>
+      <div className="flex-shrink-0 flex items-center justify-center">
+        <Link href="/" className="text-white font-bold text-2xl">
+          <div className="sm:block mx-2">TPC</div>
+        </Link>
+      </div>
+      <div className="mx-[1vw] flex flex-col-reverse justify-between align-middle h-full">
+        <div>
+          <hr />
+          <div className="hover:bg-gray-900 rounded-md my-[1vh] py-[1vh] px-[1vw]">
+            <div className="flex justify-start gap-[1rem]">
+              <div className="w-[2rem]">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z"
+                    fill="currentColor"
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                  ></path>
+                </svg>
+              </div>
+              <motion.div
+                initial={{ opacity: 1 }}
+                animate={context.isOpen ? "open" : "closed"}
+                transition={{ duration: 0.1 }}
+                variants={{
+                  closed: { opacity: 0 },
+                  open: { opacity: 1 },
+                }}
+                className="w-[7rem]"
+              >
+                <Link href={`/${role}/profile`}>Profile</Link>
+              </motion.div>
+            </div>
+            {/* <CompanyDropDown userRole={userRole} /> */}
+          </div>
+          <hr />
+          <NavButtonGroup loggedIn={isLoggedIn} />
+        </div>
+        {isAdmin && <AdminDashboard />}
+        {isStudent && <StudentDashboard />}
+        {isRecruiter && <RecruiterDashboard />}
+      </div>
+    </motion.div>
+  );
+};
+
+export default Sidebar;
diff --git a/src/components/Students/Operations/DeleteStudentModal.tsx b/src/components/Students/Operations/DeleteStudentModal.tsx
index cf11b629..dfeb937a 100644
--- a/src/components/Students/Operations/DeleteStudentModal.tsx
+++ b/src/components/Students/Operations/DeleteStudentModal.tsx
@@ -1,79 +1,79 @@
-import * as React from "react";
-
-import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import axios from "axios";
-import { useToast } from "@/components/ui/use-toast";
-
-interface Props {
-  memberId: any;
-  isDeleteModalOpen: boolean;
-  setisDeleteModal: React.Dispatch<React.SetStateAction<boolean>>;
-}
-
-export default function DeleteStudentModal({
-  memberId,
-  isDeleteModalOpen,
-  setisDeleteModal,
-}: Props) {
-  const [answer, setanswer] = React.useState<string | null>(null);
-  const { toast } = useToast();
-  return (
-    <Card className="w-full h-full invert">
-      <CardHeader>
-        <CardTitle>Delete Student</CardTitle>
-      </CardHeader>
-      <CardContent>
-        <form>
-          <div className="grid w-full items-center gap-4">
-            <div className="flex flex-col space-y-1.5">
-              <CardDescription>
-                Type <b>Delete</b> To Confirm The Delete
-              </CardDescription>
-              <Input
-                onChange={(e) => {
-                  if (e.target.value != "Delete") {
-                    e.target.classList.add("!ring-cyan-500");
-                    e.target.classList.remove("!ring-purple-500");
-                  } else {
-                    e.target.classList.remove("!ring-cyan-500");
-                    e.target.classList.add("!ring-purple-500");
-                  }
-                  setanswer(e.target.value);
-                }}
-                id="name"
-                placeholder="Name of your project"
-                className="mt-2 "
-              />
-            </div>
-          </div>
-        </form>
-      </CardContent>
-      <CardFooter className="flex justify-between">
-        <Button
-          variant="outline"
-          onClick={() => {
-            setisDeleteModal(false);
-          }}
-        >
-          Close
-        </Button>
-        <Button
-          onClick={() => {
-            axios.post("", {});
-          }}
-        >
-          Submit
-        </Button>
-      </CardFooter>
-    </Card>
-  );
-}
+import * as React from "react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import axios from "axios";
+import { useToast } from "@/components/ui/use-toast";
+
+interface Props {
+  memberId: any;
+  isDeleteModalOpen: boolean;
+  setisDeleteModal: React.Dispatch<React.SetStateAction<boolean>>;
+}
+
+export default function DeleteStudentModal({
+  memberId,
+  isDeleteModalOpen,
+  setisDeleteModal,
+}: Props) {
+  const [answer, setanswer] = React.useState<string | null>(null);
+  const { toast } = useToast();
+  return (
+    <Card className="w-full h-full invert">
+      <CardHeader>
+        <CardTitle>Delete Student</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <form>
+          <div className="grid w-full items-center gap-4">
+            <div className="flex flex-col space-y-1.5">
+              <CardDescription>
+                Type <b>Delete</b> To Confirm The Delete
+              </CardDescription>
+              <Input
+                onChange={(e) => {
+                  if (e.target.value != "Delete") {
+                    e.target.classList.add("!ring-cyan-500");
+                    e.target.classList.remove("!ring-purple-500");
+                  } else {
+                    e.target.classList.remove("!ring-cyan-500");
+                    e.target.classList.add("!ring-purple-500");
+                  }
+                  setanswer(e.target.value);
+                }}
+                id="name"
+                placeholder="Name of your project"
+                className="mt-2 "
+              />
+            </div>
+          </div>
+        </form>
+      </CardContent>
+      <CardFooter className="flex justify-between">
+        <Button
+          variant="outline"
+          onClick={() => {
+            setisDeleteModal(false);
+          }}
+        >
+          Close
+        </Button>
+        <Button
+          onClick={() => {
+            axios.post("", {});
+          }}
+        >
+          Submit
+        </Button>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/src/components/TableComponent/ColumnMapping.tsx b/src/components/TableComponent/ColumnMapping.tsx
index e4ff57a5..cf92df0c 100644
--- a/src/components/TableComponent/ColumnMapping.tsx
+++ b/src/components/TableComponent/ColumnMapping.tsx
@@ -1,68 +1,68 @@
-import { ColumnDef } from "@tanstack/react-table";
-
-export default function generateColumns(dto: any): ColumnDef<any>[] {
-  const generatedColumns: ColumnDef<any>[] = [];
-
-  function generateColumnsRecursive(data: any, prefix = "") {
-    Object.entries(data).forEach(([key, value]) => {
-      const accessorKey = prefix ? `${prefix}_${key}` : key;
-      const header = accessorKey
-        .split("_")
-        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-        .join(" ");
-
-      if (typeof value === "object" && value !== null) {
-        generateColumnsRecursive(value, accessorKey);
-      } else {
-        const column: ColumnDef<any> = {
-          accessorKey,
-          header,
-          size: getColumnSize(key),
-          cell: (info) => getValueWithNA(info.row.original, accessorKey),
-        };
-
-        generatedColumns.push(column);
-      }
-    });
-  }
-
-  function getColumnSize(key: string): number {
-    const sizes: { [key: string]: number } = {
-      id: 40,
-      userId: 120,
-      programId: 120,
-      rollNo: 80,
-      category: 120,
-      gender: 100,
-      cpi: 80,
-      name: 200,
-      email: 250,
-      contact: 150,
-      course: 200,
-      branch: 200,
-      year: 80,
-    };
-
-    return sizes[key] || 150;
-  }
-
-  function getValueWithNA(obj: any, accessorKey: string): any {
-    const keys = accessorKey.split("_");
-    let value = obj;
-
-    for (const key of keys) {
-      if (value == null || value[key] === undefined) {
-        return "N/A";
-      }
-      value = value[key];
-    }
-
-    return value;
-  }
-
-  if (dto.length > 0) {
-    generateColumnsRecursive(dto[0]);
-  }
-
-  return generatedColumns;
-}
+import { ColumnDef } from "@tanstack/react-table";
+
+export default function generateColumns(dto: any): ColumnDef<any>[] {
+  const generatedColumns: ColumnDef<any>[] = [];
+
+  function generateColumnsRecursive(data: any, prefix = "") {
+    Object.entries(data).forEach(([key, value]) => {
+      const accessorKey = prefix ? `${prefix}_${key}` : key;
+      const header = accessorKey
+        .split("_")
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" ");
+
+      if (typeof value === "object" && value !== null) {
+        generateColumnsRecursive(value, accessorKey);
+      } else {
+        const column: ColumnDef<any> = {
+          accessorKey,
+          header,
+          size: getColumnSize(key),
+          cell: (info) => getValueWithNA(info.row.original, accessorKey),
+        };
+
+        generatedColumns.push(column);
+      }
+    });
+  }
+
+  function getColumnSize(key: string): number {
+    const sizes: { [key: string]: number } = {
+      id: 40,
+      userId: 120,
+      programId: 120,
+      rollNo: 80,
+      category: 120,
+      gender: 100,
+      cpi: 80,
+      name: 200,
+      email: 250,
+      contact: 150,
+      course: 200,
+      branch: 200,
+      year: 80,
+    };
+
+    return sizes[key] || 150;
+  }
+
+  function getValueWithNA(obj: any, accessorKey: string): any {
+    const keys = accessorKey.split("_");
+    let value = obj;
+
+    for (const key of keys) {
+      if (value == null || value[key] === undefined) {
+        return "N/A";
+      }
+      value = value[key];
+    }
+
+    return value;
+  }
+
+  if (dto.length > 0) {
+    generateColumnsRecursive(dto[0]);
+  }
+
+  return generatedColumns;
+}
diff --git a/src/components/TableComponent/CopyToClipBoard.ts b/src/components/TableComponent/CopyToClipBoard.ts
index 4d58f97b..023f709d 100644
--- a/src/components/TableComponent/CopyToClipBoard.ts
+++ b/src/components/TableComponent/CopyToClipBoard.ts
@@ -1,20 +1,20 @@
-import toast from "react-hot-toast";
-
-export default function copyIDsToClipboard(table: any) {
-  const selectedRowIds = table
-    .getSelectedRowModel()
-    .flatRows.map((row: any) => row.original.id);
-  const clipboardText = selectedRowIds.join(", ");
-  navigator.clipboard
-    .writeText(clipboardText)
-    .then(() => {
-      toast.success("IDs copied to clipboard!", {
-        duration: 3000, // Duration in milliseconds
-      });
-    })
-    .catch((err) => {
-      toast.error("Failed to copy IDs to clipboard.", {
-        duration: 3000, // Duration in milliseconds
-      });
-    });
-}
+import toast from "react-hot-toast";
+
+export default function copyIDsToClipboard(table: any) {
+  const selectedRowIds = table
+    .getSelectedRowModel()
+    .flatRows.map((row: any) => row.original.id);
+  const clipboardText = selectedRowIds.join(", ");
+  navigator.clipboard
+    .writeText(clipboardText)
+    .then(() => {
+      toast.success("IDs copied to clipboard!", {
+        duration: 3000, // Duration in milliseconds
+      });
+    })
+    .catch((err) => {
+      toast.error("Failed to copy IDs to clipboard.", {
+        duration: 3000, // Duration in milliseconds
+      });
+    });
+}
diff --git a/src/components/TableComponent/CustomModelStyles.ts b/src/components/TableComponent/CustomModelStyles.ts
index 8f6bd595..ac2b7f23 100644
--- a/src/components/TableComponent/CustomModelStyles.ts
+++ b/src/components/TableComponent/CustomModelStyles.ts
@@ -1,25 +1,25 @@
-export const customStyles = {
-  content: {
-    top: "50%",
-    left: "50%",
-    right: "auto",
-    bottom: "auto",
-    marginRight: "-50%",
-    padding: "0px",
-    transform: "translate(-50%, -50%)",
-    zIndex: 10000000,
-    border: "0px",
-    borderRadius: "10px",
-  },
-  overlay: {
-    zIndex: 10000000,
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    background: "rgba(0, 0, 0, 0.75)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-};
+export const customStyles = {
+  content: {
+    top: "50%",
+    left: "50%",
+    right: "auto",
+    bottom: "auto",
+    marginRight: "-50%",
+    padding: "0px",
+    transform: "translate(-50%, -50%)",
+    zIndex: 10000000,
+    border: "0px",
+    borderRadius: "10px",
+  },
+  overlay: {
+    zIndex: 10000000,
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(0, 0, 0, 0.75)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+};
diff --git a/src/components/TableComponent/ExportData.tsx b/src/components/TableComponent/ExportData.tsx
index 50f9f250..3b721c2e 100644
--- a/src/components/TableComponent/ExportData.tsx
+++ b/src/components/TableComponent/ExportData.tsx
@@ -1,56 +1,56 @@
-import React, { useState } from "react";
-import * as Papa from "papaparse";
-import { Button } from "@/components/ui/button";
-
-const ExportData = ({ data }: { data: any[] }) => {
-  const [isLoading, setIsLoading] = useState(false);
-
-  const flattenObject = (obj: any, parentKey = ""): any => {
-    return Object.keys(obj).reduce((acc: any, key: string) => {
-      let prefixedKey = parentKey ? `${parentKey}.${key}` : key;
-
-      // Replace dots with spaces and capitalize the first letter of each word
-      prefixedKey = prefixedKey
-        .replace(/\./g, " ")
-        .replace(/\b\w/g, (match) => match.toUpperCase());
-
-      if (typeof obj[key] === "object" && !Array.isArray(obj[key])) {
-        Object.assign(acc, flattenObject(obj[key], prefixedKey));
-      } else {
-        acc[prefixedKey] = obj[key];
-      }
-      return acc;
-    }, {});
-  };
-
-  const handleExportData = async () => {
-    setIsLoading(true);
-    const flattenedData = data.map((item) => flattenObject(item));
-    const csvData = Papa.unparse(flattenedData);
-    const blob = new Blob([csvData], { type: "text/csv;charset=utf-8;" });
-    const link = document.createElement("a");
-    const url = URL.createObjectURL(blob);
-    link.setAttribute("href", url);
-    link.setAttribute("download", "data.csv");
-    link.style.visibility = "hidden";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    setIsLoading(false);
-  };
-
-  return (
-    <div className="flex flex-col items-center justify-center w-full">
-      <Button
-        variant="default"
-        className="w-full"
-        onClick={handleExportData}
-        disabled={isLoading}
-      >
-        {isLoading ? "Exporting..." : "Export Data"}
-      </Button>
-    </div>
-  );
-};
-
-export default ExportData;
+import React, { useState } from "react";
+import * as Papa from "papaparse";
+import { Button } from "@/components/ui/button";
+
+const ExportData = ({ data }: { data: any[] }) => {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const flattenObject = (obj: any, parentKey = ""): any => {
+    return Object.keys(obj).reduce((acc: any, key: string) => {
+      let prefixedKey = parentKey ? `${parentKey}.${key}` : key;
+
+      // Replace dots with spaces and capitalize the first letter of each word
+      prefixedKey = prefixedKey
+        .replace(/\./g, " ")
+        .replace(/\b\w/g, (match) => match.toUpperCase());
+
+      if (typeof obj[key] === "object" && !Array.isArray(obj[key])) {
+        Object.assign(acc, flattenObject(obj[key], prefixedKey));
+      } else {
+        acc[prefixedKey] = obj[key];
+      }
+      return acc;
+    }, {});
+  };
+
+  const handleExportData = async () => {
+    setIsLoading(true);
+    const flattenedData = data.map((item) => flattenObject(item));
+    const csvData = Papa.unparse(flattenedData);
+    const blob = new Blob([csvData], { type: "text/csv;charset=utf-8;" });
+    const link = document.createElement("a");
+    const url = URL.createObjectURL(blob);
+    link.setAttribute("href", url);
+    link.setAttribute("download", "data.csv");
+    link.style.visibility = "hidden";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    setIsLoading(false);
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center w-full">
+      <Button
+        variant="default"
+        className="w-full"
+        onClick={handleExportData}
+        disabled={isLoading}
+      >
+        {isLoading ? "Exporting..." : "Export Data"}
+      </Button>
+    </div>
+  );
+};
+
+export default ExportData;
diff --git a/src/components/TableComponent/FilterMapping.ts b/src/components/TableComponent/FilterMapping.ts
index 07745d64..c16e79dd 100644
--- a/src/components/TableComponent/FilterMapping.ts
+++ b/src/components/TableComponent/FilterMapping.ts
@@ -1,65 +1,65 @@
-interface FilterOption {
-  columnId: string;
-  value: string;
-  operator: "eq" | "lt" | "gt";
-}
-
-export default function mapFiltersToJsonOutput(
-  filters: FilterOption[],
-  dto: any,
-) {
-  const output: any = {
-    q: {
-      filterBy: {},
-    },
-  };
-
-  filters.forEach((filter) => {
-    const { columnId, value, operator } = filter;
-    const keys = columnId.split("_");
-    let currentNode = output.q.filterBy;
-
-    keys.forEach((key, index) => {
-      if (index === keys.length - 1) {
-        if (!currentNode[key]) {
-          currentNode[key] = {};
-        }
-
-        const columnType = (dto[0] as any)[key];
-        if (columnType === "number") {
-          const convertedValue = Number(value);
-
-          // For "eq" operator, store as an array of numbers
-          if (operator === "eq") {
-            const values = value.includes(",")
-              ? value.split(",").map((v) => Number(v.trim()))
-              : [convertedValue];
-            currentNode[key][operator] = values;
-          } else {
-            // For "lt" and "gt" operator, store as a single number
-            currentNode[key][operator] = convertedValue;
-          }
-        } else {
-          // Keep the value as a string for other data types
-          if (operator === "eq") {
-            const values = value.includes(",")
-              ? value.split(",").map((v) => v.trim())
-              : [value];
-            currentNode[key][operator] = values;
-          } else {
-            if (!currentNode[key][operator]) {
-              currentNode[key][operator] = [];
-            }
-            currentNode[key][operator].push(value);
-          }
-        }
-      } else {
-        if (!currentNode[key]) {
-          currentNode[key] = {};
-        }
-        currentNode = currentNode[key];
-      }
-    });
-  });
-  return output;
-}
+interface FilterOption {
+  columnId: string;
+  value: string;
+  operator: "eq" | "lt" | "gt";
+}
+
+export default function mapFiltersToJsonOutput(
+  filters: FilterOption[],
+  dto: any,
+) {
+  const output: any = {
+    q: {
+      filterBy: {},
+    },
+  };
+
+  filters.forEach((filter) => {
+    const { columnId, value, operator } = filter;
+    const keys = columnId.split("_");
+    let currentNode = output.q.filterBy;
+
+    keys.forEach((key, index) => {
+      if (index === keys.length - 1) {
+        if (!currentNode[key]) {
+          currentNode[key] = {};
+        }
+
+        const columnType = (dto[0] as any)[key];
+        if (columnType === "number") {
+          const convertedValue = Number(value);
+
+          // For "eq" operator, store as an array of numbers
+          if (operator === "eq") {
+            const values = value.includes(",")
+              ? value.split(",").map((v) => Number(v.trim()))
+              : [convertedValue];
+            currentNode[key][operator] = values;
+          } else {
+            // For "lt" and "gt" operator, store as a single number
+            currentNode[key][operator] = convertedValue;
+          }
+        } else {
+          // Keep the value as a string for other data types
+          if (operator === "eq") {
+            const values = value.includes(",")
+              ? value.split(",").map((v) => v.trim())
+              : [value];
+            currentNode[key][operator] = values;
+          } else {
+            if (!currentNode[key][operator]) {
+              currentNode[key][operator] = [];
+            }
+            currentNode[key][operator].push(value);
+          }
+        }
+      } else {
+        if (!currentNode[key]) {
+          currentNode[key] = {};
+        }
+        currentNode = currentNode[key];
+      }
+    });
+  });
+  return output;
+}
diff --git a/src/components/TableComponent/FilteringFunctions.tsx b/src/components/TableComponent/FilteringFunctions.tsx
index 1bb6e632..30efa688 100644
--- a/src/components/TableComponent/FilteringFunctions.tsx
+++ b/src/components/TableComponent/FilteringFunctions.tsx
@@ -1,41 +1,41 @@
-import qs from "qs";
-
-export const handleFilterChange = (
-  columnId: string,
-  value: string,
-  filters: any,
-  setFilters: any,
-) => {
-  const existingFilterIndex = filters.findIndex(
-    (filter: any) => filter.columnId === columnId,
-  );
-  if (existingFilterIndex === -1) {
-    setFilters([...filters, { columnId, value, operator: "eq" }]);
-  } else {
-    setFilters((prevFilters: any) =>
-      prevFilters.filter((filter: any) => filter.columnId !== columnId),
-    );
-  }
-};
-
-export const handleOperatorChange = (
-  columnId: string,
-  operator: "eq" | "lt" | "gt",
-  setFilters: any,
-) => {
-  setFilters((prevFilters: any) =>
-    prevFilters.map((filter: any) =>
-      filter.columnId === columnId ? { ...filter, operator } : filter,
-    ),
-  );
-};
-
-export const handleSubmit = (filterOutput: any, setFilteredTableData: any) => {
-  const queryObject = filterOutput;
-  const encodedQueryString = qs.stringify(queryObject, {
-    encodeValuesOnly: true,
-    encode: false,
-  });
-  const url = `${window.location.href}/${encodedQueryString}`;
-  window.open(url, "_blank");
-};
+import qs from "qs";
+
+export const handleFilterChange = (
+  columnId: string,
+  value: string,
+  filters: any,
+  setFilters: any,
+) => {
+  const existingFilterIndex = filters.findIndex(
+    (filter: any) => filter.columnId === columnId,
+  );
+  if (existingFilterIndex === -1) {
+    setFilters([...filters, { columnId, value, operator: "eq" }]);
+  } else {
+    setFilters((prevFilters: any) =>
+      prevFilters.filter((filter: any) => filter.columnId !== columnId),
+    );
+  }
+};
+
+export const handleOperatorChange = (
+  columnId: string,
+  operator: "eq" | "lt" | "gt",
+  setFilters: any,
+) => {
+  setFilters((prevFilters: any) =>
+    prevFilters.map((filter: any) =>
+      filter.columnId === columnId ? { ...filter, operator } : filter,
+    ),
+  );
+};
+
+export const handleSubmit = (filterOutput: any, setFilteredTableData: any) => {
+  const queryObject = filterOutput;
+  const encodedQueryString = qs.stringify(queryObject, {
+    encodeValuesOnly: true,
+    encode: false,
+  });
+  const url = `${window.location.href}/${encodedQueryString}`;
+  window.open(url, "_blank");
+};
diff --git a/src/components/TableComponent/ImportData.tsx b/src/components/TableComponent/ImportData.tsx
index 14f83e5a..fdc1de25 100644
--- a/src/components/TableComponent/ImportData.tsx
+++ b/src/components/TableComponent/ImportData.tsx
@@ -1,95 +1,95 @@
-import React, { useState, useRef } from "react";
-import * as Papa from "papaparse";
-import axios from "axios";
-import { Button } from "@/components/ui/button";
-import toast from "react-hot-toast";
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const ImportData = () => {
-  const [file, setFile] = useState<File | null>(null);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState("");
-
-  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const selectedFile = event.target.files?.[0];
-    setFile(selectedFile || null);
-  };
-
-  const handleImportData = async () => {
-    if (!file) return;
-    setIsLoading(true);
-    setError("");
-
-    try {
-      const results = await new Promise<Papa.ParseResult<any>>(
-        (resolve, reject) => {
-          Papa.parse(file, {
-            header: true,
-            download: true,
-            skipEmptyLines: true,
-            complete: resolve,
-            error: reject,
-          });
-        },
-      );
-
-      const { data } = results;
-      const formattedData = data.map((row: any) => ({
-        rollNo: row["Roll No"],
-        programId: row["Program Id"],
-        category: row["Category"],
-        cpi: parseFloat(row["CPI"]),
-        gender: row["Gender"],
-        user: {
-          name: row["Name"],
-          email: row["Email"],
-          contact: row["Contact"],
-        },
-      }));
-      await axios.post(`${baseUrl}/api/v1/students/`, formattedData);
-      toast.success("Students added successfully!");
-    } catch (err) {
-      setError(
-        "Error adding students. Please check the CSV file and try again.",
-      );
-      toast.error("Error adding students:", err);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const openFileDialog = () => {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-
-  return (
-    <div className="flex flex-col items-center justify-center w-full">
-      <div className="mb-2 w-full">
-        <input
-          type="file"
-          accept=".csv"
-          onChange={handleFileChange}
-          ref={fileInputRef}
-          style={{ display: "none" }}
-        />
-        <Button className="w-full" onClick={openFileDialog}>
-          Choose File
-        </Button>
-      </div>
-      <Button
-        className="w-full "
-        onClick={handleImportData}
-        disabled={isLoading || !file}
-      >
-        {isLoading ? "Importing..." : "Import Data"}
-      </Button>
-      {error && <div className="mt-4 text-red-500">{error}</div>}
-    </div>
-  );
-};
-
-export default ImportData;
+import React, { useState, useRef } from "react";
+import * as Papa from "papaparse";
+import axios from "axios";
+import { Button } from "@/components/ui/button";
+import toast from "react-hot-toast";
+
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const ImportData = () => {
+  const [file, setFile] = useState<File | null>(null);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const selectedFile = event.target.files?.[0];
+    setFile(selectedFile || null);
+  };
+
+  const handleImportData = async () => {
+    if (!file) return;
+    setIsLoading(true);
+    setError("");
+
+    try {
+      const results = await new Promise<Papa.ParseResult<any>>(
+        (resolve, reject) => {
+          Papa.parse(file, {
+            header: true,
+            download: true,
+            skipEmptyLines: true,
+            complete: resolve,
+            error: reject,
+          });
+        },
+      );
+
+      const { data } = results;
+      const formattedData = data.map((row: any) => ({
+        rollNo: row["Roll No"],
+        programId: row["Program Id"],
+        category: row["Category"],
+        cpi: parseFloat(row["CPI"]),
+        gender: row["Gender"],
+        user: {
+          name: row["Name"],
+          email: row["Email"],
+          contact: row["Contact"],
+        },
+      }));
+      await axios.post(`${baseUrl}/api/v1/students/`, formattedData);
+      toast.success("Students added successfully!");
+    } catch (err) {
+      setError(
+        "Error adding students. Please check the CSV file and try again.",
+      );
+      toast.error("Error adding students:", err);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const openFileDialog = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center w-full">
+      <div className="mb-2 w-full">
+        <input
+          type="file"
+          accept=".csv"
+          onChange={handleFileChange}
+          ref={fileInputRef}
+          style={{ display: "none" }}
+        />
+        <Button className="w-full" onClick={openFileDialog}>
+          Choose File
+        </Button>
+      </div>
+      <Button
+        className="w-full "
+        onClick={handleImportData}
+        disabled={isLoading || !file}
+      >
+        {isLoading ? "Importing..." : "Import Data"}
+      </Button>
+      {error && <div className="mt-4 text-red-500">{error}</div>}
+    </div>
+  );
+};
+
+export default ImportData;
diff --git a/src/components/TableComponent/OrderingFunctions.tsx b/src/components/TableComponent/OrderingFunctions.tsx
index 250e3ebb..00b1c28c 100644
--- a/src/components/TableComponent/OrderingFunctions.tsx
+++ b/src/components/TableComponent/OrderingFunctions.tsx
@@ -1,28 +1,28 @@
-export const handleColumnHeaderClick = (
-  columnId: string,
-  sortingOrder: any,
-  filterOutput: any,
-  setSortingOrder: any,
-  setSorting: any,
-) => {
-  const newSortingOrder = { ...sortingOrder };
-  const newSorting = [];
-
-  newSortingOrder[columnId] = sortingOrder[columnId] === "asc" ? "desc" : "asc";
-
-  newSorting.push({
-    id: columnId,
-    desc: newSortingOrder[columnId] === "desc",
-  });
-
-  Object.keys(newSortingOrder).forEach((key) => {
-    if (key !== columnId) {
-      delete newSortingOrder[key];
-    }
-  });
-
-  filterOutput.orderBy = newSortingOrder;
-
-  setSortingOrder(newSortingOrder);
-  setSorting(newSorting);
-};
+export const handleColumnHeaderClick = (
+  columnId: string,
+  sortingOrder: any,
+  filterOutput: any,
+  setSortingOrder: any,
+  setSorting: any,
+) => {
+  const newSortingOrder = { ...sortingOrder };
+  const newSorting = [];
+
+  newSortingOrder[columnId] = sortingOrder[columnId] === "asc" ? "desc" : "asc";
+
+  newSorting.push({
+    id: columnId,
+    desc: newSortingOrder[columnId] === "desc",
+  });
+
+  Object.keys(newSortingOrder).forEach((key) => {
+    if (key !== columnId) {
+      delete newSortingOrder[key];
+    }
+  });
+
+  filterOutput.orderBy = newSortingOrder;
+
+  setSortingOrder(newSortingOrder);
+  setSorting(newSorting);
+};
diff --git a/src/components/TableComponent/TableComponent.tsx b/src/components/TableComponent/TableComponent.tsx
index 0f7b7489..00f62612 100644
--- a/src/components/TableComponent/TableComponent.tsx
+++ b/src/components/TableComponent/TableComponent.tsx
@@ -1,458 +1,458 @@
-"use client";
-import * as React from "react";
-import { useState } from "react";
-import Modal from "react-modal";
-import {
-  ColumnDef,
-  ColumnFiltersState,
-  SortingState,
-  VisibilityState,
-  flexRender,
-  getCoreRowModel,
-  getFilteredRowModel,
-  getPaginationRowModel,
-  getSortedRowModel,
-  useReactTable,
-} from "@tanstack/react-table";
-import DeleteStudentModal from "../Students/Operations/DeleteStudentModal";
-import { ArrowUpDown, ChevronDown } from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
-import ImportData from "./ImportData";
-import ExportData from "./ExportData";
-import mapFiltersToJsonOutput from "./FilterMapping";
-import copyIDsToClipboard from "./CopyToClipBoard";
-import { handleFilterChange, handleOperatorChange } from "./FilteringFunctions";
-import { handleColumnHeaderClick } from "./OrderingFunctions";
-import { handleSubmit } from "./FilteringFunctions";
-import { customStyles } from "./CustomModelStyles";
-import FeedbackForm from "../Faculty/FeedbackFrom";
-
-interface FilterOption {
-  columnId: string;
-  value: string;
-  operator: "eq" | "lt" | "gt";
-}
-
-export default function TableComponent({
-  data,
-  columns,
-  AddButtonText,
-  isAddButton,
-  actionButton = false,
-  dto,
-  isFeedbackForm,
-}: any) {
-  const [sorting, setSorting] = React.useState<SortingState>([]);
-  const [sortingOrder, setSortingOrder] = React.useState<{
-    [key: string]: "asc" | "desc";
-  }>({});
-  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    [],
-  );
-  const [columnVisibility, setColumnVisibility] =
-    React.useState<VisibilityState>({});
-  const [rowSelection, setRowSelection] = React.useState({});
-  const [isDeleteModal, setisDeleteModal] = useState(false);
-  const [filters, setFilters] = React.useState<FilterOption[]>([]);
-  const [tableData, setTableData] = useState(data);
-  const [checkedRows, setCheckedRows] = React.useState<any[]>([]);
-  const checkboxColumn: ColumnDef<any> = {
-    id: "select",
-    header: ({ table }) => (
-      <Checkbox
-        checked={table.getIsAllPageRowsSelected()}
-        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
-        aria-label="Select all"
-      />
-    ),
-    cell: ({ row }) => (
-      <Checkbox
-        checked={row.getIsSelected()}
-        onCheckedChange={(value) => {
-          row.toggleSelected(!!value);
-          setCheckedRows((prevCheckedRows) =>
-            !!value
-              ? [...prevCheckedRows, row.original]
-              : prevCheckedRows.filter((r) => r !== row.original),
-          );
-        }}
-        aria-label="Select row"
-      />
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  };
-
-  const table = useReactTable({
-    data: tableData,
-    columns: [checkboxColumn, ...columns],
-    onColumnFiltersChange: setColumnFilters,
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    onColumnVisibilityChange: setColumnVisibility,
-    onRowSelectionChange: setRowSelection,
-    initialState: {
-      pagination: {
-        pageSize: 5,
-      },
-    },
-    state: {
-      sorting,
-      columnFilters,
-      columnVisibility,
-      rowSelection,
-    },
-  });
-
-  let filterOutput = mapFiltersToJsonOutput(filters, dto);
-
-  return (
-    <div className="w-full">
-      <Modal
-        isOpen={isDeleteModal}
-        onRequestClose={() => setisDeleteModal(false)}
-        style={customStyles}
-        contentLabel="Example Modal"
-      >
-        <DeleteStudentModal
-          isDeleteModalOpen={isDeleteModal}
-          memberId={rowSelection}
-          setisDeleteModal={setisDeleteModal}
-        />
-      </Modal>
-      <div className="flex flex-col items-center py-4 bg-white rounded-lg">
-        <div className="flex md:flex-row flex-col gap-4 items-center justify-between w-full mb-4">
-          <div className="md:ml-4 flex flex-row justify-between flex-wrap md:flex-nowrap">
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  variant="outline"
-                  className="md:ml-auto ml-4 md:mb-0 mr-2 mb-4 bg-gray-200 hover:bg-gray-300 text-gray-800"
-                >
-                  <span className="text-gray-800">Filters</span>{" "}
-                  <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
-                </Button>
-              </DropdownMenuTrigger>
-              <Button
-                onClick={() => {
-                  handleSubmit(filterOutput, setTableData);
-                }}
-                className="rounded-md mx-2 mb-4 md:mb-0 bg-indigo-500 hover:bg-indigo-600 text-white"
-              >
-                Submit Filters
-              </Button>
-              <Button
-                onClick={async () => {
-                  setFilters([]);
-                }}
-                className="rounded-md ml-4 md:mx-2 bg-red-500 hover:bg-red-600 text-white"
-              >
-                Clear Filters
-              </Button>
-              <DropdownMenuContent align="end" className="bg-white shadow-lg">
-                {table
-                  .getAllColumns()
-                  .filter((column) => column.getCanHide())
-                  .map((column) => {
-                    return (
-                      <DropdownMenuCheckboxItem
-                        key={column.id}
-                        className="capitalize text-gray-800 hover:bg-gray-100"
-                        checked={
-                          !!filters.find((x) => x.columnId === column.id)
-                        }
-                        onCheckedChange={(value) => {
-                          handleFilterChange(
-                            column.id,
-                            "",
-                            filters,
-                            setFilters,
-                          );
-                        }}
-                      >
-                        {column.id}
-                      </DropdownMenuCheckboxItem>
-                    );
-                  })}
-              </DropdownMenuContent>
-            </DropdownMenu>
-          </div>
-
-          <div className="flex flex-row justify-between flex-wrap w-full">
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  variant="outline"
-                  className="md:ml-auto ml-4 mr-2 bg-gray-200 hover:bg-gray-300 text-gray-800"
-                >
-                  <span className="text-gray-800">Columns</span>{" "}
-                  <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
-                </Button>
-              </DropdownMenuTrigger>
-              <DropdownMenuContent align="end" className="bg-white shadow-lg">
-                {table
-                  .getAllColumns()
-                  .filter((column) => column.getCanHide())
-                  .map((column) => {
-                    return (
-                      <DropdownMenuCheckboxItem
-                        key={column.id}
-                        className="capitalize text-gray-800 hover:bg-gray-100"
-                        checked={column.getIsVisible()}
-                        onCheckedChange={(value) =>
-                          column.toggleVisibility(!!value)
-                        }
-                      >
-                        {column.id}
-                      </DropdownMenuCheckboxItem>
-                    );
-                  })}
-              </DropdownMenuContent>
-            </DropdownMenu>
-
-            {actionButton && (
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <Button
-                    variant="outline"
-                    className="mr-2 bg-gray-200 hover:bg-gray-300 text-gray-800"
-                  >
-                    <span className="text-gray-800">Actions</span>{" "}
-                    <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end" className="bg-white shadow-lg">
-                  <ImportData />
-                  <DropdownMenuSeparator className="border-gray-300 mx-2 bg-gray-300 my-2" />
-                  <ExportData data={tableData} />
-                  <DropdownMenuSeparator className="border-gray-300 mx-2 bg-gray-300 my-2" />
-                  <Button
-                    onClick={() => {
-                      copyIDsToClipboard(table);
-                    }}
-                    className="w-full rounded-md bg-indigo-500 hover:bg-indigo-600 text-white"
-                  >
-                    Copy IDs to Clipboard
-                  </Button>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            )}
-          </div>
-
-          {isAddButton && (
-            <Button
-              variant="default"
-              className="mx-2 bg-indigo-500 hover:bg-indigo-600 text-white"
-            >
-              {AddButtonText}
-            </Button>
-          )}
-        </div>
-
-        <div className="flex flex-wrap items-center justify-center w-full">
-          {filters.map((filter: any, index) => (
-            <div
-              key={index}
-              className="flex items-center mx-2 mb-2 border rounded-md p-2 bg-gray-100 shadow-md"
-            >
-              <Input
-                placeholder={`Filter ${filter.columnId}...`}
-                value={filter.value}
-                onChange={(event: any) => {
-                  const { columnId } = filter;
-                  const updatedFilters = filters.map((existingFilter) =>
-                    existingFilter.columnId === columnId
-                      ? { ...existingFilter, value: event.target.value }
-                      : existingFilter,
-                  );
-                  setFilters(updatedFilters);
-                }}
-                className="w-full rounded-md bg-white text-gray-800"
-              />
-              <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                  <Button
-                    variant="outline"
-                    className="ml-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800"
-                  >
-                    {filter.operator === "eq" && <span>{"="}</span>}
-                    {filter.operator === "lt" && <span>{"<"}</span>}
-                    {filter.operator === "gt" && <span>{">"}</span>}
-                  </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end" className="bg-white shadow-lg">
-                  <DropdownMenuItem
-                    onClick={() =>
-                      handleOperatorChange(filter.columnId, "eq", setFilters)
-                    }
-                    className="hover:bg-gray-100 text-gray-800"
-                  >
-                    <span className="mr-2 text-gray-800">{"="}</span>
-                    Equals
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onClick={() =>
-                      handleOperatorChange(filter.columnId, "lt", setFilters)
-                    }
-                    className="hover:bg-gray-100 text-gray-800"
-                  >
-                    <span className="mr-2 text-gray-800">{"<"}</span>
-                    Less Than
-                  </DropdownMenuItem>
-                  <DropdownMenuItem
-                    onClick={() =>
-                      handleOperatorChange(filter.columnId, "gt", setFilters)
-                    }
-                    className="hover:bg-gray-100 text-gray-800"
-                  >
-                    <span className="mr-2 text-gray-800">{">"}</span>
-                    Greater Than
-                  </DropdownMenuItem>
-                </DropdownMenuContent>
-              </DropdownMenu>
-            </div>
-          ))}
-        </div>
-      </div>
-      <div className="rounded-md border shadow-md bg-white mt-4">
-        <Table>
-          <TableHeader>
-            {table.getHeaderGroups().map((headerGroup) => (
-              <TableRow key={headerGroup.id}>
-                {headerGroup.headers.map((header) => {
-                  const columnId = header.column.id;
-                  const isAscending = sortingOrder[columnId] === "asc";
-                  const isDescending = sortingOrder[columnId] === "desc";
-                  return (
-                    <TableHead key={header.id}>
-                      {/* Column Header */}
-                      <div className="flex items-center text-gray-800">
-                        {/* Render the column header */}
-                        {header.isPlaceholder
-                          ? null
-                          : flexRender(
-                              header.column.columnDef.header,
-                              header.getContext(),
-                            )}
-                        {/* Sorting Button */}
-                        <button
-                          onClick={() =>
-                            handleColumnHeaderClick(
-                              columnId,
-                              sortingOrder,
-                              filterOutput,
-                              setSortingOrder,
-                              setSorting,
-                            )
-                          }
-                          className={`ml-2 ${
-                            sortingOrder[columnId] === "asc"
-                              ? "text-green-500"
-                              : "text-gray-400"
-                          }`}
-                        >
-                          <ArrowUpDown size={16} />
-                        </button>
-                      </div>
-                    </TableHead>
-                  );
-                })}
-              </TableRow>
-            ))}
-          </TableHeader>
-
-          <TableBody>
-            {table.getRowModel().rows.length ? (
-              table.getRowModel().rows.map((row) => (
-                <TableRow
-                  key={row.id}
-                  data-state={row.getIsSelected() && "selected"}
-                  className="hover:bg-gray-100 transition-colors duration-200 odd:bg-gray-50"
-                >
-                  {row.getVisibleCells().map((cell) => (
-                    <TableCell
-                      key={`${row.id}-${cell.column.id}`}
-                      className="py-3 px-4 text-sm font-medium text-gray-800"
-                    >
-                      {flexRender(
-                        cell.column.columnDef.cell,
-                        cell.getContext(),
-                      )}
-                    </TableCell>
-                  ))}
-                </TableRow>
-              ))
-            ) : (
-              <TableRow>
-                <TableCell
-                  colSpan={columns.length}
-                  className="h-24 text-center text-gray-500 font-medium"
-                >
-                  No results found.
-                </TableCell>
-              </TableRow>
-            )}
-          </TableBody>
-        </Table>
-      </div>
-      <div className="flex items-center flex-col md:flex-row justify-between space-x-2 py-4 text-gray-800">
-        <div className="flex items-center">
-          <div className="flex-1 text-sm text-gray-600 items-center">
-            {table.getFilteredSelectedRowModel().rows.length} of{" "}
-            {table.getFilteredRowModel().rows?.length || 0} row(s) selected.
-          </div>
-        </div>
-        <div className="order-3 md:order-2 relative flex flex-1 flex-col">
-          {isFeedbackForm && <FeedbackForm checkedRows={checkedRows} />}
-          {!isFeedbackForm && (
-            <Button
-              onClick={() => {
-                setisDeleteModal(true);
-              }}
-              className="ml-3 rounded-md bg-red-500 hover:bg-red-600 text-white"
-            >
-              Remove Selected Students
-            </Button>
-          )}
-        </div>
-        <div className="space-x-2 order-2 md:order-3">
-          <Button
-            onClick={() => table.previousPage()}
-            disabled={!table.getCanPreviousPage()}
-            className="rounded-md bg-gray-200 hover:bg-gray-300 text-gray-700"
-          >
-            Previous
-          </Button>
-          <Button
-            onClick={() => table.nextPage()}
-            disabled={!table.getCanNextPage()}
-            className="rounded-md bg-gray-200 hover:bg-gray-300 text-gray-700"
-          >
-            Next
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-}
+"use client";
+import * as React from "react";
+import { useState } from "react";
+import Modal from "react-modal";
+import {
+  ColumnDef,
+  ColumnFiltersState,
+  SortingState,
+  VisibilityState,
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+import DeleteStudentModal from "../Students/Operations/DeleteStudentModal";
+import { ArrowUpDown, ChevronDown } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import ImportData from "./ImportData";
+import ExportData from "./ExportData";
+import mapFiltersToJsonOutput from "./FilterMapping";
+import copyIDsToClipboard from "./CopyToClipBoard";
+import { handleFilterChange, handleOperatorChange } from "./FilteringFunctions";
+import { handleColumnHeaderClick } from "./OrderingFunctions";
+import { handleSubmit } from "./FilteringFunctions";
+import { customStyles } from "./CustomModelStyles";
+import FeedbackForm from "../Faculty/FeedbackFrom";
+
+interface FilterOption {
+  columnId: string;
+  value: string;
+  operator: "eq" | "lt" | "gt";
+}
+
+export default function TableComponent({
+  data,
+  columns,
+  AddButtonText,
+  isAddButton,
+  actionButton = false,
+  dto,
+  isFeedbackForm,
+}: any) {
+  const [sorting, setSorting] = React.useState<SortingState>([]);
+  const [sortingOrder, setSortingOrder] = React.useState<{
+    [key: string]: "asc" | "desc";
+  }>({});
+  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
+    [],
+  );
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>({});
+  const [rowSelection, setRowSelection] = React.useState({});
+  const [isDeleteModal, setisDeleteModal] = useState(false);
+  const [filters, setFilters] = React.useState<FilterOption[]>([]);
+  const [tableData, setTableData] = useState(data);
+  const [checkedRows, setCheckedRows] = React.useState<any[]>([]);
+  const checkboxColumn: ColumnDef<any> = {
+    id: "select",
+    header: ({ table }) => (
+      <Checkbox
+        checked={table.getIsAllPageRowsSelected()}
+        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+        aria-label="Select all"
+      />
+    ),
+    cell: ({ row }) => (
+      <Checkbox
+        checked={row.getIsSelected()}
+        onCheckedChange={(value) => {
+          row.toggleSelected(!!value);
+          setCheckedRows((prevCheckedRows) =>
+            !!value
+              ? [...prevCheckedRows, row.original]
+              : prevCheckedRows.filter((r) => r !== row.original),
+          );
+        }}
+        aria-label="Select row"
+      />
+    ),
+    enableSorting: false,
+    enableHiding: false,
+  };
+
+  const table = useReactTable({
+    data: tableData,
+    columns: [checkboxColumn, ...columns],
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    initialState: {
+      pagination: {
+        pageSize: 5,
+      },
+    },
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection,
+    },
+  });
+
+  let filterOutput = mapFiltersToJsonOutput(filters, dto);
+
+  return (
+    <div className="w-full">
+      <Modal
+        isOpen={isDeleteModal}
+        onRequestClose={() => setisDeleteModal(false)}
+        style={customStyles}
+        contentLabel="Example Modal"
+      >
+        <DeleteStudentModal
+          isDeleteModalOpen={isDeleteModal}
+          memberId={rowSelection}
+          setisDeleteModal={setisDeleteModal}
+        />
+      </Modal>
+      <div className="flex flex-col items-center py-4 bg-white rounded-lg">
+        <div className="flex md:flex-row flex-col gap-4 items-center justify-between w-full mb-4">
+          <div className="md:ml-4 flex flex-row justify-between flex-wrap md:flex-nowrap">
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  variant="outline"
+                  className="md:ml-auto ml-4 md:mb-0 mr-2 mb-4 bg-gray-200 hover:bg-gray-300 text-gray-800"
+                >
+                  <span className="text-gray-800">Filters</span>{" "}
+                  <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
+                </Button>
+              </DropdownMenuTrigger>
+              <Button
+                onClick={() => {
+                  handleSubmit(filterOutput, setTableData);
+                }}
+                className="rounded-md mx-2 mb-4 md:mb-0 bg-indigo-500 hover:bg-indigo-600 text-white"
+              >
+                Submit Filters
+              </Button>
+              <Button
+                onClick={async () => {
+                  setFilters([]);
+                }}
+                className="rounded-md ml-4 md:mx-2 bg-red-500 hover:bg-red-600 text-white"
+              >
+                Clear Filters
+              </Button>
+              <DropdownMenuContent align="end" className="bg-white shadow-lg">
+                {table
+                  .getAllColumns()
+                  .filter((column) => column.getCanHide())
+                  .map((column) => {
+                    return (
+                      <DropdownMenuCheckboxItem
+                        key={column.id}
+                        className="capitalize text-gray-800 hover:bg-gray-100"
+                        checked={
+                          !!filters.find((x) => x.columnId === column.id)
+                        }
+                        onCheckedChange={(value) => {
+                          handleFilterChange(
+                            column.id,
+                            "",
+                            filters,
+                            setFilters,
+                          );
+                        }}
+                      >
+                        {column.id}
+                      </DropdownMenuCheckboxItem>
+                    );
+                  })}
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </div>
+
+          <div className="flex flex-row justify-between flex-wrap w-full">
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  variant="outline"
+                  className="md:ml-auto ml-4 mr-2 bg-gray-200 hover:bg-gray-300 text-gray-800"
+                >
+                  <span className="text-gray-800">Columns</span>{" "}
+                  <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="bg-white shadow-lg">
+                {table
+                  .getAllColumns()
+                  .filter((column) => column.getCanHide())
+                  .map((column) => {
+                    return (
+                      <DropdownMenuCheckboxItem
+                        key={column.id}
+                        className="capitalize text-gray-800 hover:bg-gray-100"
+                        checked={column.getIsVisible()}
+                        onCheckedChange={(value) =>
+                          column.toggleVisibility(!!value)
+                        }
+                      >
+                        {column.id}
+                      </DropdownMenuCheckboxItem>
+                    );
+                  })}
+              </DropdownMenuContent>
+            </DropdownMenu>
+
+            {actionButton && (
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button
+                    variant="outline"
+                    className="mr-2 bg-gray-200 hover:bg-gray-300 text-gray-800"
+                  >
+                    <span className="text-gray-800">Actions</span>{" "}
+                    <ChevronDown className="ml-2 h-4 w-4 text-gray-800" />
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end" className="bg-white shadow-lg">
+                  <ImportData />
+                  <DropdownMenuSeparator className="border-gray-300 mx-2 bg-gray-300 my-2" />
+                  <ExportData data={tableData} />
+                  <DropdownMenuSeparator className="border-gray-300 mx-2 bg-gray-300 my-2" />
+                  <Button
+                    onClick={() => {
+                      copyIDsToClipboard(table);
+                    }}
+                    className="w-full rounded-md bg-indigo-500 hover:bg-indigo-600 text-white"
+                  >
+                    Copy IDs to Clipboard
+                  </Button>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            )}
+          </div>
+
+          {isAddButton && (
+            <Button
+              variant="default"
+              className="mx-2 bg-indigo-500 hover:bg-indigo-600 text-white"
+            >
+              {AddButtonText}
+            </Button>
+          )}
+        </div>
+
+        <div className="flex flex-wrap items-center justify-center w-full">
+          {filters.map((filter: any, index) => (
+            <div
+              key={index}
+              className="flex items-center mx-2 mb-2 border rounded-md p-2 bg-gray-100 shadow-md"
+            >
+              <Input
+                placeholder={`Filter ${filter.columnId}...`}
+                value={filter.value}
+                onChange={(event: any) => {
+                  const { columnId } = filter;
+                  const updatedFilters = filters.map((existingFilter) =>
+                    existingFilter.columnId === columnId
+                      ? { ...existingFilter, value: event.target.value }
+                      : existingFilter,
+                  );
+                  setFilters(updatedFilters);
+                }}
+                className="w-full rounded-md bg-white text-gray-800"
+              />
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button
+                    variant="outline"
+                    className="ml-2 rounded-md bg-gray-200 hover:bg-gray-300 text-gray-800"
+                  >
+                    {filter.operator === "eq" && <span>{"="}</span>}
+                    {filter.operator === "lt" && <span>{"<"}</span>}
+                    {filter.operator === "gt" && <span>{">"}</span>}
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent align="end" className="bg-white shadow-lg">
+                  <DropdownMenuItem
+                    onClick={() =>
+                      handleOperatorChange(filter.columnId, "eq", setFilters)
+                    }
+                    className="hover:bg-gray-100 text-gray-800"
+                  >
+                    <span className="mr-2 text-gray-800">{"="}</span>
+                    Equals
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onClick={() =>
+                      handleOperatorChange(filter.columnId, "lt", setFilters)
+                    }
+                    className="hover:bg-gray-100 text-gray-800"
+                  >
+                    <span className="mr-2 text-gray-800">{"<"}</span>
+                    Less Than
+                  </DropdownMenuItem>
+                  <DropdownMenuItem
+                    onClick={() =>
+                      handleOperatorChange(filter.columnId, "gt", setFilters)
+                    }
+                    className="hover:bg-gray-100 text-gray-800"
+                  >
+                    <span className="mr-2 text-gray-800">{">"}</span>
+                    Greater Than
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="rounded-md border shadow-md bg-white mt-4">
+        <Table>
+          <TableHeader>
+            {table.getHeaderGroups().map((headerGroup) => (
+              <TableRow key={headerGroup.id}>
+                {headerGroup.headers.map((header) => {
+                  const columnId = header.column.id;
+                  const isAscending = sortingOrder[columnId] === "asc";
+                  const isDescending = sortingOrder[columnId] === "desc";
+                  return (
+                    <TableHead key={header.id}>
+                      {/* Column Header */}
+                      <div className="flex items-center text-gray-800">
+                        {/* Render the column header */}
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext(),
+                            )}
+                        {/* Sorting Button */}
+                        <button
+                          onClick={() =>
+                            handleColumnHeaderClick(
+                              columnId,
+                              sortingOrder,
+                              filterOutput,
+                              setSortingOrder,
+                              setSorting,
+                            )
+                          }
+                          className={`ml-2 ${
+                            sortingOrder[columnId] === "asc"
+                              ? "text-green-500"
+                              : "text-gray-400"
+                          }`}
+                        >
+                          <ArrowUpDown size={16} />
+                        </button>
+                      </div>
+                    </TableHead>
+                  );
+                })}
+              </TableRow>
+            ))}
+          </TableHeader>
+
+          <TableBody>
+            {table.getRowModel().rows.length ? (
+              table.getRowModel().rows.map((row) => (
+                <TableRow
+                  key={row.id}
+                  data-state={row.getIsSelected() && "selected"}
+                  className="hover:bg-gray-100 transition-colors duration-200 odd:bg-gray-50"
+                >
+                  {row.getVisibleCells().map((cell) => (
+                    <TableCell
+                      key={`${row.id}-${cell.column.id}`}
+                      className="py-3 px-4 text-sm font-medium text-gray-800"
+                    >
+                      {flexRender(
+                        cell.column.columnDef.cell,
+                        cell.getContext(),
+                      )}
+                    </TableCell>
+                  ))}
+                </TableRow>
+              ))
+            ) : (
+              <TableRow>
+                <TableCell
+                  colSpan={columns.length}
+                  className="h-24 text-center text-gray-500 font-medium"
+                >
+                  No results found.
+                </TableCell>
+              </TableRow>
+            )}
+          </TableBody>
+        </Table>
+      </div>
+      <div className="flex items-center flex-col md:flex-row justify-between space-x-2 py-4 text-gray-800">
+        <div className="flex items-center">
+          <div className="flex-1 text-sm text-gray-600 items-center">
+            {table.getFilteredSelectedRowModel().rows.length} of{" "}
+            {table.getFilteredRowModel().rows?.length || 0} row(s) selected.
+          </div>
+        </div>
+        <div className="order-3 md:order-2 relative flex flex-1 flex-col">
+          {isFeedbackForm && <FeedbackForm checkedRows={checkedRows} />}
+          {!isFeedbackForm && (
+            <Button
+              onClick={() => {
+                setisDeleteModal(true);
+              }}
+              className="ml-3 rounded-md bg-red-500 hover:bg-red-600 text-white"
+            >
+              Remove Selected Students
+            </Button>
+          )}
+        </div>
+        <div className="space-x-2 order-2 md:order-3">
+          <Button
+            onClick={() => table.previousPage()}
+            disabled={!table.getCanPreviousPage()}
+            className="rounded-md bg-gray-200 hover:bg-gray-300 text-gray-700"
+          >
+            Previous
+          </Button>
+          <Button
+            onClick={() => table.nextPage()}
+            disabled={!table.getCanNextPage()}
+            className="rounded-md bg-gray-200 hover:bg-gray-300 text-gray-700"
+          >
+            Next
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/action.tsx b/src/components/action.tsx
index b913c1c2..5165cc6d 100644
--- a/src/components/action.tsx
+++ b/src/components/action.tsx
@@ -1,7 +1,7 @@
-"use server";
-
-import { revalidateTag } from "next/cache";
-
-export default async function submit(tag: string) {
-  revalidateTag(tag);
-}
+"use server";
+
+import { revalidateTag } from "next/cache";
+
+export default async function submit(tag: string) {
+  revalidateTag(tag);
+}
diff --git a/src/components/common/CSVParser.tsx b/src/components/common/CSVParser.tsx
index 0faeb502..182ba976 100644
--- a/src/components/common/CSVParser.tsx
+++ b/src/components/common/CSVParser.tsx
@@ -1,51 +1,51 @@
-// CSVParser.tsx
-"use client";
-import React, { useState } from "react";
-import csvParser from "csv-parser";
-
-function CSVParser() {
-  const [jsonData, setJsonData] = useState<any>(null);
-
-  const handleCSVUpload = async (
-    event: React.ChangeEvent<HTMLInputElement>,
-  ) => {
-    const file = event.target.files?.[0];
-
-    if (file) {
-      const data = await parseCSV(file);
-      setJsonData(data);
-    }
-  };
-
-  const parseCSV = async (file: File) => {
-    const results: any[] = [];
-    const reader = new FileReader();
-    reader.readAsText(file);
-    await new Promise((resolve) => (reader.onload = resolve));
-    const data = reader.result as string;
-    const parser = csvParser();
-
-    const records = data.split("\n");
-    const headers = records[0].split(",");
-
-    for (let i = 1; i < records.length; i++) {
-      const record = records[i].split(",");
-      const obj: any = {};
-      for (let j = 0; j < headers.length; j++) {
-        obj[headers[j]] = record[j];
-      }
-      results.push(obj);
-    }
-
-    return results;
-  };
-
-  return (
-    <div>
-      <input type="file" accept=".csv" onChange={handleCSVUpload} />
-      {jsonData && <pre>{JSON.stringify(jsonData, null, 2)}</pre>}
-    </div>
-  );
-}
-
-export default CSVParser;
+// CSVParser.tsx
+"use client";
+import React, { useState } from "react";
+import csvParser from "csv-parser";
+
+function CSVParser() {
+  const [jsonData, setJsonData] = useState<any>(null);
+
+  const handleCSVUpload = async (
+    event: React.ChangeEvent<HTMLInputElement>,
+  ) => {
+    const file = event.target.files?.[0];
+
+    if (file) {
+      const data = await parseCSV(file);
+      setJsonData(data);
+    }
+  };
+
+  const parseCSV = async (file: File) => {
+    const results: any[] = [];
+    const reader = new FileReader();
+    reader.readAsText(file);
+    await new Promise((resolve) => (reader.onload = resolve));
+    const data = reader.result as string;
+    const parser = csvParser();
+
+    const records = data.split("\n");
+    const headers = records[0].split(",");
+
+    for (let i = 1; i < records.length; i++) {
+      const record = records[i].split(",");
+      const obj: any = {};
+      for (let j = 0; j < headers.length; j++) {
+        obj[headers[j]] = record[j];
+      }
+      results.push(obj);
+    }
+
+    return results;
+  };
+
+  return (
+    <div>
+      <input type="file" accept=".csv" onChange={handleCSVUpload} />
+      {jsonData && <pre>{JSON.stringify(jsonData, null, 2)}</pre>}
+    </div>
+  );
+}
+
+export default CSVParser;
diff --git a/src/components/common/FileConverter.tsx b/src/components/common/FileConverter.tsx
index d195289d..084aad09 100644
--- a/src/components/common/FileConverter.tsx
+++ b/src/components/common/FileConverter.tsx
@@ -1,296 +1,296 @@
-// components/FileConverter.tsx
-"use client";
-import React, { useState } from "react";
-import Papa from "papaparse";
-import { utils, WorkBook, write } from "xlsx";
-import { PDFDocument, rgb } from "pdf-lib";
-
-interface FileConverterProps {
-  jsonData: string;
-}
-
-const FileConverter: React.FC<FileConverterProps> = () => {
-  const [csvData, setCSVData] = useState<string>("");
-  const [xlsxData, setXLSXData] = useState<WorkBook | null>(null);
-  const jsonData = `[
-        {
-            "A": "11",
-            "B": "11",
-            "C": "11",
-            "D ": "11",
-            "E": "11",
-            "F": "11",
-            "G": "11",
-            "H": "11",
-            "I\r": "11\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-          {
-            "A": "11",
-            "B": "22",
-            "C": "33",
-            "D ": "44",
-            "E": "55",
-            "F": "66",
-            "G": "77",
-            "H": "88",
-            "I\r": "99\r"
-          },
-    ]`;
-
-  //to csv
-  const convertToCSV = () => {
-    const results = Papa.parse(jsonData, {
-      header: true,
-      skipEmptyLines: true,
-    });
-    const csv = Papa.unparse(results.data);
-    setCSVData(csv);
-  };
-  //download csv
-  const downloadCSV = () => {
-    const blob = new Blob([csvData], { type: "text/csv" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "generated-csv.csv";
-    a.click();
-  };
-  //to excel
-  const convertToXLSX = () => {
-    const results = Papa.parse(jsonData, {
-      header: true,
-      skipEmptyLines: true,
-    });
-    const worksheet = utils.json_to_sheet(results.data);
-    const newWorkbook: WorkBook = {
-      Sheets: { "Sheet 1": worksheet },
-      SheetNames: ["Sheet 1"],
-    };
-    setXLSXData(newWorkbook);
-  };
-  //download excel
-  const downloadXLSX = () => {
-    if (xlsxData) {
-      const arrayBuffer = write(xlsxData, { bookType: "xlsx", type: "array" });
-      const blob = new Blob([arrayBuffer], {
-        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      });
-
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = "generated-xlsx.xlsx";
-      a.click();
-    }
-  };
-  //to pdf
-  const convertToPDF = async () => {
-    const pdfDoc = await PDFDocument.create();
-    const page = pdfDoc.addPage([400, 300]);
-    const { width, height } = page.getSize();
-
-    // page.drawText(jsonData, {
-    //     x: 50,
-    //     y: height - 50,
-    //     size: 12,
-    //     color: rgb(0, 0, 0),
-    // });
-
-    const pdfBytes = await pdfDoc.save();
-    const blob = new Blob([pdfBytes], { type: "application/pdf" });
-    const url = URL.createObjectURL(blob);
-
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "generated-pdf.pdf";
-    a.click();
-  };
-
-  return (
-    <div>
-      <button onClick={convertToCSV}>Convert to CSV</button>
-      <button onClick={downloadCSV}>Download CSV</button>
-      <button onClick={convertToXLSX}>Convert to XLSX</button>
-      <button onClick={downloadXLSX}>Download XLSX</button>
-      <button onClick={convertToPDF}>Convert to PDF</button>
-    </div>
-  );
-};
-
-export default FileConverter;
+// components/FileConverter.tsx
+"use client";
+import React, { useState } from "react";
+import Papa from "papaparse";
+import { utils, WorkBook, write } from "xlsx";
+import { PDFDocument, rgb } from "pdf-lib";
+
+interface FileConverterProps {
+  jsonData: string;
+}
+
+const FileConverter: React.FC<FileConverterProps> = () => {
+  const [csvData, setCSVData] = useState<string>("");
+  const [xlsxData, setXLSXData] = useState<WorkBook | null>(null);
+  const jsonData = `[
+        {
+            "A": "11",
+            "B": "11",
+            "C": "11",
+            "D ": "11",
+            "E": "11",
+            "F": "11",
+            "G": "11",
+            "H": "11",
+            "I\r": "11\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+          {
+            "A": "11",
+            "B": "22",
+            "C": "33",
+            "D ": "44",
+            "E": "55",
+            "F": "66",
+            "G": "77",
+            "H": "88",
+            "I\r": "99\r"
+          },
+    ]`;
+
+  //to csv
+  const convertToCSV = () => {
+    const results = Papa.parse(jsonData, {
+      header: true,
+      skipEmptyLines: true,
+    });
+    const csv = Papa.unparse(results.data);
+    setCSVData(csv);
+  };
+  //download csv
+  const downloadCSV = () => {
+    const blob = new Blob([csvData], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "generated-csv.csv";
+    a.click();
+  };
+  //to excel
+  const convertToXLSX = () => {
+    const results = Papa.parse(jsonData, {
+      header: true,
+      skipEmptyLines: true,
+    });
+    const worksheet = utils.json_to_sheet(results.data);
+    const newWorkbook: WorkBook = {
+      Sheets: { "Sheet 1": worksheet },
+      SheetNames: ["Sheet 1"],
+    };
+    setXLSXData(newWorkbook);
+  };
+  //download excel
+  const downloadXLSX = () => {
+    if (xlsxData) {
+      const arrayBuffer = write(xlsxData, { bookType: "xlsx", type: "array" });
+      const blob = new Blob([arrayBuffer], {
+        type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+      });
+
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "generated-xlsx.xlsx";
+      a.click();
+    }
+  };
+  //to pdf
+  const convertToPDF = async () => {
+    const pdfDoc = await PDFDocument.create();
+    const page = pdfDoc.addPage([400, 300]);
+    const { width, height } = page.getSize();
+
+    // page.drawText(jsonData, {
+    //     x: 50,
+    //     y: height - 50,
+    //     size: 12,
+    //     color: rgb(0, 0, 0),
+    // });
+
+    const pdfBytes = await pdfDoc.save();
+    const blob = new Blob([pdfBytes], { type: "application/pdf" });
+    const url = URL.createObjectURL(blob);
+
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "generated-pdf.pdf";
+    a.click();
+  };
+
+  return (
+    <div>
+      <button onClick={convertToCSV}>Convert to CSV</button>
+      <button onClick={downloadCSV}>Download CSV</button>
+      <button onClick={convertToXLSX}>Convert to XLSX</button>
+      <button onClick={downloadXLSX}>Download XLSX</button>
+      <button onClick={convertToPDF}>Convert to PDF</button>
+    </div>
+  );
+};
+
+export default FileConverter;
diff --git a/src/components/common/FormDropDown.tsx b/src/components/common/FormDropDown.tsx
index 8fc8fe1d..77e4c619 100644
--- a/src/components/common/FormDropDown.tsx
+++ b/src/components/common/FormDropDown.tsx
@@ -1,79 +1,79 @@
-"use client";
-import * as React from "react";
-import { CaretSortIcon } from "@radix-ui/react-icons";
-import { Button } from "@/components/ui/button";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { useRouter } from "next/navigation";
-
-interface OptionInterface {
-  value: string;
-  label: string;
-}
-
-interface Props {
-  data: OptionInterface[];
-  value: string;
-  setValue: Function;
-}
-
-const FormDropDown = ({ data, value, setValue }: Props) => {
-  const [open, setOpen] = React.useState(false);
-  //   const [value, setValue] = React.useState("");
-
-  const handleSelect = (currentValue: string) => {
-    setValue(currentValue);
-    setOpen(false);
-  };
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          aria-expanded={open}
-          className="w-[200px] justify-between !text-black"
-        >
-          {value
-            ? data.find((option: OptionInterface) => option.value === value)
-                ?.label
-            : "Select Event"}
-          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
-        <Command>
-          <CommandInput
-            placeholder="Search Season..."
-            className="h-9 !text-black"
-          />
-          <CommandEmpty>Found Nothing.</CommandEmpty>
-          <CommandGroup>
-            {data.map((option: OptionInterface) => (
-              <CommandItem
-                key={option.value}
-                value={option.value}
-                onSelect={(currentValue: string) => handleSelect(currentValue)}
-              >
-                {option.label}
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        </Command>
-      </PopoverContent>
-    </Popover>
-  );
-};
-
-export default FormDropDown;
+"use client";
+import * as React from "react";
+import { CaretSortIcon } from "@radix-ui/react-icons";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { useRouter } from "next/navigation";
+
+interface OptionInterface {
+  value: string;
+  label: string;
+}
+
+interface Props {
+  data: OptionInterface[];
+  value: string;
+  setValue: Function;
+}
+
+const FormDropDown = ({ data, value, setValue }: Props) => {
+  const [open, setOpen] = React.useState(false);
+  //   const [value, setValue] = React.useState("");
+
+  const handleSelect = (currentValue: string) => {
+    setValue(currentValue);
+    setOpen(false);
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          aria-expanded={open}
+          className="w-[200px] justify-between !text-black"
+        >
+          {value
+            ? data.find((option: OptionInterface) => option.value === value)
+                ?.label
+            : "Select Event"}
+          <CaretSortIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-[200px] p-0">
+        <Command>
+          <CommandInput
+            placeholder="Search Season..."
+            className="h-9 !text-black"
+          />
+          <CommandEmpty>Found Nothing.</CommandEmpty>
+          <CommandGroup>
+            {data.map((option: OptionInterface) => (
+              <CommandItem
+                key={option.value}
+                value={option.value}
+                onSelect={(currentValue: string) => handleSelect(currentValue)}
+              >
+                {option.label}
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default FormDropDown;
diff --git a/src/components/common/loading.tsx b/src/components/common/loading.tsx
index af7e831f..7822d235 100644
--- a/src/components/common/loading.tsx
+++ b/src/components/common/loading.tsx
@@ -1,3 +1,3 @@
-export default function Loading() {
-  return <div> Loading...</div>;
-}
+export default function Loading() {
+  return <div> Loading...</div>;
+}
diff --git a/src/components/company/AllCompaniesComponent.tsx b/src/components/company/AllCompaniesComponent.tsx
index 3526edda..b0489a23 100644
--- a/src/components/company/AllCompaniesComponent.tsx
+++ b/src/components/company/AllCompaniesComponent.tsx
@@ -1,77 +1,77 @@
-import CompanyCard from "@/components/company/CompanyCard";
-import { cookies } from "next/headers";
-import { fetchCompany, fetchCompanyRecruiters } from "@/helpers/api";
-import { ChevronRight } from "lucide-react";
-import { ChevronLeft } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Separator } from "@/components/ui/separator";
-import Link from "next/link";
-import EachCompanyDiv from "./EachCompanyDiv";
-
-interface company {
-  id: string;
-  name: string;
-}
-
-const AllCompaniesComponent = async () => {
-  const Companies = await fetchCompany();
-
-  if (Companies?.companies?.length === 0) {
-    return (
-      <h1 className="text-center text-black text-3xl font-bold flex justify-center items-center w-full h-screen">
-        No Comapanies Currently Registered
-      </h1>
-    );
-  }
-  const Recruiters = await fetchCompanyRecruiters(
-    cookies()?.get("companyId")?.value,
-  );
-  return (
-    <div className="">
-      <div className="border-r-2  rounded-md">
-        <div className=" !flex justify-between  w-full border-b-2 rounded-md">
-          <div className="w-fit py-2 mx-2 my-auto">All Companies</div>
-
-          <div className="w-fit flex ">
-            {/* <div className="px-2  py-2 flex justify-center items-center w-full"><Button size="icon">
-              <ChevronLeft className="h-4 w-4" />
-            </Button></div>
-            <div className="px-2 py-2  flex justify-center items-center w-full"><Button size="icon">
-              <ChevronRight className="h-4 w-4" />
-            </Button></div> */}
-          </div>
-        </div>
-
-        <div id="main_content">
-          <div className="flex justify-center items-center my-10">
-            <Button>
-              <Link href="/admin/company/addCompany">Add Company</Link>
-            </Button>
-          </div>
-          <div className="m-4">
-            <Input type="text" placeholder="Search..." />
-          </div>
-
-          <ScrollArea className="h-72 w-full rounded-md border-t-2">
-            <div className="p-4">
-              {Companies?.map((Company: company, index: number) => {
-                return (
-                  <>
-                    <div key={index}>
-                      <EachCompanyDiv Company={Company} />
-                      <Separator className="my-2" />
-                    </div>
-                  </>
-                );
-              })}
-            </div>
-          </ScrollArea>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default AllCompaniesComponent;
+import CompanyCard from "@/components/company/CompanyCard";
+import { cookies } from "next/headers";
+import { fetchCompany, fetchCompanyRecruiters } from "@/helpers/api";
+import { ChevronRight } from "lucide-react";
+import { ChevronLeft } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Separator } from "@/components/ui/separator";
+import Link from "next/link";
+import EachCompanyDiv from "./EachCompanyDiv";
+
+interface company {
+  id: string;
+  name: string;
+}
+
+const AllCompaniesComponent = async () => {
+  const Companies = await fetchCompany();
+
+  if (Companies?.companies?.length === 0) {
+    return (
+      <h1 className="text-center text-black text-3xl font-bold flex justify-center items-center w-full h-screen">
+        No Comapanies Currently Registered
+      </h1>
+    );
+  }
+  const Recruiters = await fetchCompanyRecruiters(
+    cookies()?.get("companyId")?.value,
+  );
+  return (
+    <div className="">
+      <div className="border-r-2  rounded-md">
+        <div className=" !flex justify-between  w-full border-b-2 rounded-md">
+          <div className="w-fit py-2 mx-2 my-auto">All Companies</div>
+
+          <div className="w-fit flex ">
+            {/* <div className="px-2  py-2 flex justify-center items-center w-full"><Button size="icon">
+              <ChevronLeft className="h-4 w-4" />
+            </Button></div>
+            <div className="px-2 py-2  flex justify-center items-center w-full"><Button size="icon">
+              <ChevronRight className="h-4 w-4" />
+            </Button></div> */}
+          </div>
+        </div>
+
+        <div id="main_content">
+          <div className="flex justify-center items-center my-10">
+            <Button>
+              <Link href="/admin/company/addCompany">Add Company</Link>
+            </Button>
+          </div>
+          <div className="m-4">
+            <Input type="text" placeholder="Search..." />
+          </div>
+
+          <ScrollArea className="h-72 w-full rounded-md border-t-2">
+            <div className="p-4">
+              {Companies?.map((Company: company, index: number) => {
+                return (
+                  <>
+                    <div key={index}>
+                      <EachCompanyDiv Company={Company} />
+                      <Separator className="my-2" />
+                    </div>
+                  </>
+                );
+              })}
+            </div>
+          </ScrollArea>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AllCompaniesComponent;
diff --git a/src/components/company/CompanyCard.tsx b/src/components/company/CompanyCard.tsx
index 24332abe..22453aa8 100644
--- a/src/components/company/CompanyCard.tsx
+++ b/src/components/company/CompanyCard.tsx
@@ -1,45 +1,45 @@
-import React from "react";
-import Link from "next/link";
-
-interface Props {
-  Company: {
-    id: string;
-    name: string;
-    metadata: object;
-    createdAt: string;
-    updatedAt: string;
-  };
-}
-
-export default function CompanyCard({ Company }: Props) {
-  return (
-    <div>
-      <div className="w-full">
-        <div className="h-full bg-gray-200 shadow-xl bg-opacity-75 px-8 pt-16 pb-16 rounded-lg overflow-hidden text-center relative">
-          <h1 className="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">
-            {Company?.name?.slice(0, 20)}
-          </h1>
-
-          <Link
-            href={`/admin/company/${Company?.id}`}
-            className="text-gray-800 hover:scale-105 transition-all fade-in-out inline-flex items-center"
-          >
-            Learn More
-            <svg
-              className="w-4 h-4 ml-2"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-              strokeWidth="2"
-              fill="none"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            >
-              <path d="M5 12h14"></path>
-              <path d="M12 5l7 7-7 7"></path>
-            </svg>
-          </Link>
-        </div>
-      </div>
-    </div>
-  );
-}
+import React from "react";
+import Link from "next/link";
+
+interface Props {
+  Company: {
+    id: string;
+    name: string;
+    metadata: object;
+    createdAt: string;
+    updatedAt: string;
+  };
+}
+
+export default function CompanyCard({ Company }: Props) {
+  return (
+    <div>
+      <div className="w-full">
+        <div className="h-full bg-gray-200 shadow-xl bg-opacity-75 px-8 pt-16 pb-16 rounded-lg overflow-hidden text-center relative">
+          <h1 className="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">
+            {Company?.name?.slice(0, 20)}
+          </h1>
+
+          <Link
+            href={`/admin/company/${Company?.id}`}
+            className="text-gray-800 hover:scale-105 transition-all fade-in-out inline-flex items-center"
+          >
+            Learn More
+            <svg
+              className="w-4 h-4 ml-2"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+              strokeWidth="2"
+              fill="none"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <path d="M5 12h14"></path>
+              <path d="M12 5l7 7-7 7"></path>
+            </svg>
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/company/EachCompanyCard.tsx b/src/components/company/EachCompanyCard.tsx
index 624677cd..1fc97575 100644
--- a/src/components/company/EachCompanyCard.tsx
+++ b/src/components/company/EachCompanyCard.tsx
@@ -1,52 +1,52 @@
-interface Props {
-  EachCompanyItem: {
-    name: String;
-    id: String;
-    jafs: any;
-    ppoOffers: any;
-    recruiters: any;
-  };
-}
-
-export default function EachCompanyCard({ EachCompanyItem }: Props) {
-  return (
-    <div>
-      <div className="-my-8 divide-y-2 divide-gray-100">
-        <div className="py-8 flex flex-wrap md:flex-nowrap">
-          <div className="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col">
-            <span className="font-semibold title-font text-gray-700">
-              CATEGORY
-            </span>
-            <span className="mt-1 text-gray-500 text-sm">12 Jun 2019</span>
-          </div>
-          <div className="md:flex-grow">
-            <h2 className="text-2xl font-medium text-gray-900 title-font mb-2">
-              Bitters hashtag waistcoat fashion axe chia unicorn
-            </h2>
-            <p className="leading-relaxed">
-              Glossier echo park pug, church-key sartorial biodiesel
-              vexillologist pop-up snackwave ramps cornhole. Marfa 3 wolf moon
-              party messenger bag selfies, poke vaporware kombucha lumbersexual
-              pork belly polaroid hoodie portland craft beer.
-            </p>
-            <a className="text-indigo-500 inline-flex items-center mt-4">
-              Learn More
-              <svg
-                className="w-4 h-4 ml-2"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                strokeWidth="2"
-                fill="none"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <path d="M5 12h14"></path>
-                <path d="M12 5l7 7-7 7"></path>
-              </svg>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
+interface Props {
+  EachCompanyItem: {
+    name: String;
+    id: String;
+    jafs: any;
+    ppoOffers: any;
+    recruiters: any;
+  };
+}
+
+export default function EachCompanyCard({ EachCompanyItem }: Props) {
+  return (
+    <div>
+      <div className="-my-8 divide-y-2 divide-gray-100">
+        <div className="py-8 flex flex-wrap md:flex-nowrap">
+          <div className="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col">
+            <span className="font-semibold title-font text-gray-700">
+              CATEGORY
+            </span>
+            <span className="mt-1 text-gray-500 text-sm">12 Jun 2019</span>
+          </div>
+          <div className="md:flex-grow">
+            <h2 className="text-2xl font-medium text-gray-900 title-font mb-2">
+              Bitters hashtag waistcoat fashion axe chia unicorn
+            </h2>
+            <p className="leading-relaxed">
+              Glossier echo park pug, church-key sartorial biodiesel
+              vexillologist pop-up snackwave ramps cornhole. Marfa 3 wolf moon
+              party messenger bag selfies, poke vaporware kombucha lumbersexual
+              pork belly polaroid hoodie portland craft beer.
+            </p>
+            <a className="text-indigo-500 inline-flex items-center mt-4">
+              Learn More
+              <svg
+                className="w-4 h-4 ml-2"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+                strokeWidth="2"
+                fill="none"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              >
+                <path d="M5 12h14"></path>
+                <path d="M12 5l7 7-7 7"></path>
+              </svg>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/company/EachCompanyDiv.tsx b/src/components/company/EachCompanyDiv.tsx
index 5326b12c..3fb60298 100644
--- a/src/components/company/EachCompanyDiv.tsx
+++ b/src/components/company/EachCompanyDiv.tsx
@@ -1,19 +1,19 @@
-"use client";
-import Cookies from "js-cookie";
-import { revalidateTag } from "next/cache";
-import submit from "../action";
-export default function EachCompanyDiv({ Company }: any) {
-  return (
-    <div
-      className="cursor-pointer hover:text-gray-600 hover:scale-95 transition-all fade-in-out"
-      onClick={() => {
-        Cookies.set("companyId", Company.id);
-        Cookies.set("companyName", Company.name);
-        submit("AllRecruiters");
-        submit("AllJobs");
-      }}
-    >
-      {Company.name}
-    </div>
-  );
-}
+"use client";
+import Cookies from "js-cookie";
+import { revalidateTag } from "next/cache";
+import submit from "../action";
+export default function EachCompanyDiv({ Company }: any) {
+  return (
+    <div
+      className="cursor-pointer hover:text-gray-600 hover:scale-95 transition-all fade-in-out"
+      onClick={() => {
+        Cookies.set("companyId", Company.id);
+        Cookies.set("companyName", Company.name);
+        submit("AllRecruiters");
+        submit("AllJobs");
+      }}
+    >
+      {Company.name}
+    </div>
+  );
+}
diff --git a/src/components/company/JAFCard.tsx b/src/components/company/JAFCard.tsx
index d96c2828..bae0fb7f 100644
--- a/src/components/company/JAFCard.tsx
+++ b/src/components/company/JAFCard.tsx
@@ -1,29 +1,29 @@
-import React from "react";
-
-export default function JAFCard({ ele }: any) {
-  return (
-    <div className="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-200 border-opacity-60">
-      <h2 className="text-lg sm:text-xl text-gray-900 font-medium title-font mb-2">
-        Shooting Stars
-      </h2>
-      <p className="leading-relaxed text-base mb-4">
-        Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon
-        disrupt edison bulbche.
-      </p>
-      <a className="text-indigo-500 inline-flex items-center">
-        Learn More
-        <svg
-          fill="none"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          className="w-4 h-4 ml-2"
-          viewBox="0 0 24 24"
-        >
-          <path d="M5 12h14M12 5l7 7-7 7"></path>
-        </svg>
-      </a>
-    </div>
-  );
-}
+import React from "react";
+
+export default function JAFCard({ ele }: any) {
+  return (
+    <div className="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-200 border-opacity-60">
+      <h2 className="text-lg sm:text-xl text-gray-900 font-medium title-font mb-2">
+        Shooting Stars
+      </h2>
+      <p className="leading-relaxed text-base mb-4">
+        Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon
+        disrupt edison bulbche.
+      </p>
+      <a className="text-indigo-500 inline-flex items-center">
+        Learn More
+        <svg
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          className="w-4 h-4 ml-2"
+          viewBox="0 0 24 24"
+        >
+          <path d="M5 12h14M12 5l7 7-7 7"></path>
+        </svg>
+      </a>
+    </div>
+  );
+}
diff --git a/src/components/jobs/AddEventDialog.tsx b/src/components/jobs/AddEventDialog.tsx
index b91279d4..05a97bf0 100644
--- a/src/components/jobs/AddEventDialog.tsx
+++ b/src/components/jobs/AddEventDialog.tsx
@@ -1,112 +1,112 @@
-"use client";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { useState } from "react";
-import submit from "../action";
-import { createJobEvent } from "@/helpers/api";
-import toast from "react-hot-toast";
-interface Props {
-  jobId: String;
-}
-
-export function AddEventDialog({ jobId }: Props) {
-  const [type, settype] = useState<string | null>(null);
-  const [round, setround] = useState<string | null>(null);
-  const [date, setdate] = useState<string | null>(null);
-  const [loading, setloading] = useState<boolean>(false);
-  return (
-    <div className="mx-2">
-      <Dialog>
-        <DialogTrigger asChild>
-          <Button>Add Event</Button>
-        </DialogTrigger>
-        <DialogContent className="sm:max-w-[425px]">
-          <DialogHeader>
-            <DialogTitle className="text-black">Add An Event</DialogTitle>
-          </DialogHeader>
-          <div className="grid gap-4 py-4">
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label htmlFor="name" className="text-right text-black">
-                Event Type
-              </Label>
-              <Input
-                id="name"
-                onChange={(e) => {
-                  settype(e?.target?.value);
-                }}
-                className="col-span-3 text-black"
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label
-                htmlFor="username"
-                className="text-right w-full text-black"
-              >
-                Round
-              </Label>
-              <Input
-                id="username"
-                className="col-span-3 text-black"
-                onChange={(e) => {
-                  setround(e?.target?.value);
-                }}
-              />
-            </div>
-            <div className="grid grid-cols-4 items-center gap-4">
-              <Label
-                htmlFor="username"
-                className="text-right w-full text-black"
-              >
-                Start Date and Time
-              </Label>
-              <Input
-                id="username"
-                type="datetime-local"
-                onChange={(e) => {
-                  setdate(e?.target?.value);
-                }}
-                className="col-span-3 text-black"
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <Button
-              type="submit"
-              disabled={loading}
-              onClick={async () => {
-                setloading(true);
-                try {
-                  const success = await createJobEvent(
-                    jobId,
-                    type,
-                    round,
-                    date,
-                  );
-                  if (success) {
-                    submit("AllEvents");
-                  }
-                } catch (error) {
-                  toast.error("Error creating job event:", error);
-                } finally {
-                  setloading(false);
-                }
-              }}
-            >
-              {loading ? "Submitting..." : "Save changes"}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-}
+"use client";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useState } from "react";
+import submit from "../action";
+import { createJobEvent } from "@/helpers/api";
+import toast from "react-hot-toast";
+interface Props {
+  jobId: String;
+}
+
+export function AddEventDialog({ jobId }: Props) {
+  const [type, settype] = useState<string | null>(null);
+  const [round, setround] = useState<string | null>(null);
+  const [date, setdate] = useState<string | null>(null);
+  const [loading, setloading] = useState<boolean>(false);
+  return (
+    <div className="mx-2">
+      <Dialog>
+        <DialogTrigger asChild>
+          <Button>Add Event</Button>
+        </DialogTrigger>
+        <DialogContent className="sm:max-w-[425px]">
+          <DialogHeader>
+            <DialogTitle className="text-black">Add An Event</DialogTitle>
+          </DialogHeader>
+          <div className="grid gap-4 py-4">
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label htmlFor="name" className="text-right text-black">
+                Event Type
+              </Label>
+              <Input
+                id="name"
+                onChange={(e) => {
+                  settype(e?.target?.value);
+                }}
+                className="col-span-3 text-black"
+              />
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label
+                htmlFor="username"
+                className="text-right w-full text-black"
+              >
+                Round
+              </Label>
+              <Input
+                id="username"
+                className="col-span-3 text-black"
+                onChange={(e) => {
+                  setround(e?.target?.value);
+                }}
+              />
+            </div>
+            <div className="grid grid-cols-4 items-center gap-4">
+              <Label
+                htmlFor="username"
+                className="text-right w-full text-black"
+              >
+                Start Date and Time
+              </Label>
+              <Input
+                id="username"
+                type="datetime-local"
+                onChange={(e) => {
+                  setdate(e?.target?.value);
+                }}
+                className="col-span-3 text-black"
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button
+              type="submit"
+              disabled={loading}
+              onClick={async () => {
+                setloading(true);
+                try {
+                  const success = await createJobEvent(
+                    jobId,
+                    type,
+                    round,
+                    date,
+                  );
+                  if (success) {
+                    submit("AllEvents");
+                  }
+                } catch (error) {
+                  toast.error("Error creating job event:", error);
+                } finally {
+                  setloading(false);
+                }
+              }}
+            >
+              {loading ? "Submitting..." : "Save changes"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
diff --git a/src/components/jobs/EventCard.tsx b/src/components/jobs/EventCard.tsx
index 376fbb8e..b77fef8c 100644
--- a/src/components/jobs/EventCard.tsx
+++ b/src/components/jobs/EventCard.tsx
@@ -1,88 +1,88 @@
-"use client";
-import { MdDelete } from "react-icons/md";
-import { JobDeleteModal } from "./JobDeleteModal";
-export default function EventCard({ ele, jobId }: any) {
-  var date = ele.startDateTime;
-
-  return (
-    <div>
-      <div className="card">
-        <h3 className="card__title">{ele?.type}</h3>
-        <p className="card__content">Round Number : {ele?.roundNumber} </p>
-
-        <div className="card__date">{date}</div>
-
-        <div className="card__arrow">
-          <JobDeleteModal jobId={jobId} eventId={ele.id} />
-        </div>
-      </div>
-      <style jsx>
-        {`
-          /* this card is inspired form this - https://georgefrancis.dev/ */
-
-          .card {
-            --border-radius: 0.75rem;
-            --primary-color: #7257fa;
-            --secondary-color: #3c3852;
-            width: 210px;
-            font-family: "Arial";
-            padding: 1rem;
-            cursor: pointer;
-            border-radius: var(--border-radius);
-            background: #f1f1f3;
-            box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 3%);
-            position: relative;
-          }
-
-          .card > * + * {
-            margin-top: 1.1em;
-          }
-
-          .card .card__content {
-            color: var(--secondary-color);
-            font-size: 0.86rem;
-          }
-
-          .card .card__title {
-            padding: 0;
-            font-size: 1.3rem;
-            font-weight: bold;
-          }
-
-          .card .card__date {
-            color: #6e6b80;
-            font-size: 0.8rem;
-          }
-
-          .card .card__arrow {
-            position: absolute;
-            background: var(--primary-color);
-            padding: 0.4rem;
-            border-top-left-radius: var(--border-radius);
-            border-bottom-right-radius: var(--border-radius);
-            bottom: 0;
-            right: 0;
-            transition: 0.2s;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-          }
-
-          .card svg {
-            transition: 0.2s;
-          }
-
-          /* hover */
-
-          .card:hover .card__arrow {
-            background: #111;
-          }
-
-          .card:hover .card__arrow svg {
-            transform: translateX(3px);
-          }
-        `}
-      </style>
-    </div>
-  );
-}
+"use client";
+import { MdDelete } from "react-icons/md";
+import { JobDeleteModal } from "./JobDeleteModal";
+export default function EventCard({ ele, jobId }: any) {
+  var date = ele.startDateTime;
+
+  return (
+    <div>
+      <div className="card">
+        <h3 className="card__title">{ele?.type}</h3>
+        <p className="card__content">Round Number : {ele?.roundNumber} </p>
+
+        <div className="card__date">{date}</div>
+
+        <div className="card__arrow">
+          <JobDeleteModal jobId={jobId} eventId={ele.id} />
+        </div>
+      </div>
+      <style jsx>
+        {`
+          /* this card is inspired form this - https://georgefrancis.dev/ */
+
+          .card {
+            --border-radius: 0.75rem;
+            --primary-color: #7257fa;
+            --secondary-color: #3c3852;
+            width: 210px;
+            font-family: "Arial";
+            padding: 1rem;
+            cursor: pointer;
+            border-radius: var(--border-radius);
+            background: #f1f1f3;
+            box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 3%);
+            position: relative;
+          }
+
+          .card > * + * {
+            margin-top: 1.1em;
+          }
+
+          .card .card__content {
+            color: var(--secondary-color);
+            font-size: 0.86rem;
+          }
+
+          .card .card__title {
+            padding: 0;
+            font-size: 1.3rem;
+            font-weight: bold;
+          }
+
+          .card .card__date {
+            color: #6e6b80;
+            font-size: 0.8rem;
+          }
+
+          .card .card__arrow {
+            position: absolute;
+            background: var(--primary-color);
+            padding: 0.4rem;
+            border-top-left-radius: var(--border-radius);
+            border-bottom-right-radius: var(--border-radius);
+            bottom: 0;
+            right: 0;
+            transition: 0.2s;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+
+          .card svg {
+            transition: 0.2s;
+          }
+
+          /* hover */
+
+          .card:hover .card__arrow {
+            background: #111;
+          }
+
+          .card:hover .card__arrow svg {
+            transform: translateX(3px);
+          }
+        `}
+      </style>
+    </div>
+  );
+}
diff --git a/src/components/jobs/JobCard.tsx b/src/components/jobs/JobCard.tsx
index 9430789b..40d015c1 100644
--- a/src/components/jobs/JobCard.tsx
+++ b/src/components/jobs/JobCard.tsx
@@ -1,154 +1,154 @@
-import React from "react";
-import Link from "next/link";
-import { Separator } from "../ui/separator";
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Jobs } from "@/helpers/student/types";
-const baseUrl = process.env.NEXT_PUBLIC_FRONTEND_URL;
-
-const url = (NextUrl: string) => {
-  return `${baseUrl}${NextUrl}`;
-};
-interface Props {
-  jobItem: Jobs;
-  type: string;
-}
-
-const JobCard = ({ jobItem, type}: Props) => {
-  const [showDescription, setShowDescription] = useState<boolean>(false);
-  const handleViewDetails = () => {
-    setShowDescription(!showDescription);
-  };
-
-  return (
-    <div className="">
-      <div className="rounded-xl bg-white text-black p-5">
-        {type === "opportunity"? (
-          <div className="font-semibold text-md"> {jobItem.company.name}</div>
-        ): (
-          <div className="flex justify-between">
-            <div className="font-semibold text-md mt-2">{jobItem.company.name}</div>
-            <div className="text-sm my-3">
-              <Link
-                href={url(`/student/job/${jobItem.id}`)}
-                className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
-              >
-                View Details {">"}
-              </Link>
-            </div>
-          </div>
-        )}
-        <div className="my-4">
-          <Separator />
-        </div>
-        <div
-          className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2"
-          onClick={handleViewDetails}
-          style={{ cursor: "pointer" }}
-        >
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
-            <div>{jobItem.role}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">
-              Current Status
-            </div>{" "}
-            <div>{jobItem.currentStatus}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Location</div>{" "}
-            <div>{jobItem.location}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Season</div>{" "}
-            <div>
-              {jobItem.season.type} {jobItem.season.year}
-            </div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Recruiter</div>{" "}
-            <div>{jobItem.recruiter.user.name}</div>
-          </div>
-        </div>
-        {showDescription && (
-          <div className="mt-4">
-            <div className="my-4">
-              <Separator />
-            </div>
-            <div>
-              <h1 className="text-lg font-semibold">About The Work</h1>
-              <ul className="list-disc mx-10">
-                <li>
-                  Build an application in Flutter and connect REST APIs to
-                  provide a seamless experience to users
-                </li>
-                <li>
-                  Take ownership of the application and work alongside backend
-                  and database engineers to deliver tasks based on timeline
-                </li>
-                <li>Work with 3rd party services to integrate in app</li>
-                <li>
-                  Attend daily standup calls to discuss team updates and next
-                  tasks
-                </li>
-              </ul>
-            </div>
-
-            <div>
-              <h1 className="text-lg font-semibold my-2">Skill(s) Required</h1>
-              <div className="flex flex-wrap !text-md">
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  Algorithms
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  Android
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  Data Structures
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  Firebase
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  iOS
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  Flutter
-                </div>
-                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
-                  REST API
-                </div>
-              </div>
-            </div>
-
-            <div>
-              <h1 className="text-lg font-semibold my-2">Who can apply</h1>
-              <ul className="list-disc mx-10">
-                <li> are available for the work from home job/internship</li>
-                <li>
-                  can work from 8:00 pm - 2:00 am Indian Standard Time (as the
-                  company is based outside of India & their local work timings
-                  are 9:30 am - 3:30 pm Eastern Standard Time)
-                </li>
-                <li>
-                  can start the work from home job/internship between 4th Jan24
-                  and 8th Feb24
-                </li>
-                <li> are available for duration of 3 months</li>
-                <li> have relevant skills and interests</li>
-              </ul>
-            </div>
-            <div className="flex justify-between my-3">
-              <Button>
-                <Link href={`/student/job/salary/${jobItem.id}`}>Salaries</Link>
-              </Button>
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default JobCard;
+import React from "react";
+import Link from "next/link";
+import { Separator } from "../ui/separator";
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Jobs } from "@/helpers/student/types";
+const baseUrl = process.env.NEXT_PUBLIC_FRONTEND_URL;
+
+const url = (NextUrl: string) => {
+  return `${baseUrl}${NextUrl}`;
+};
+interface Props {
+  jobItem: Jobs;
+  type: string;
+}
+
+const JobCard = ({ jobItem, type}: Props) => {
+  const [showDescription, setShowDescription] = useState<boolean>(false);
+  const handleViewDetails = () => {
+    setShowDescription(!showDescription);
+  };
+
+  return (
+    <div className="">
+      <div className="rounded-xl bg-white text-black p-5">
+        {type === "opportunity"? (
+          <div className="font-semibold text-md"> {jobItem.company.name}</div>
+        ): (
+          <div className="flex justify-between">
+            <div className="font-semibold text-md mt-2">{jobItem.company.name}</div>
+            <div className="text-sm my-3">
+              <Link
+                href={url(`/student/job/${jobItem.id}`)}
+                className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
+              >
+                View Details {">"}
+              </Link>
+            </div>
+          </div>
+        )}
+        <div className="my-4">
+          <Separator />
+        </div>
+        <div
+          className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2"
+          onClick={handleViewDetails}
+          style={{ cursor: "pointer" }}
+        >
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
+            <div>{jobItem.role}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">
+              Current Status
+            </div>{" "}
+            <div>{jobItem.currentStatus}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Location</div>{" "}
+            <div>{jobItem.location}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Season</div>{" "}
+            <div>
+              {jobItem.season.type} {jobItem.season.year}
+            </div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Recruiter</div>{" "}
+            <div>{jobItem.recruiter.user.name}</div>
+          </div>
+        </div>
+        {showDescription && (
+          <div className="mt-4">
+            <div className="my-4">
+              <Separator />
+            </div>
+            <div>
+              <h1 className="text-lg font-semibold">About The Work</h1>
+              <ul className="list-disc mx-10">
+                <li>
+                  Build an application in Flutter and connect REST APIs to
+                  provide a seamless experience to users
+                </li>
+                <li>
+                  Take ownership of the application and work alongside backend
+                  and database engineers to deliver tasks based on timeline
+                </li>
+                <li>Work with 3rd party services to integrate in app</li>
+                <li>
+                  Attend daily standup calls to discuss team updates and next
+                  tasks
+                </li>
+              </ul>
+            </div>
+
+            <div>
+              <h1 className="text-lg font-semibold my-2">Skill(s) Required</h1>
+              <div className="flex flex-wrap !text-md">
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  Algorithms
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  Android
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  Data Structures
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  Firebase
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  iOS
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  Flutter
+                </div>
+                <div className="mx-2 border-2 p-2 !text-md rounded-full my-2 bg-gray-100 text-gray-600 font-medium">
+                  REST API
+                </div>
+              </div>
+            </div>
+
+            <div>
+              <h1 className="text-lg font-semibold my-2">Who can apply</h1>
+              <ul className="list-disc mx-10">
+                <li> are available for the work from home job/internship</li>
+                <li>
+                  can work from 8:00 pm - 2:00 am Indian Standard Time (as the
+                  company is based outside of India & their local work timings
+                  are 9:30 am - 3:30 pm Eastern Standard Time)
+                </li>
+                <li>
+                  can start the work from home job/internship between 4th Jan24
+                  and 8th Feb24
+                </li>
+                <li> are available for duration of 3 months</li>
+                <li> have relevant skills and interests</li>
+              </ul>
+            </div>
+            <div className="flex justify-between my-3">
+              <Button>
+                <Link href={`/student/job/salary/${jobItem.id}`}>Salaries</Link>
+              </Button>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default JobCard;
diff --git a/src/components/jobs/JobDeleteModal.tsx b/src/components/jobs/JobDeleteModal.tsx
index 9f621da2..b47cfd1b 100644
--- a/src/components/jobs/JobDeleteModal.tsx
+++ b/src/components/jobs/JobDeleteModal.tsx
@@ -1,94 +1,94 @@
-"use client";
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
-import submit from "../action";
-import Cookies from "js-cookie";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { useState } from "react";
-import { MdDelete } from "react-icons/md";
-import axios from "axios";
-import toast from "react-hot-toast";
-import { deleteEvent } from "@/helpers/api";
-interface Props {
-  jobId: string;
-  eventId: string;
-}
-
-export function JobDeleteModal({ jobId, eventId }: Props) {
-  const [answer, setanswer] = useState<string | null>(null);
-  const [loading, setloading] = useState<boolean>(false);
-  const [open, setopen] = useState<boolean>(false);
-  return (
-    <Dialog open={open}>
-      <DialogTrigger asChild>
-        <div
-          onClick={() => {
-            setopen(true);
-          }}
-        >
-          <MdDelete className="text-white" />
-        </div>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-[425px]">
-        <DialogHeader>
-          <DialogTitle className="text-black">Delete Event</DialogTitle>
-          <DialogDescription>
-            type in <b>Delete</b> to confirm the delete
-          </DialogDescription>
-        </DialogHeader>
-        <div className="grid gap-4">
-          <div className="grid grid-cols-4 items-center gap-4 justify-center !w-full">
-            <Input
-              onChange={(e) => {
-                if (e.target.value != "Delete") {
-                  e.target.classList.add("!ring-red-600");
-                  e.target.classList.remove("!ring-green-600");
-                } else {
-                  e.target.classList.remove("!ring-red-600");
-                  e.target.classList.add("!ring-green-600");
-                }
-                setanswer(e.target.value);
-              }}
-              id="name"
-              className="col-span-3 text-black !w-full"
-            />
-          </div>
-        </div>
-        <DialogFooter>
-          <Button
-            disabled={loading}
-            type="submit"
-            onClick={async () => {
-              if (answer != "Delete") {
-                toast.error("Input Not Matching");
-                return;
-              }
-              setloading(true);
-              try {
-                await deleteEvent(jobId, eventId);
-                submit("AllEvents");
-                setloading(false);
-                setopen(false);
-                toast.success("Event Deleted");
-              } catch (err) {
-                setopen(false);
-                toast.error("Error Deleting Event");
-              }
-            }}
-          >
-            {loading ? "Deleting..." : "Delete Now"}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}
+"use client";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import submit from "../action";
+import Cookies from "js-cookie";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useState } from "react";
+import { MdDelete } from "react-icons/md";
+import axios from "axios";
+import toast from "react-hot-toast";
+import { deleteEvent } from "@/helpers/api";
+interface Props {
+  jobId: string;
+  eventId: string;
+}
+
+export function JobDeleteModal({ jobId, eventId }: Props) {
+  const [answer, setanswer] = useState<string | null>(null);
+  const [loading, setloading] = useState<boolean>(false);
+  const [open, setopen] = useState<boolean>(false);
+  return (
+    <Dialog open={open}>
+      <DialogTrigger asChild>
+        <div
+          onClick={() => {
+            setopen(true);
+          }}
+        >
+          <MdDelete className="text-white" />
+        </div>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle className="text-black">Delete Event</DialogTitle>
+          <DialogDescription>
+            type in <b>Delete</b> to confirm the delete
+          </DialogDescription>
+        </DialogHeader>
+        <div className="grid gap-4">
+          <div className="grid grid-cols-4 items-center gap-4 justify-center !w-full">
+            <Input
+              onChange={(e) => {
+                if (e.target.value != "Delete") {
+                  e.target.classList.add("!ring-red-600");
+                  e.target.classList.remove("!ring-green-600");
+                } else {
+                  e.target.classList.remove("!ring-red-600");
+                  e.target.classList.add("!ring-green-600");
+                }
+                setanswer(e.target.value);
+              }}
+              id="name"
+              className="col-span-3 text-black !w-full"
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <Button
+            disabled={loading}
+            type="submit"
+            onClick={async () => {
+              if (answer != "Delete") {
+                toast.error("Input Not Matching");
+                return;
+              }
+              setloading(true);
+              try {
+                await deleteEvent(jobId, eventId);
+                submit("AllEvents");
+                setloading(false);
+                setopen(false);
+                toast.success("Event Deleted");
+              } catch (err) {
+                setopen(false);
+                toast.error("Error Deleting Event");
+              }
+            }}
+          >
+            {loading ? "Deleting..." : "Delete Now"}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/src/components/jobs/OffCampusCard.tsx b/src/components/jobs/OffCampusCard.tsx
index 3a5eca66..aeba13b6 100644
--- a/src/components/jobs/OffCampusCard.tsx
+++ b/src/components/jobs/OffCampusCard.tsx
@@ -1,61 +1,61 @@
-import React from "react";
-import { Separator } from "../ui/separator";
-import { OffCampusOffer } from "@/helpers/student/types";
-interface Props {
-  jobItem: OffCampusOffer;
-}
-
-const OffCampusCard = ({ jobItem }: Props) => {
-  function formatNumber(num: number): string {
-    if (num >= 1e7) {
-      const crores = num / 1e7;
-      return `₹${crores.toFixed(2)} Crores`;
-    } else if (num >= 1e5) {
-      const lakhs = num / 1e5;
-      return `₹${lakhs.toFixed(2)} Lakhs`;
-    } else {
-      return `₹${num.toString()}`;
-    }
-  }
-
-  return (
-    <div className="">
-      <div className="rounded-xl bg-white text-black p-5">
-        <div className="font-semibold text-md ">{jobItem.company.name}</div>
-        <div className="my-4">
-          <Separator />
-        </div>
-        <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
-            <div>{jobItem.role}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Salary</div>{" "}
-            <div>{formatNumber(jobItem.salary)}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Period</div>{" "}
-            <div>{jobItem.salaryPeriod}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Status</div>{" "}
-            <div>{jobItem.status}</div>
-          </div>
-          <div>
-            <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
-            <div>{jobItem.company.category}</div>
-          </div>
-        </div>
-        <div className="my-4">
-          <Separator />
-        </div>
-        <div className="w-full h-30 border-2 p-2 text-sm">
-          {jobItem.metadata}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default OffCampusCard;
+import React from "react";
+import { Separator } from "../ui/separator";
+import { OffCampusOffer } from "@/helpers/student/types";
+interface Props {
+  jobItem: OffCampusOffer;
+}
+
+const OffCampusCard = ({ jobItem }: Props) => {
+  function formatNumber(num: number): string {
+    if (num >= 1e7) {
+      const crores = num / 1e7;
+      return `₹${crores.toFixed(2)} Crores`;
+    } else if (num >= 1e5) {
+      const lakhs = num / 1e5;
+      return `₹${lakhs.toFixed(2)} Lakhs`;
+    } else {
+      return `₹${num.toString()}`;
+    }
+  }
+
+  return (
+    <div className="">
+      <div className="rounded-xl bg-white text-black p-5">
+        <div className="font-semibold text-md ">{jobItem.company.name}</div>
+        <div className="my-4">
+          <Separator />
+        </div>
+        <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
+            <div>{jobItem.role}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Salary</div>{" "}
+            <div>{formatNumber(jobItem.salary)}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Period</div>{" "}
+            <div>{jobItem.salaryPeriod}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Status</div>{" "}
+            <div>{jobItem.status}</div>
+          </div>
+          <div>
+            <div className="text-gray-500 font-semibold my-2">Category</div>{" "}
+            <div>{jobItem.company.category}</div>
+          </div>
+        </div>
+        <div className="my-4">
+          <Separator />
+        </div>
+        <div className="w-full h-30 border-2 p-2 text-sm">
+          {jobItem.metadata}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default OffCampusCard;
diff --git a/src/components/jobs/OnCampusCard.tsx b/src/components/jobs/OnCampusCard.tsx
index abf40cc0..984a49a0 100644
--- a/src/components/jobs/OnCampusCard.tsx
+++ b/src/components/jobs/OnCampusCard.tsx
@@ -1,124 +1,124 @@
-import React from "react";
-import { Separator } from "../ui/separator";
-import { useState, useEffect } from "react";
-import { OnCampusOffers, Salary } from "@/helpers/student/types";
-import { GetSalaryById } from "@/helpers/student/api";
-import toast from "react-hot-toast";
-import loadingImg from "@/components/Faculty/loadingSpinner.svg";
-interface Props {
-  offerItem: OnCampusOffers;
-  salaryId: string;
-}
-import Loader from "@/components/Loader/loader";
-
-const OnCampusCard = ({ offerItem, salaryId }: Props) => {
-  const [salary, setSalary] = useState<Salary | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchSalary = async () => {
-      try {
-        const data = await GetSalaryById(salaryId);
-        setSalary(data);
-        console.log(data);
-      } catch (error) {
-        toast.error("Error fetching data:");
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    if (salaryId) {
-      fetchSalary();
-    }
-    // setJobs(Jobs);
-  }, [salaryId]);
-
-  function formatNumber(num: number): string {
-    if (num >= 1e7) {
-      const crores = num / 1e7;
-      return `₹${crores.toFixed(2)} Crores`;
-    } else if (num >= 1e5) {
-      const lakhs = num / 1e5;
-      return `₹${lakhs.toFixed(2)} Lakhs`;
-    } else {
-      return `₹${num.toString()}`;
-    }
-  }
-
-  return (
-    <div className="">
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {salary && (
-        <div className="rounded-xl bg-white text-black p-5">
-          <div className="font-semibold text-md ">
-            {offerItem.salary.job.company.name}
-          </div>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
-              <div>{offerItem.salary.job.role}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Status</div>{" "}
-              <div>{offerItem.status}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Period</div>{" "}
-              <div>{salary.salaryPeriod}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">Season</div>{" "}
-              <div>
-                {offerItem.salary.job.season.type}{" "}
-                {offerItem.salary.job.season.year}
-              </div>
-            </div>
-          </div>
-          <div className="my-4">
-            <Separator />
-          </div>
-          <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
-            <div>
-              <div className="text-gray-500 font-semibold my-2">CTC</div>{" "}
-              <div>{formatNumber(salary.totalCTC)}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Base Salary
-              </div>{" "}
-              <div>{formatNumber(salary.baseSalary)}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Take Home Salary
-              </div>{" "}
-              <div>{formatNumber(salary.takeHomeSalary)}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Gross Salary
-              </div>{" "}
-              <div>{formatNumber(salary.grossSalary)}</div>
-            </div>
-            <div>
-              <div className="text-gray-500 font-semibold my-2">
-                Other compensations
-              </div>{" "}
-              <div>{formatNumber(salary.otherCompensations)}</div>
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default OnCampusCard;
+import React from "react";
+import { Separator } from "../ui/separator";
+import { useState, useEffect } from "react";
+import { OnCampusOffers, Salary } from "@/helpers/student/types";
+import { GetSalaryById } from "@/helpers/student/api";
+import toast from "react-hot-toast";
+import loadingImg from "@/components/Faculty/loadingSpinner.svg";
+interface Props {
+  offerItem: OnCampusOffers;
+  salaryId: string;
+}
+import Loader from "@/components/Loader/loader";
+
+const OnCampusCard = ({ offerItem, salaryId }: Props) => {
+  const [salary, setSalary] = useState<Salary | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchSalary = async () => {
+      try {
+        const data = await GetSalaryById(salaryId);
+        setSalary(data);
+        console.log(data);
+      } catch (error) {
+        toast.error("Error fetching data:");
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    if (salaryId) {
+      fetchSalary();
+    }
+    // setJobs(Jobs);
+  }, [salaryId]);
+
+  function formatNumber(num: number): string {
+    if (num >= 1e7) {
+      const crores = num / 1e7;
+      return `₹${crores.toFixed(2)} Crores`;
+    } else if (num >= 1e5) {
+      const lakhs = num / 1e5;
+      return `₹${lakhs.toFixed(2)} Lakhs`;
+    } else {
+      return `₹${num.toString()}`;
+    }
+  }
+
+  return (
+    <div className="">
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {salary && (
+        <div className="rounded-xl bg-white text-black p-5">
+          <div className="font-semibold text-md ">
+            {offerItem.salary.job.company.name}
+          </div>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <div className="grid md:grid-cols-2 lg:grid-cols-4 text-sm mx-2">
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Role</div>{" "}
+              <div>{offerItem.salary.job.role}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Status</div>{" "}
+              <div>{offerItem.status}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Period</div>{" "}
+              <div>{salary.salaryPeriod}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">Season</div>{" "}
+              <div>
+                {offerItem.salary.job.season.type}{" "}
+                {offerItem.salary.job.season.year}
+              </div>
+            </div>
+          </div>
+          <div className="my-4">
+            <Separator />
+          </div>
+          <div className="grid md:grid-cols-2 lg:grid-cols-5 text-sm mx-2">
+            <div>
+              <div className="text-gray-500 font-semibold my-2">CTC</div>{" "}
+              <div>{formatNumber(salary.totalCTC)}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Base Salary
+              </div>{" "}
+              <div>{formatNumber(salary.baseSalary)}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Take Home Salary
+              </div>{" "}
+              <div>{formatNumber(salary.takeHomeSalary)}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Gross Salary
+              </div>{" "}
+              <div>{formatNumber(salary.grossSalary)}</div>
+            </div>
+            <div>
+              <div className="text-gray-500 font-semibold my-2">
+                Other compensations
+              </div>{" "}
+              <div>{formatNumber(salary.otherCompensations)}</div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default OnCampusCard;
diff --git a/src/components/jobs/SalaryCard.tsx b/src/components/jobs/SalaryCard.tsx
index 80808b24..9ba380ab 100644
--- a/src/components/jobs/SalaryCard.tsx
+++ b/src/components/jobs/SalaryCard.tsx
@@ -1,372 +1,372 @@
-"use client";
-import React, { useEffect, useState } from "react";
-import {
-  Table,
-  TableHeader,
-  TableBody,
-  TableHead,
-  TableRow,
-  TableCell,
-} from "@/components/ui/table";
-import { Separator } from "@/components/ui/separator";
-import { Resume, Salary } from "@/helpers/student/types";
-import { ApplyJob, GetSalaryById, OpenResume } from "@/helpers/student/api";
-import { Button } from "../ui/button";
-import toast from "react-hot-toast";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "../ui/select";
-import Link from "next/link";
-import Loader from "@/components/Loader/loader";
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-
-const url = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
-
-interface Props {
-  salaryId: string;
-  resumes: Resume[];
-}
-
-export default function SalaryCard({ salaryId, resumes }: Props) {
-  const [salaryData, setSalaryData] = useState<Salary | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  const fetchSalaryData = async () => {      
-    try {
-      const data = await GetSalaryById(salaryId);
-      setSalaryData(data);
-    } catch (error) {
-      toast.error("Error fetching data:");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    if (salaryData === null) {
-      fetchSalaryData();
-    }
-  });
-
-  const [selectedResume, setSelectedResume] = useState<string | null>(null);
-
-  const handleResumeChange = (value: string) => {
-    setSelectedResume(value);
-  };
-
-  const handleApply = async () => {
-    const data = await ApplyJob(salaryId, selectedResume);
-    if (data) {
-      toast.success("Applied Successfully");
-      fetchSalaryData();
-    } else {
-      toast.error("Cannot Apply");
-    }
-  };
-
-  const handleOpenResume = async (filename: string) => {
-    OpenResume(filename);
-  };
-
-  const [isopen, setIsopen] = useState(false);
-  const handleViewDetails = () => {
-    setIsopen(!isopen);
-  };
-
-  function formatNumber(num: number): string {
-    console.log(num);
-    if (num >= 1e7) {
-      const crores = num / 1e7;
-      return `₹${crores.toFixed(2)} Crores`;
-    } else if (num >= 1e5) {
-      const lakhs = num / 1e5;
-      return `₹${lakhs.toFixed(2)} Lakhs`;
-    } else if (num >= 1e3) {
-      const lakhs = num / 1e3;
-      return `₹${lakhs.toFixed(2)}K`;
-    } else {
-      return `₹${num.toString()}`;
-    }
-  }
-
-  return (
-    <div id="main-container" className="">
-      {loading && (
-        <div className="h-screen w-full flex justify-center items-center">
-          <Loader />
-        </div>
-      )}
-      {salaryData && (
-        <div className="bg-white text-black p-5 rounded-xl">
-          <div
-            className="font-semibold text-md"
-            onClick={handleViewDetails}
-            style={{ cursor: "pointer" }}
-          >
-            <div className="flex justify-between">
-              {salaryData?.job.company.name}
-              {salaryData.job.applications.length > 0 && (
-                <>
-                  <div className=" text-green-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-green-500 text-xs ">
-                    {"Applied"}
-                  </div>
-                </>
-              )}
-            </div>
-          </div>
-          <div className="">
-            <div className="text-gray-500 font-semibold my-2 text-sm">
-              CTC Offered: {formatNumber(salaryData?.totalCTC)}
-            </div>
-          </div>
-
-          <div className="my-4">
-            <Separator />
-          </div>
-
-          <div
-            className="grid md:grid-cols-3 lg:grid-cols-6 text-sm mx-2"
-            onClick={handleViewDetails}
-            style={{ cursor: "pointer" }}
-          >
-            <div>
-              <div className="text-gray-500 font-semibold my-2 pr-2">Role</div>
-              <div className="">{salaryData?.job.role}</div>
-            </div>
-            <div className="md:ml-2 lg:ml-6">
-              <div className="text-gray-500 font-semibold my-2">
-                Base Salary
-              </div>
-              <div>{formatNumber(salaryData?.baseSalary)}</div>
-            </div>
-            <div className="">
-              <div className="text-gray-500 font-semibold my-2">
-                Take Home Salary
-              </div>{" "}
-              <div>{formatNumber(salaryData?.takeHomeSalary)}</div>
-            </div>
-            <div className="">
-              <div className="text-gray-500 font-semibold my-2">
-                Gross Salary
-              </div>{" "}
-              <div>{formatNumber(salaryData?.grossSalary)}</div>
-            </div>
-            <div className="">
-              <div className="text-gray-500 font-semibold my-2">
-                Other Compensations
-              </div>{" "}
-              <div>{formatNumber(salaryData?.otherCompensations)}</div>
-            </div>
-            <div className="">
-              <div className="text-gray-500 font-semibold my-2">Duration</div>{" "}
-              <div>{salaryData.salaryPeriod}</div>
-            </div>
-          </div>
-
-          {isopen && (
-            <>
-              <div className="my-4">
-                <Separator />
-              </div>
-              <div className="my-4 mt-6">
-                <div className="grid md:grid-cols-2 lg:grid-cols-3 text-sm mx-2">
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Selection mode
-                    </div>{" "}
-                    <div>{salaryData.job.selectionProcedure.selectionMode}</div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Shortlist from Resume
-                    </div>{" "}
-                    <div>
-                      {salaryData.job.selectionProcedure.shortlistFromResume
-                        ? "YES"
-                        : "NO"}
-                    </div>
-                  </div>
-                  <div>
-                    <div className="text-gray-500 font-semibold my-2">
-                      Group Discussion
-                    </div>{" "}
-                    <div>
-                      {salaryData.job.selectionProcedure.groupDiscussion
-                        ? "YES"
-                        : "NO"}
-                    </div>
-                  </div>
-                </div>
-                <div className="my-4">
-                  <Separator />
-                </div>
-                <div className="font-semibold text-md mx-2 my-2">
-                  Selection Procedure
-                </div>
-                <h2 className="text-md font-semibold mx-2 mt-8">Tests</h2>
-                <Table className="overflow-hidden">
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead>Sr.</TableHead>
-                      <TableHead>Type</TableHead>
-                      <TableHead>Duration</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {salaryData.job.selectionProcedure.tests.map(
-                      (test, index) => (
-                        <TableRow key={index}>
-                          <TableCell>{index + 1}</TableCell>
-                          <TableCell>{test.type}</TableCell>
-                          <TableCell>{test.duration}</TableCell>
-                        </TableRow>
-                      ),
-                    )}
-                  </TableBody>
-                </Table>
-                <h2 className="text-md font-semibold mx-2 mt-8">Interviews</h2>
-                <Table className="overflow-hidden">
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead>Sr.</TableHead>
-                      <TableHead>Type</TableHead>
-                      <TableHead>Duration</TableHead>
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {salaryData.job.selectionProcedure.interviews.map(
-                      (test, index) => (
-                        <TableRow key={index}>
-                          <TableCell>{index + 1}</TableCell>
-                          <TableCell>{test.type}</TableCell>
-                          <TableCell>{test.duration}</TableCell>
-                        </TableRow>
-                      ),
-                    )}
-                  </TableBody>
-                </Table>
-              </div>
-              <div className="my-4">
-                <Separator />
-              </div>
-
-              <div className="font-semibold text-md mx-2 my-2">Events</div>
-              <Table className="overflow-hidden">
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>Round</TableHead>
-                    <TableHead>Type</TableHead>
-                    <TableHead>Date</TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {salaryData.job.events.map((event, index) => (
-                    <TableRow key={index}>
-                      <TableCell>{event.roundNumber}</TableCell>
-                      <TableCell>{event.type}</TableCell>
-                      <TableCell>{event.startDateTime}</TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
-
-              {salaryData.job.applications.length > 0 && (
-                <>
-                  <div className="my-4">
-                    <Separator />
-                  </div>
-
-                  <div className="font-semibold text-md mx-2 my-2">
-                    Applications
-                  </div>
-                  <Table className="overflow-hidden">
-                    <TableHeader>
-                      <TableRow>
-                        <TableHead>Sr.</TableHead>
-                        <TableHead>Resume</TableHead>
-                        <TableHead>Status</TableHead>
-                      </TableRow>
-                    </TableHeader>
-                    <TableBody>
-                      {salaryData.job.applications.map((application, index) => (
-                        <TableRow key={index}>
-                          <TableCell>{index + 1}</TableCell>
-                          <TableCell>
-                          <div
-                            className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
-                            onClick={() => handleOpenResume(application.resume.filepath)}
-                          >
-                            {application.resume.filepath}
-                          </div>
-                          </TableCell>
-                          <TableCell>
-                            {application.resume.verified
-                              ? "Verified"
-                              : "Not Verified"}
-                          </TableCell>
-                        </TableRow>
-                      ))}
-                    </TableBody>
-                  </Table>
-                </>
-              )}
-
-              <div className="flex justify-between my-3">
-                <Button disabled={!selectedResume} onClick={handleApply}>
-                  Apply
-                </Button>
-                <Select
-                  value={selectedResume || ""}
-                  onValueChange={handleResumeChange}
-                >
-                  <SelectTrigger className="w-[180px]">
-                    <SelectValue placeholder="Select a Resume" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectGroup>
-                      {resumes &&
-                        resumes.map((resume) => (
-                          <SelectItem key={resume.id} value={resume.id}>
-                            {resume.verified ? (
-                              <span
-                                style={{
-                                  display: "flex",
-                                  alignItems: "center",
-                                }}
-                              >
-                                {resume.name}
-                                <svg
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  x="0px"
-                                  y="0px"
-                                  width="20"
-                                  height="20"
-                                  viewBox="0 0 24 24"
-                                  style={{ fill: "#40C057", marginLeft: 5 }}
-                                >
-                                  <path d="M 12 2 C 6.486 2 2 6.486 2 12 C 2 17.514 6.486 22 12 22 C 17.514 22 22 17.514 22 12 C 22 10.874 21.803984 9.7942031 21.458984 8.7832031 L 19.839844 10.402344 C 19.944844 10.918344 20 11.453 20 12 C 20 16.411 16.411 20 12 20 C 7.589 20 4 16.411 4 12 C 4 7.589 7.589 4 12 4 C 13.633 4 15.151922 4.4938906 16.419922 5.3378906 L 17.851562 3.90625 C 16.203562 2.71225 14.185 2 12 2 z M 21.292969 3.2929688 L 11 13.585938 L 7.7070312 10.292969 L 6.2929688 11.707031 L 11 16.414062 L 22.707031 4.7070312 L 21.292969 3.2929688 z"></path>
-                                </svg>
-                              </span>
-                            ) : (
-                              resume.name
-                            )}
-                          </SelectItem>
-                        ))}
-                    </SelectGroup>
-                  </SelectContent>
-                </Select>
-              </div>
-            </>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
+"use client";
+import React, { useEffect, useState } from "react";
+import {
+  Table,
+  TableHeader,
+  TableBody,
+  TableHead,
+  TableRow,
+  TableCell,
+} from "@/components/ui/table";
+import { Separator } from "@/components/ui/separator";
+import { Resume, Salary } from "@/helpers/student/types";
+import { ApplyJob, GetSalaryById, OpenResume } from "@/helpers/student/api";
+import { Button } from "../ui/button";
+import toast from "react-hot-toast";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "../ui/select";
+import Link from "next/link";
+import Loader from "@/components/Loader/loader";
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+
+const url = (NextUrl: string) => {
+  return `${baseUrl}/api/v1${NextUrl}`;
+};
+
+interface Props {
+  salaryId: string;
+  resumes: Resume[];
+}
+
+export default function SalaryCard({ salaryId, resumes }: Props) {
+  const [salaryData, setSalaryData] = useState<Salary | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  const fetchSalaryData = async () => {      
+    try {
+      const data = await GetSalaryById(salaryId);
+      setSalaryData(data);
+    } catch (error) {
+      toast.error("Error fetching data:");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (salaryData === null) {
+      fetchSalaryData();
+    }
+  });
+
+  const [selectedResume, setSelectedResume] = useState<string | null>(null);
+
+  const handleResumeChange = (value: string) => {
+    setSelectedResume(value);
+  };
+
+  const handleApply = async () => {
+    const data = await ApplyJob(salaryId, selectedResume);
+    if (data) {
+      toast.success("Applied Successfully");
+      fetchSalaryData();
+    } else {
+      toast.error("Cannot Apply");
+    }
+  };
+
+  const handleOpenResume = async (filename: string) => {
+    OpenResume(filename);
+  };
+
+  const [isopen, setIsopen] = useState(false);
+  const handleViewDetails = () => {
+    setIsopen(!isopen);
+  };
+
+  function formatNumber(num: number): string {
+    console.log(num);
+    if (num >= 1e7) {
+      const crores = num / 1e7;
+      return `₹${crores.toFixed(2)} Crores`;
+    } else if (num >= 1e5) {
+      const lakhs = num / 1e5;
+      return `₹${lakhs.toFixed(2)} Lakhs`;
+    } else if (num >= 1e3) {
+      const lakhs = num / 1e3;
+      return `₹${lakhs.toFixed(2)}K`;
+    } else {
+      return `₹${num.toString()}`;
+    }
+  }
+
+  return (
+    <div id="main-container" className="">
+      {loading && (
+        <div className="h-screen w-full flex justify-center items-center">
+          <Loader />
+        </div>
+      )}
+      {salaryData && (
+        <div className="bg-white text-black p-5 rounded-xl">
+          <div
+            className="font-semibold text-md"
+            onClick={handleViewDetails}
+            style={{ cursor: "pointer" }}
+          >
+            <div className="flex justify-between">
+              {salaryData?.job.company.name}
+              {salaryData.job.applications.length > 0 && (
+                <>
+                  <div className=" text-green-500 font-semibold px-2 py-1 border rounded-3xl inline-block border-green-500 text-xs ">
+                    {"Applied"}
+                  </div>
+                </>
+              )}
+            </div>
+          </div>
+          <div className="">
+            <div className="text-gray-500 font-semibold my-2 text-sm">
+              CTC Offered: {formatNumber(salaryData?.totalCTC)}
+            </div>
+          </div>
+
+          <div className="my-4">
+            <Separator />
+          </div>
+
+          <div
+            className="grid md:grid-cols-3 lg:grid-cols-6 text-sm mx-2"
+            onClick={handleViewDetails}
+            style={{ cursor: "pointer" }}
+          >
+            <div>
+              <div className="text-gray-500 font-semibold my-2 pr-2">Role</div>
+              <div className="">{salaryData?.job.role}</div>
+            </div>
+            <div className="md:ml-2 lg:ml-6">
+              <div className="text-gray-500 font-semibold my-2">
+                Base Salary
+              </div>
+              <div>{formatNumber(salaryData?.baseSalary)}</div>
+            </div>
+            <div className="">
+              <div className="text-gray-500 font-semibold my-2">
+                Take Home Salary
+              </div>{" "}
+              <div>{formatNumber(salaryData?.takeHomeSalary)}</div>
+            </div>
+            <div className="">
+              <div className="text-gray-500 font-semibold my-2">
+                Gross Salary
+              </div>{" "}
+              <div>{formatNumber(salaryData?.grossSalary)}</div>
+            </div>
+            <div className="">
+              <div className="text-gray-500 font-semibold my-2">
+                Other Compensations
+              </div>{" "}
+              <div>{formatNumber(salaryData?.otherCompensations)}</div>
+            </div>
+            <div className="">
+              <div className="text-gray-500 font-semibold my-2">Duration</div>{" "}
+              <div>{salaryData.salaryPeriod}</div>
+            </div>
+          </div>
+
+          {isopen && (
+            <>
+              <div className="my-4">
+                <Separator />
+              </div>
+              <div className="my-4 mt-6">
+                <div className="grid md:grid-cols-2 lg:grid-cols-3 text-sm mx-2">
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Selection mode
+                    </div>{" "}
+                    <div>{salaryData.job.selectionProcedure.selectionMode}</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Shortlist from Resume
+                    </div>{" "}
+                    <div>
+                      {salaryData.job.selectionProcedure.shortlistFromResume
+                        ? "YES"
+                        : "NO"}
+                    </div>
+                  </div>
+                  <div>
+                    <div className="text-gray-500 font-semibold my-2">
+                      Group Discussion
+                    </div>{" "}
+                    <div>
+                      {salaryData.job.selectionProcedure.groupDiscussion
+                        ? "YES"
+                        : "NO"}
+                    </div>
+                  </div>
+                </div>
+                <div className="my-4">
+                  <Separator />
+                </div>
+                <div className="font-semibold text-md mx-2 my-2">
+                  Selection Procedure
+                </div>
+                <h2 className="text-md font-semibold mx-2 mt-8">Tests</h2>
+                <Table className="overflow-hidden">
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>Sr.</TableHead>
+                      <TableHead>Type</TableHead>
+                      <TableHead>Duration</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {salaryData.job.selectionProcedure.tests.map(
+                      (test, index) => (
+                        <TableRow key={index}>
+                          <TableCell>{index + 1}</TableCell>
+                          <TableCell>{test.type}</TableCell>
+                          <TableCell>{test.duration}</TableCell>
+                        </TableRow>
+                      ),
+                    )}
+                  </TableBody>
+                </Table>
+                <h2 className="text-md font-semibold mx-2 mt-8">Interviews</h2>
+                <Table className="overflow-hidden">
+                  <TableHeader>
+                    <TableRow>
+                      <TableHead>Sr.</TableHead>
+                      <TableHead>Type</TableHead>
+                      <TableHead>Duration</TableHead>
+                    </TableRow>
+                  </TableHeader>
+                  <TableBody>
+                    {salaryData.job.selectionProcedure.interviews.map(
+                      (test, index) => (
+                        <TableRow key={index}>
+                          <TableCell>{index + 1}</TableCell>
+                          <TableCell>{test.type}</TableCell>
+                          <TableCell>{test.duration}</TableCell>
+                        </TableRow>
+                      ),
+                    )}
+                  </TableBody>
+                </Table>
+              </div>
+              <div className="my-4">
+                <Separator />
+              </div>
+
+              <div className="font-semibold text-md mx-2 my-2">Events</div>
+              <Table className="overflow-hidden">
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Round</TableHead>
+                    <TableHead>Type</TableHead>
+                    <TableHead>Date</TableHead>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {salaryData.job.events.map((event, index) => (
+                    <TableRow key={index}>
+                      <TableCell>{event.roundNumber}</TableCell>
+                      <TableCell>{event.type}</TableCell>
+                      <TableCell>{event.startDateTime}</TableCell>
+                    </TableRow>
+                  ))}
+                </TableBody>
+              </Table>
+
+              {salaryData.job.applications.length > 0 && (
+                <>
+                  <div className="my-4">
+                    <Separator />
+                  </div>
+
+                  <div className="font-semibold text-md mx-2 my-2">
+                    Applications
+                  </div>
+                  <Table className="overflow-hidden">
+                    <TableHeader>
+                      <TableRow>
+                        <TableHead>Sr.</TableHead>
+                        <TableHead>Resume</TableHead>
+                        <TableHead>Status</TableHead>
+                      </TableRow>
+                    </TableHeader>
+                    <TableBody>
+                      {salaryData.job.applications.map((application, index) => (
+                        <TableRow key={index}>
+                          <TableCell>{index + 1}</TableCell>
+                          <TableCell>
+                          <div
+                            className="my-1 p-2 text-blue-500 font-semibold cursor-pointer hover:text-blue-600 transition-all fade-in-out"
+                            onClick={() => handleOpenResume(application.resume.filepath)}
+                          >
+                            {application.resume.filepath}
+                          </div>
+                          </TableCell>
+                          <TableCell>
+                            {application.resume.verified
+                              ? "Verified"
+                              : "Not Verified"}
+                          </TableCell>
+                        </TableRow>
+                      ))}
+                    </TableBody>
+                  </Table>
+                </>
+              )}
+
+              <div className="flex justify-between my-3">
+                <Button disabled={!selectedResume} onClick={handleApply}>
+                  Apply
+                </Button>
+                <Select
+                  value={selectedResume || ""}
+                  onValueChange={handleResumeChange}
+                >
+                  <SelectTrigger className="w-[180px]">
+                    <SelectValue placeholder="Select a Resume" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectGroup>
+                      {resumes &&
+                        resumes.map((resume) => (
+                          <SelectItem key={resume.id} value={resume.id}>
+                            {resume.verified ? (
+                              <span
+                                style={{
+                                  display: "flex",
+                                  alignItems: "center",
+                                }}
+                              >
+                                {resume.name}
+                                <svg
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  x="0px"
+                                  y="0px"
+                                  width="20"
+                                  height="20"
+                                  viewBox="0 0 24 24"
+                                  style={{ fill: "#40C057", marginLeft: 5 }}
+                                >
+                                  <path d="M 12 2 C 6.486 2 2 6.486 2 12 C 2 17.514 6.486 22 12 22 C 17.514 22 22 17.514 22 12 C 22 10.874 21.803984 9.7942031 21.458984 8.7832031 L 19.839844 10.402344 C 19.944844 10.918344 20 11.453 20 12 C 20 16.411 16.411 20 12 20 C 7.589 20 4 16.411 4 12 C 4 7.589 7.589 4 12 4 C 13.633 4 15.151922 4.4938906 16.419922 5.3378906 L 17.851562 3.90625 C 16.203562 2.71225 14.185 2 12 2 z M 21.292969 3.2929688 L 11 13.585938 L 7.7070312 10.292969 L 6.2929688 11.707031 L 11 16.414062 L 22.707031 4.7070312 L 21.292969 3.2929688 z"></path>
+                                </svg>
+                              </span>
+                            ) : (
+                              resume.name
+                            )}
+                          </SelectItem>
+                        ))}
+                    </SelectGroup>
+                  </SelectContent>
+                </Select>
+              </div>
+            </>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/loginForms/googleLogin.tsx b/src/components/loginForms/googleLogin.tsx
index 65bc86a2..43013ea6 100644
--- a/src/components/loginForms/googleLogin.tsx
+++ b/src/components/loginForms/googleLogin.tsx
@@ -1,35 +1,35 @@
-import React from "react";
-import GoogleButton from "react-google-button";
-import { googleLoginURL } from "@/helpers/googleAuth";
-import googleLogo from "@/../public/google_icon.svg";
-
-const GoogleLoginButton = ({ onClick }) => {
-  return (
-    <button
-      className="bg-white h-2rem pl-2 pr-4 flex items-center border-2 border-gray-200 rounded-xl hover:shadow-inner transition-shadow"
-      onClick={onClick}
-    >
-      <img
-        src={googleLogo.src}
-        alt=""
-        className="aspect-square h-12 float-left"
-      />
-      Login With google
-    </button>
-  );
-};
-
-const GoogleLogin = () => {
-  const loginURL = googleLoginURL();
-  return (
-    <div>
-      <GoogleLoginButton
-        onClick={() => {
-          window.location.href = loginURL;
-        }}
-      />
-    </div>
-  );
-};
-
-export default GoogleLogin;
+import React from "react";
+import GoogleButton from "react-google-button";
+import { googleLoginURL } from "@/helpers/googleAuth";
+import googleLogo from "@/../public/google_icon.svg";
+
+const GoogleLoginButton = ({ onClick }) => {
+  return (
+    <button
+      className="bg-white h-2rem pl-2 pr-4 flex items-center border-2 border-gray-200 rounded-xl hover:shadow-inner transition-shadow"
+      onClick={onClick}
+    >
+      <img
+        src={googleLogo.src}
+        alt=""
+        className="aspect-square h-12 float-left"
+      />
+      Login With google
+    </button>
+  );
+};
+
+const GoogleLogin = () => {
+  const loginURL = googleLoginURL();
+  return (
+    <div>
+      <GoogleLoginButton
+        onClick={() => {
+          window.location.href = loginURL;
+        }}
+      />
+    </div>
+  );
+};
+
+export default GoogleLogin;
diff --git a/src/components/loginForms/loginForm.tsx b/src/components/loginForms/loginForm.tsx
index 0bab5c0a..69a8a92b 100644
--- a/src/components/loginForms/loginForm.tsx
+++ b/src/components/loginForms/loginForm.tsx
@@ -1,90 +1,90 @@
-//this will be used to create the login page.
-"use client";
-import React, { useState } from "react";
-import toast, { Toaster } from "react-hot-toast";
-import { useRouter } from "next/navigation";
-import GoogleLogin from "./googleLogin";
-import { LoginWithEmail } from "@/components/loginForms/loginWithEmail";
-import { login } from "@/helpers/api";
-
-const LoginForm = () => {
-  const [email, setemail] = useState<string | null>(null);
-  const [role, setrole] = useState<string | null>("STUDENT");
-  const router = useRouter();
-  return (
-    <>
-      <div className="overflow-auto rounded-md max-h-[90vh] container max-w-screen shadow-lg text-black">
-        <div>
-          <div className="bg-white p-4 px-4 md:p-8 rounded-md">
-            <div className="w-full">
-              <div className="lg:col-span-2 w-full">
-                <div className="my-2 w-full h-max">
-                  <div className="mb-4">
-                    <div className="md:col-span-5">
-                      <input
-                        type="text"
-                        name="email"
-                        id="email"
-                        className="h-10 border mt-1 rounded px-4 w-full bg-gray-50"
-                        placeholder="email@domain.com"
-                        required={true}
-                        onChange={(e) => {
-                          setemail(e?.target?.value);
-                        }}
-                      />
-                    </div>
-                    <div className="md:col-span-5">
-                      <select
-                        name="role"
-                        id="role"
-                        className="h-10 border mt-1 rounded px-4 w-full bg-gray-50"
-                        required={true}
-                        onChange={(e) => {
-                          setrole(e?.target?.value);
-                        }}
-                      >
-                        <option>Student</option>
-                        <option>Faculty</option>
-                        <option>Recruiter</option>
-                        <option>Manager</option>
-                        <option>Admin</option>
-                      </select>
-                    </div>
-                  </div>
-
-                  <div className="md:col-span-5 text-right">
-                    <div className="items-center flex justify-center flex-col gap-4">
-                      <button
-                        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
-                        onClick={async () => {
-                          if (email == null || email.length == 0) {
-                            toast.error("Email is required");
-                            return;
-                          }
-                          try {
-                            await login(email, role);
-                          } catch (err) {
-                            alert(err);
-                            toast.error("Some error occurred");
-                          }
-                        }}
-                      >
-                        Request Access
-                      </button>
-                      <div className="flex flex-row gap-4">
-                        <LoginWithEmail email={email} />
-                        <GoogleLogin />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default LoginForm;
+//this will be used to create the login page.
+"use client";
+import React, { useState } from "react";
+import toast, { Toaster } from "react-hot-toast";
+import { useRouter } from "next/navigation";
+import GoogleLogin from "./googleLogin";
+import { LoginWithEmail } from "@/components/loginForms/loginWithEmail";
+import { login } from "@/helpers/api";
+
+const LoginForm = () => {
+  const [email, setemail] = useState<string | null>(null);
+  const [role, setrole] = useState<string | null>("STUDENT");
+  const router = useRouter();
+  return (
+    <>
+      <div className="overflow-auto rounded-md max-h-[90vh] container max-w-screen shadow-lg text-black">
+        <div>
+          <div className="bg-white p-4 px-4 md:p-8 rounded-md">
+            <div className="w-full">
+              <div className="lg:col-span-2 w-full">
+                <div className="my-2 w-full h-max">
+                  <div className="mb-4">
+                    <div className="md:col-span-5">
+                      <input
+                        type="text"
+                        name="email"
+                        id="email"
+                        className="h-10 border mt-1 rounded px-4 w-full bg-gray-50"
+                        placeholder="email@domain.com"
+                        required={true}
+                        onChange={(e) => {
+                          setemail(e?.target?.value);
+                        }}
+                      />
+                    </div>
+                    <div className="md:col-span-5">
+                      <select
+                        name="role"
+                        id="role"
+                        className="h-10 border mt-1 rounded px-4 w-full bg-gray-50"
+                        required={true}
+                        onChange={(e) => {
+                          setrole(e?.target?.value);
+                        }}
+                      >
+                        <option>Student</option>
+                        <option>Faculty</option>
+                        <option>Recruiter</option>
+                        <option>Manager</option>
+                        <option>Admin</option>
+                      </select>
+                    </div>
+                  </div>
+
+                  <div className="md:col-span-5 text-right">
+                    <div className="items-center flex justify-center flex-col gap-4">
+                      <button
+                        className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+                        onClick={async () => {
+                          if (email == null || email.length == 0) {
+                            toast.error("Email is required");
+                            return;
+                          }
+                          try {
+                            await login(email, role);
+                          } catch (err) {
+                            alert(err);
+                            toast.error("Some error occurred");
+                          }
+                        }}
+                      >
+                        Request Access
+                      </button>
+                      <div className="flex flex-row gap-4">
+                        <LoginWithEmail email={email} />
+                        <GoogleLogin />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default LoginForm;
diff --git a/src/components/loginForms/loginModal.tsx b/src/components/loginForms/loginModal.tsx
index c46d7d3b..02303b6b 100644
--- a/src/components/loginForms/loginModal.tsx
+++ b/src/components/loginForms/loginModal.tsx
@@ -1,30 +1,30 @@
-//this will be used to create the login modal.
-"use client";
-
-import React from "react";
-import LoginForm from "@/components/loginForms/loginForm";
-import { useRouter } from "next/navigation";
-
-const LoginModal = () => {
-  const router = useRouter();
-
-  return (
-    <div
-      onClick={(e) => {
-        router.back();
-      }}
-      className="flex align-middle justify-center absolute h-full w-full z-40 bg-white/30 backdrop-blur-sm"
-    >
-      <div
-        className="h-fit mt-5 sm:my-auto"
-        onClick={(e) => {
-          e.stopPropagation();
-        }}
-      >
-        <LoginForm />
-      </div>
-    </div>
-  );
-};
-
-export default LoginModal;
+//this will be used to create the login modal.
+"use client";
+
+import React from "react";
+import LoginForm from "@/components/loginForms/loginForm";
+import { useRouter } from "next/navigation";
+
+const LoginModal = () => {
+  const router = useRouter();
+
+  return (
+    <div
+      onClick={(e) => {
+        router.back();
+      }}
+      className="flex align-middle justify-center absolute h-full w-full z-40 bg-white/30 backdrop-blur-sm"
+    >
+      <div
+        className="h-fit mt-5 sm:my-auto"
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
+      >
+        <LoginForm />
+      </div>
+    </div>
+  );
+};
+
+export default LoginModal;
diff --git a/src/components/loginForms/loginWithEmail.tsx b/src/components/loginForms/loginWithEmail.tsx
index 28aadaad..d66af9bf 100644
--- a/src/components/loginForms/loginWithEmail.tsx
+++ b/src/components/loginForms/loginWithEmail.tsx
@@ -1,41 +1,41 @@
-import React from "react";
-import LockImg from "@/../public/icons/lock.svg";
-import toast from "react-hot-toast";
-import { loginWithEmail } from "@/helpers/api";
-export const LoginWithEmail = (params: { email: string }) => {
-  const onClick = async () => {
-    try {
-      const { email } = params;
-      console.log(email);
-      const response = await loginWithEmail(email);
-      
-
-      if (response) {
-        toast.success("Email has been sent");
-      } else {
-        toast.error("Cannot login");
-      }
-
-      return response;
-    } catch (error) {
-      toast.error("An error occurred while sending the email");
-      return false;
-    }
-  };
-
-  return (
-    <>
-      <div>
-        <button
-          className="bg-white h-2rem px-4 py-2 flex items-center border-2 border-gray-200 rounded-xl hover:shadow-inner transition-shadow"
-          onClick={onClick}
-        >
-          <span>
-            <img src={LockImg.src} className="h-8 mr-1" alt="" />
-          </span>
-          Login With Email
-        </button>
-      </div>
-    </>
-  );
-};
+import React from "react";
+import LockImg from "@/../public/icons/lock.svg";
+import toast from "react-hot-toast";
+import { loginWithEmail } from "@/helpers/api";
+export const LoginWithEmail = (params: { email: string }) => {
+  const onClick = async () => {
+    try {
+      const { email } = params;
+      console.log(email);
+      const response = await loginWithEmail(email);
+      
+
+      if (response) {
+        toast.success("Email has been sent");
+      } else {
+        toast.error("Cannot login");
+      }
+
+      return response;
+    } catch (error) {
+      toast.error("An error occurred while sending the email");
+      return false;
+    }
+  };
+
+  return (
+    <>
+      <div>
+        <button
+          className="bg-white h-2rem px-4 py-2 flex items-center border-2 border-gray-200 rounded-xl hover:shadow-inner transition-shadow"
+          onClick={onClick}
+        >
+          <span>
+            <img src={LockImg.src} className="h-8 mr-1" alt="" />
+          </span>
+          Login With Email
+        </button>
+      </div>
+    </>
+  );
+};
diff --git a/src/components/loginForms/recruiterSignup.tsx b/src/components/loginForms/recruiterSignup.tsx
new file mode 100644
index 00000000..896fe345
--- /dev/null
+++ b/src/components/loginForms/recruiterSignup.tsx
@@ -0,0 +1,441 @@
+"use client";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+} from "@/components/ui/card";
+import { Label } from "@/components/ui/label";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+  SelectGroup,
+} from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
+import Collapsible from "@/components/ui/collapsible";
+import {
+  getCompanies,
+  postCompany,
+  signupRecruiter,
+} from "@/helpers/recruiter/signup";
+import { getJafDetails } from "@/helpers/recruiter/api";
+import toast from "react-hot-toast";
+
+import { useEffect, useState } from "react";
+import { CompanyPostFC, JAFdetailsFC } from "@/helpers/recruiter/types";
+import { MultiSelect } from "../ui/multiselect";
+import Loader from "../Loader/loader";
+
+export const RecruiterForm = ({
+  formData,
+  setFormData,
+}: {
+  formData: CompanyPostFC;
+  setFormData: (data: any) => void;
+}) => {
+  const [jaf, setjaf] = useState<JAFdetailsFC>(null);
+  const [loading, setLoading] = useState(true);
+
+  const handleChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,
+  ) => {
+    const { id, value } = e.currentTarget;
+    setFormData((prevState) => ({
+      ...prevState,
+      [id]: value,
+    }));
+  };
+
+  const handleAdressChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,
+  ) => {
+    const { id, value } = e.currentTarget;
+    setFormData((prevState) => ({
+      ...prevState,
+      address: {
+        ...prevState.address,
+        [id]: value,
+      },
+    }));
+  };
+
+  useEffect(() => {
+    getJafDetails().then((data) => {
+      setjaf(data);
+      setLoading(false);
+    });
+  }, []);
+
+  return (
+    <>
+      {loading && <Loader />}
+      {jaf && (
+        <div className="p-1">
+          <div className="space-y-4">
+            <div className="grid gap-2">
+              <Label htmlFor="companyName">Company Name</Label>
+              <Input
+                id="name"
+                placeholder="Enter company name"
+                value={formData.name}
+                onChange={handleChange}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="category">Category</Label>
+              <Select
+                value={formData.category}
+                onValueChange={(e) => {
+                  setFormData((prev) => ({ ...prev, category: e }));
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="Select category" />
+                </SelectTrigger>
+                <SelectContent>
+                  {["PUBLIC", "GOVERNMENT", "PSU", "MNC"].map((category) => (
+                    <SelectItem key={category} value={category}>
+                      {category}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="grid gap-2">
+                <Label htmlFor="yearEstablished">Year of Establishment</Label>
+                <Input
+                  id="yearOfEstablishment"
+                  type="number"
+                  placeholder="Enter year"
+                  value={formData.yearOfEstablishment}
+                  onChange={handleChange}
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="website">Website</Label>
+                <Input
+                  id="website"
+                  type="url"
+                  placeholder="Enter website URL"
+                  value={formData.website}
+                  onChange={handleChange}
+                />
+              </div>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="grid gap-2">
+                <Label htmlFor="companySize">Company Size</Label>
+                <Input
+                  id="size"
+                  value={formData.size}
+                  onChange={handleChange}
+                ></Input>
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="annualTurnover">Annual Turnover</Label>
+                <Input
+                  id="annualTurnover"
+                  type="number"
+                  placeholder="Enter turnover"
+                  value={formData.annualTurnover}
+                  onChange={handleChange}
+                />
+              </div>
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="grid gap-2">
+                <Label htmlFor="socialMedia">Social Media Link</Label>
+                <Input
+                  id="socialMediaLink"
+                  type="url"
+                  placeholder="Enter social media link"
+                  value={formData.socialMediaLink}
+                  onChange={handleChange}
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="domains">Domains</Label>
+                <MultiSelect
+                  formData={formData.domains}
+                  givenOptions={jaf.domains}
+                  setFormData={(e) => {
+                    setFormData((prev) => ({ ...prev, domains: e }));
+                  }}
+                />
+              </div>
+            </div>
+          </div>
+          <div className="space-y-4">
+            <div className="grid gap-2">
+              <Label htmlFor="addressLine1">Address Line 1</Label>
+              <Input
+                id="line1"
+                placeholder="Enter address"
+                value={formData.address.line1}
+                onChange={handleAdressChange}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="addressLine2">Address Line 2 (optional)</Label>
+              <Input
+                id="line2"
+                placeholder="Enter additional address"
+                value={formData.address.line2}
+                onChange={handleAdressChange}
+              />
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="grid gap-2">
+                <Label htmlFor="city">City</Label>
+                <Input
+                  id="city"
+                  placeholder="Enter city"
+                  value={formData.address.city}
+                  onChange={handleAdressChange}
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="state">State</Label>
+                <Input
+                  id="state"
+                  placeholder="Enter state"
+                  value={formData.address.state}
+                  onChange={handleAdressChange}
+                />
+              </div>
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="country">Country</Label>
+              <Select
+                value={formData.address.country}
+                onValueChange={(e) => {
+                  setFormData((prev) => ({
+                    ...prev,
+                    address: { ...prev.address, country: e },
+                  }));
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder="Select country" />
+                </SelectTrigger>
+                <SelectContent>
+                  {jaf.countries.map((country) => (
+                    <SelectItem key={country} value={country}>
+                      {country}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default function RecruiterSignup() {
+  const [companies, setCompanies] = useState([]);
+  const [createCompany, setCreateCompany] = useState(false);
+
+  const [compantFormData, setCompanyFormData] = useState<CompanyPostFC>({
+    name: "",
+    category: "",
+    yearOfEstablishment: "",
+    website: "",
+    size: 0,
+    annualTurnover: "",
+    socialMediaLink: "",
+    domains: [],
+    address: {
+      line1: "",
+      line2: "",
+      city: "",
+      state: "",
+      country: "",
+    },
+  });
+
+  const [formData, setFormData] = useState({
+    user: { name: "", email: "", contact: "" },
+    companyId: "",
+    designation: "",
+    landline: "",
+  });
+
+  useEffect(() => {
+    getCompanies().then((data) => {
+      setCompanies(data);
+    });
+  }, []);
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData((prevFormData) => ({
+      ...prevFormData,
+      [name]: value,
+    }));
+  };
+
+  const handleUserInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormData((prevFormData) => ({
+      ...prevFormData,
+      user: { ...prevFormData.user, [name]: value },
+    }));
+  };
+
+  const handleSubmit = () => {
+    console.log(compantFormData);
+    if (createCompany) {
+      postCompany(compantFormData).then((data) => {
+        console.log(data);
+        setFormData((prev) => ({ ...prev, companyId: data[0] }));
+      });
+    }
+    signupRecruiter(formData).then((data) => {
+      console.log(data);
+      toast.success("Recruiter registered successfully");
+    });
+  };
+
+  return (
+    <Card className="w-full max-w-4xl mx-auto">
+      <CardHeader>
+        <CardTitle className="text-3xl font-bold">
+          Recruiter Registration
+        </CardTitle>
+        <CardDescription>Fill in the details to register.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <div className="space-y-4">
+            <div className="grid gap-2">
+              <Label htmlFor="recruiter-name">Name</Label>
+              <Input
+                id="recruiter-name"
+                name="name"
+                placeholder="Enter name"
+                value={formData.user.name}
+                onChange={handleUserInputChange}
+              />
+            </div>
+            {createCompany || (
+              <div className="grid gap-2">
+                <Label htmlFor="recruiter-name">Company</Label>
+                <Select
+                  defaultValue="Select company"
+                  onValueChange={(e) => {
+                    setFormData((prev) => ({ ...prev, companyId: e }));
+                  }}
+                >
+                  <SelectTrigger>
+                    <SelectValue>
+                      {formData.companyId ? (
+                        companies.find(
+                          (company) => company.id === formData.companyId,
+                        )?.name
+                      ) : (
+                        <span>Select Company</span>
+                      )}
+                    </SelectValue>
+                  </SelectTrigger>
+                  <SelectContent>
+                    {companies.map((company) => (
+                      <SelectItem key={company.id} value={company.id}>
+                        {company.name}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+                <Button
+                  onClick={(e) => {
+                    e.preventDefault();
+                    if (formData.companyId) {
+                      setFormData((prev) => ({ ...prev, companyId: "" }));
+                    } else {
+                      setCreateCompany(true);
+                    }
+                  }}
+                  variant={formData.companyId ? "destructive" : "default"}
+                >
+                  {formData.companyId ? "Clear" : "Create Company"}
+                </Button>
+              </div>
+            )}
+
+            <div className="grid gap-2">
+              <Label htmlFor="recruiter-email">Email</Label>
+              <Input
+                id="recruiter-email"
+                name="email"
+                type="email"
+                placeholder="Enter email"
+                value={formData.user.email}
+                onChange={handleUserInputChange}
+              />
+            </div>
+            <div className="grid grid-cols-2 gap-4">
+              <div className="grid gap-2">
+                <Label htmlFor="recruiter-contact">Contact</Label>
+                <Input
+                  id="recruiter-contact"
+                  name="contact"
+                  type="tel"
+                  placeholder="Enter contact"
+                  value={formData.user.contact}
+                  onChange={handleUserInputChange}
+                />
+              </div>
+              <div className="grid gap-2">
+                <Label htmlFor="recruiter-designation">Designation</Label>
+                <Input
+                  id="recruiter-designation"
+                  name="designation"
+                  placeholder="Enter designation"
+                  value={formData.designation}
+                  onChange={handleInputChange}
+                />
+              </div>
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="recruiter-landline">Landline (optional)</Label>
+              <Input
+                id="recruiter-landline"
+                name="landline"
+                type="tel"
+                placeholder="Enter landline"
+                value={formData.landline}
+                onChange={handleInputChange}
+              />
+            </div>
+          </div>
+          <div>
+            {createCompany && (
+              <Collapsible title="Create Company" defaultexpanded={true}>
+                <RecruiterForm
+                  formData={compantFormData}
+                  setFormData={setCompanyFormData}
+                />
+              </Collapsible>
+            )}
+          </div>
+        </form>
+      </CardContent>
+      <CardFooter>
+        <div className="flex justify-end">
+          <Button type="submit" onClick={handleSubmit}>
+            Sign Up
+          </Button>
+        </div>
+      </CardFooter>
+    </Card>
+  );
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 1ee8036e..9c1877b2 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -1,58 +1,58 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-gray-950 dark:focus-visible:ring-gray-300",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-gray-900 text-gray-50 hover:bg-gray-900/90 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90",
-        destructive:
-          "bg-red-500 text-gray-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-gray-50 dark:hover:bg-red-900/90",
-        outline:
-          "border border-gray-200 bg-white hover:bg-gray-100 hover:text-gray-900 dark:border-gray-800 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50",
-        secondary:
-          "bg-gray-100 text-gray-900 hover:bg-gray-100/80 dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-800/80",
-        ghost:
-          "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-50",
-        link: "text-gray-900 underline-offset-4 hover:underline dark:text-gray-50",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-gray-950 dark:focus-visible:ring-gray-300",
+  {
+    variants: {
+      variant: {
+        default:
+          "bg-gray-900 text-gray-50 hover:bg-gray-900/90 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90",
+        destructive:
+          "bg-red-500 text-gray-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-gray-50 dark:hover:bg-red-900/90",
+        outline:
+          "border border-gray-200 bg-white hover:bg-gray-100 hover:text-gray-900 dark:border-gray-800 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+        secondary:
+          "bg-gray-100 text-gray-900 hover:bg-gray-100/80 dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-800/80",
+        ghost:
+          "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-50",
+        link: "text-gray-900 underline-offset-4 hover:underline dark:text-gray-50",
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  },
+);
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };
diff --git a/src/components/ui/card.tsx b/src/components/ui/card.tsx
index e98d500c..2d3aa06b 100644
--- a/src/components/ui/card.tsx
+++ b/src/components/ui/card.tsx
@@ -1,86 +1,86 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border border-gray-200 bg-white text-gray-950 shadow-sm dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-      className,
-    )}
-    {...props}
-  />
-));
-Card.displayName = "Card";
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-));
-CardHeader.displayName = "CardHeader";
-
-const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className,
-    )}
-    {...props}
-  />
-));
-CardTitle.displayName = "CardTitle";
-
-const CardDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <p
-    ref={ref}
-    className={cn("text-sm text-gray-500 dark:text-gray-400", className)}
-    {...props}
-  />
-));
-CardDescription.displayName = "CardDescription";
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-));
-CardContent.displayName = "CardContent";
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-));
-CardFooter.displayName = "CardFooter";
-
-export {
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardDescription,
-  CardContent,
-};
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border border-gray-200 bg-white text-gray-950 shadow-sm dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
+      className,
+    )}
+    {...props}
+  />
+));
+Card.displayName = "Card";
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+));
+CardHeader.displayName = "CardHeader";
+
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className,
+    )}
+    {...props}
+  />
+));
+CardTitle.displayName = "CardTitle";
+
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-gray-500 dark:text-gray-400", className)}
+    {...props}
+  />
+));
+CardDescription.displayName = "CardDescription";
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+));
+CardContent.displayName = "CardContent";
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+));
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
index 326f9132..731eced9 100644
--- a/src/components/ui/checkbox.tsx
+++ b/src/components/ui/checkbox.tsx
@@ -1,30 +1,30 @@
-"use client";
-
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof CheckboxPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <CheckboxPrimitive.Root
-    ref={ref}
-    className={cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-gray-200 border-gray-900 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-gray-900 data-[state=checked]:text-gray-50 dark:border-gray-800 dark:border-gray-50 dark:ring-offset-gray-950 dark:focus-visible:ring-gray-300 dark:data-[state=checked]:bg-gray-50 dark:data-[state=checked]:text-gray-900",
-      className,
-    )}
-    {...props}
-  >
-    <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
-    >
-      <Check className="h-4 w-4" />
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };
+"use client";
+
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-gray-200 border-gray-900 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-gray-900 data-[state=checked]:text-gray-50 dark:border-gray-800 dark:border-gray-50 dark:ring-offset-gray-950 dark:focus-visible:ring-gray-300 dark:data-[state=checked]:bg-gray-50 dark:data-[state=checked]:text-gray-900",
+      className,
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };
diff --git a/src/components/ui/collapsible.tsx b/src/components/ui/collapsible.tsx
new file mode 100644
index 00000000..16297874
--- /dev/null
+++ b/src/components/ui/collapsible.tsx
@@ -0,0 +1,50 @@
+import React, { useState } from "react";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import { motion } from "framer-motion";
+
+const Collapsible = ({
+  title,
+  children,
+  defaultexpanded = false,
+}: {
+  title: String | React.ReactNode;
+  children: React.ReactNode;
+  defaultexpanded?: boolean;
+}) => {
+  const [isExpanded, setIsExpanded] = useState(defaultexpanded);
+
+  const handleToggle = () => {
+    setIsExpanded(!isExpanded);
+  };
+
+  return (
+    <div>
+      <div
+        className="flex flex-row justify-between cursor-pointer rounded-md border-2 border-gray-100 p-4 py-1"
+        onClick={handleToggle}
+      >
+        <div>{title}</div>
+        <motion.div
+          variants={{ open: { rotateX: "180deg" }, close: { rotateX: "0deg" } }}
+          animate={isExpanded ? "open" : "close"}
+        >
+          <KeyboardArrowDownIcon />
+        </motion.div>
+      </div>
+
+      <motion.div
+        className="mt-4 overflow-hidden"
+        variants={{
+          open: { height: "max-content" },
+          close: { height: 0 },
+        }}
+        animate={isExpanded ? "open" : "close"}
+        transition={{ duration: 0.5 }}
+      >
+        {children}
+      </motion.div>
+    </div>
+  );
+};
+
+export default Collapsible;
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
index 1bdaada1..1fa2211e 100644
--- a/src/components/ui/command.tsx
+++ b/src/components/ui/command.tsx
@@ -1,155 +1,155 @@
-"use client";
-
-import * as React from "react";
-import { type DialogProps } from "@radix-ui/react-dialog";
-import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
-
-const Command = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive
-    ref={ref}
-    className={cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-gray-950 dark:bg-gray-950 dark:text-gray-50",
-      className,
-    )}
-    {...props}
-  />
-));
-Command.displayName = CommandPrimitive.displayName;
-
-interface CommandDialogProps extends DialogProps {}
-
-const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
-  return (
-    <Dialog {...props}>
-      <DialogContent className="overflow-hidden p-0 shadow-lg">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-gray-400">
-          {children}
-        </Command>
-      </DialogContent>
-    </Dialog>
-  );
-};
-
-const CommandInput = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Input>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
->(({ className, ...props }, ref) => (
-  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
-    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
-    <CommandPrimitive.Input
-      ref={ref}
-      className={cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-gray-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-gray-400",
-        className,
-      )}
-      {...props}
-    />
-  </div>
-));
-
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-
-const CommandList = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.List
-    ref={ref}
-    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
-    {...props}
-  />
-));
-
-CommandList.displayName = CommandPrimitive.List.displayName;
-
-const CommandEmpty = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Empty>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
->((props, ref) => (
-  <CommandPrimitive.Empty
-    ref={ref}
-    className="py-6 text-center text-sm"
-    {...props}
-  />
-));
-
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-
-const CommandGroup = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Group>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Group
-    ref={ref}
-    className={cn(
-      "overflow-hidden p-1 text-gray-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 dark:text-gray-50 dark:[&_[cmdk-group-heading]]:text-gray-400",
-      className,
-    )}
-    {...props}
-  />
-));
-
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-
-const CommandSeparator = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 h-px bg-gray-200 dark:bg-gray-800", className)}
-    {...props}
-  />
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-
-const CommandItem = React.forwardRef<
-  React.ElementRef<typeof CommandPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <CommandPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-gray-100 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-gray-800 dark:aria-selected:text-gray-50",
-      className,
-    )}
-    {...props}
-  />
-));
-
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-const CommandShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn(
-        "ml-auto text-xs tracking-widest text-gray-500 dark:text-gray-400",
-        className,
-      )}
-      {...props}
-    />
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-export {
-  Command,
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-  CommandShortcut,
-  CommandSeparator,
-};
+"use client";
+
+import * as React from "react";
+import { type DialogProps } from "@radix-ui/react-dialog";
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+import { Dialog, DialogContent } from "@/components/ui/dialog";
+
+const Command = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-gray-950 dark:bg-gray-950 dark:text-gray-50",
+      className,
+    )}
+    {...props}
+  />
+));
+Command.displayName = CommandPrimitive.displayName;
+
+interface CommandDialogProps extends DialogProps {}
+
+const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
+  return (
+    <Dialog {...props}>
+      <DialogContent className="overflow-hidden p-0 shadow-lg">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-gray-400">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-gray-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-gray-400",
+        className,
+      )}
+      {...props}
+    />
+  </div>
+));
+
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+));
+
+CommandList.displayName = CommandPrimitive.List.displayName;
+
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+));
+
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "overflow-hidden p-1 text-gray-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 dark:text-gray-50 dark:[&_[cmdk-group-heading]]:text-gray-400",
+      className,
+    )}
+    {...props}
+  />
+));
+
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 h-px bg-gray-200 dark:bg-gray-800", className)}
+    {...props}
+  />
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-gray-100 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-gray-800 dark:aria-selected:text-gray-50",
+      className,
+    )}
+    {...props}
+  />
+));
+
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-gray-500 dark:text-gray-400",
+        className,
+      )}
+      {...props}
+    />
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+};
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 99875518..708fc7c6 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -1,122 +1,122 @@
-"use client";
-
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Dialog = DialogPrimitive.Root;
-
-const DialogTrigger = DialogPrimitive.Trigger;
-
-const DialogPortal = DialogPrimitive.Portal;
-
-const DialogClose = DialogPrimitive.Close;
-
-const DialogOverlay = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Overlay
-    ref={ref}
-    className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className,
-    )}
-    {...props}
-  />
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-
-const DialogContent = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <DialogPortal>
-    <DialogOverlay />
-    <DialogPrimitive.Content
-      ref={ref}
-      className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-gray-800 dark:bg-gray-950",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500 dark:ring-offset-gray-950 dark:focus:ring-gray-300 dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400">
-        <X className="h-4 w-4 bg-black" color="white" />
-        <span className="sr-only">Close</span>
-      </DialogPrimitive.Close>
-    </DialogPrimitive.Content>
-  </DialogPortal>
-));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-
-const DialogHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className,
-    )}
-    {...props}
-  />
-);
-DialogHeader.displayName = "DialogHeader";
-
-const DialogFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className,
-    )}
-    {...props}
-  />
-);
-DialogFooter.displayName = "DialogFooter";
-
-const DialogTitle = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title
-    ref={ref}
-    className={cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className,
-    )}
-    {...props}
-  />
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-
-const DialogDescription = React.forwardRef<
-  React.ElementRef<typeof DialogPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-gray-500 dark:text-gray-400", className)}
-    {...props}
-  />
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-export {
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogClose,
-  DialogTrigger,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-};
+"use client";
+
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Dialog = DialogPrimitive.Root;
+
+const DialogTrigger = DialogPrimitive.Trigger;
+
+const DialogPortal = DialogPrimitive.Portal;
+
+const DialogClose = DialogPrimitive.Close;
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className,
+    )}
+    {...props}
+  />
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg dark:border-gray-800 dark:bg-gray-950",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-500 dark:ring-offset-gray-950 dark:focus:ring-gray-300 dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400">
+        <X className="h-4 w-4 bg-black" color="white" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className,
+    )}
+    {...props}
+  />
+);
+DialogHeader.displayName = "DialogHeader";
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className,
+    )}
+    {...props}
+  />
+);
+DialogFooter.displayName = "DialogFooter";
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className,
+    )}
+    {...props}
+  />
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-gray-500 dark:text-gray-400", className)}
+    {...props}
+  />
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+};
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 9dc361e0..a92e2443 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -1,205 +1,205 @@
-"use client";
-
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import {
-  CheckIcon,
-  ChevronRightIcon,
-  DotFilledIcon,
-} from "@radix-ui/react-icons";
-
-import { cn } from "@/lib/utils";
-
-const DropdownMenu = DropdownMenuPrimitive.Root;
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-
-const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className,
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRightIcon className="ml-auto h-4 w-4" />
-  </DropdownMenuPrimitive.SubTrigger>
-));
-DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName;
-
-const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className,
-    )}
-    {...props}
-  />
-));
-DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName;
-
-const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className,
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-
-const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      inset && "pl-8",
-      className,
-    )}
-    {...props}
-  />
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-
-const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <CheckIcon className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-));
-DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName;
-
-const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className,
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <DotFilledIcon className="h-4 w-4 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-
-const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className,
-    )}
-    {...props}
-  />
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-
-const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-
-const DropdownMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-export {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-};
+"use client";
+
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import {
+  CheckIcon,
+  ChevronRightIcon,
+  DotFilledIcon,
+} from "@radix-ui/react-icons";
+
+import { cn } from "@/lib/utils";
+
+const DropdownMenu = DropdownMenuPrimitive.Root;
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRightIcon className="ml-auto h-4 w-4" />
+  </DropdownMenuPrimitive.SubTrigger>
+));
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName;
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName;
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className,
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+));
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName;
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <DotFilledIcon className="h-4 w-4 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+};
diff --git a/src/components/ui/hover-card.tsx b/src/components/ui/hover-card.tsx
index 9e8c62d3..0273ba1e 100644
--- a/src/components/ui/hover-card.tsx
+++ b/src/components/ui/hover-card.tsx
@@ -1,29 +1,29 @@
-"use client";
-
-import * as React from "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-
-import { cn } from "@/lib/utils";
-
-const HoverCard = HoverCardPrimitive.Root;
-
-const HoverCardTrigger = HoverCardPrimitive.Trigger;
-
-const HoverCardContent = React.forwardRef<
-  React.ElementRef<typeof HoverCardPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <HoverCardPrimitive.Content
-    ref={ref}
-    align={align}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className,
-    )}
-    {...props}
-  />
-));
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+"use client";
+
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+import { cn } from "@/lib/utils";
+
+const HoverCard = HoverCardPrimitive.Root;
+
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+
+const HoverCardContent = React.forwardRef<
+  React.ElementRef<typeof HoverCardPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <HoverCardPrimitive.Content
+    ref={ref}
+    align={align}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className,
+    )}
+    {...props}
+  />
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+export { HoverCard, HoverCardTrigger, HoverCardContent };
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 18e9080a..a7bb2b63 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -1,25 +1,25 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ className, type, ...props }, ref) => {
-    return (
-      <input
-        type={type}
-        className={cn(
-          "flex h-10 w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:ring-offset-gray-950 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
-          className,
-        )}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Input.displayName = "Input";
-
-export { Input };
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:ring-offset-gray-950 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
+          className,
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Input.displayName = "Input";
+
+export { Input };
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index 84f8b0c7..353ddac0 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -1,26 +1,26 @@
-"use client";
-
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const labelVariants = cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-);
-
-const Label = React.forwardRef<
-  React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
->(({ className, ...props }, ref) => (
-  <LabelPrimitive.Root
-    ref={ref}
-    className={cn(labelVariants(), className)}
-    {...props}
-  />
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-export { Label };
+"use client";
+
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+);
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
diff --git a/src/components/ui/multiselect.tsx b/src/components/ui/multiselect.tsx
index ab988b12..0cd25296 100644
--- a/src/components/ui/multiselect.tsx
+++ b/src/components/ui/multiselect.tsx
@@ -1,32 +1,28 @@
-import Select from "react-select";
-
-export const MultiSelect = ({ givenOptions, formData, setFormData }) => {
-  const handleChange = (selectedOptions) => {
-    setFormData(selectedOptions.map((option) => option.value));
-  };
-
-  console.log(formData);
-
-  const values = [];
-  formData.forEach((element) => {
-    values.push({ value: element, label: element });
-  });
-
-  console.log(values);
-
-  const options = givenOptions.map((option) => ({
-    value: option,
-    label: option,
-  }));
-
-  return (
-    <Select
-      isMulti
-      value={values}
-      onChange={handleChange}
-      options={options}
-      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
-      placeholder="Select multiple options..."
-    />
-  );
-};
+import Select from "react-select";
+
+export const MultiSelect = ({ givenOptions, formData, setFormData }) => {
+  const handleChange = (selectedOptions) => {
+    setFormData(selectedOptions.map((option) => option.value));
+  };
+
+  const values = [];
+  formData.forEach((element) => {
+    values.push({ value: element, label: element });
+  });
+
+  const options = givenOptions.map((option) => ({
+    value: option,
+    label: option,
+  }));
+
+  return (
+    <Select
+      isMulti
+      value={values}
+      onChange={handleChange}
+      options={options}
+      className="w-full text-sm text-gray-800 bg-white border border-gray-200 rounded-lg focus:border-blue-500 focus:ring-blue-500 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400"
+      placeholder="Select multiple options..."
+    />
+  );
+};
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index 150fdca5..572f2fa9 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -1,31 +1,31 @@
-"use client";
-
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-
-import { cn } from "@/lib/utils";
-
-const Popover = PopoverPrimitive.Root;
-
-const PopoverTrigger = PopoverPrimitive.Trigger;
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content
-      ref={ref}
-      align={align}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 w-72 rounded-md border border-gray-200 bg-white p-4 text-gray-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-        className,
-      )}
-      {...props}
-    />
-  </PopoverPrimitive.Portal>
-));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export { Popover, PopoverTrigger, PopoverContent };
+"use client";
+
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+import { cn } from "@/lib/utils";
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border border-gray-200 bg-white p-4 text-gray-950 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
+        className,
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverTrigger, PopoverContent };
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index df63b3b7..4f30efcd 100644
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -1,48 +1,48 @@
-"use client";
-
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-
-import { cn } from "@/lib/utils";
-
-const ScrollArea = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <ScrollAreaPrimitive.Root
-    ref={ref}
-    className={cn("relative overflow-hidden", className)}
-    {...props}
-  >
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
-      {children}
-    </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
-    <ScrollAreaPrimitive.Corner />
-  </ScrollAreaPrimitive.Root>
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = "vertical", ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
-    ref={ref}
-    orientation={orientation}
-    className={cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className,
-    )}
-    {...props}
-  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-gray-200 dark:bg-gray-800" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-export { ScrollArea, ScrollBar };
+"use client";
+
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+
+import { cn } from "@/lib/utils";
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className,
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-gray-200 dark:bg-gray-800" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export { ScrollArea, ScrollBar };
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 59cb36fa..d87cf620 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -1,160 +1,160 @@
-"use client";
-
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown, ChevronUp } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const Select = SelectPrimitive.Root;
-
-const SelectGroup = SelectPrimitive.Group;
-
-const SelectValue = SelectPrimitive.Value;
-
-const SelectTrigger = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 dark:border-gray-800 dark:bg-gray-950 dark:ring-offset-gray-950 dark:placeholder:text-gray-400 dark:focus:ring-gray-300",
-      className,
-    )}
-    {...props}
-  >
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown className="h-4 w-4 opacity-50" />
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-
-const SelectScrollUpButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className,
-    )}
-    {...props}
-  >
-    <ChevronUp className="h-4 w-4" />
-  </SelectPrimitive.ScrollUpButton>
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-
-const SelectScrollDownButton = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollDownButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1",
-      className,
-    )}
-    {...props}
-  >
-    <ChevronDown className="h-4 w-4" />
-  </SelectPrimitive.ScrollDownButton>
-));
-SelectScrollDownButton.displayName =
-  SelectPrimitive.ScrollDownButton.displayName;
-
-const SelectContent = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
->(({ className, children, position = "popper", ...props }, ref) => (
-  <SelectPrimitive.Portal>
-    <SelectPrimitive.Content
-      ref={ref}
-      className={cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 bg-white text-gray-950 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
-        position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className,
-      )}
-      position={position}
-      {...props}
-    >
-      <SelectScrollUpButton />
-      <SelectPrimitive.Viewport
-        className={cn(
-          "p-1",
-          position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
-        )}
-      >
-        {children}
-      </SelectPrimitive.Viewport>
-      <SelectScrollDownButton />
-    </SelectPrimitive.Content>
-  </SelectPrimitive.Portal>
-));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-
-const SelectLabel = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Label
-    ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
-    {...props}
-  />
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-
-const SelectItem = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-800 dark:focus:text-gray-50",
-      className,
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </SelectPrimitive.ItemIndicator>
-    </span>
-
-    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-  </SelectPrimitive.Item>
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-
-const SelectSeparator = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-gray-800", className)}
-    {...props}
-  />
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-export {
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
-};
+"use client";
+
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Select = SelectPrimitive.Root;
+
+const SelectGroup = SelectPrimitive.Group;
+
+const SelectValue = SelectPrimitive.Value;
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-gray-200 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 dark:border-gray-800 dark:bg-gray-950 dark:ring-offset-gray-950 dark:placeholder:text-gray-400 dark:focus:ring-gray-300",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+));
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName;
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-200 bg-white text-gray-950 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className,
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    {...props}
+  />
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-800 dark:focus:text-gray-50",
+      className,
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-gray-800", className)}
+    {...props}
+  />
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+};
diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx
index 93cf322c..02cdb6f7 100644
--- a/src/components/ui/separator.tsx
+++ b/src/components/ui/separator.tsx
@@ -1,31 +1,31 @@
-"use client";
-
-import * as React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-
-import { cn } from "@/lib/utils";
-
-const Separator = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
->(
-  (
-    { className, orientation = "horizontal", decorative = true, ...props },
-    ref,
-  ) => (
-    <SeparatorPrimitive.Root
-      ref={ref}
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        "shrink-0 bg-gray-200 dark:bg-gray-800",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-export { Separator };
+"use client";
+
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+
+import { cn } from "@/lib/utils";
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref,
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-gray-200 dark:bg-gray-800",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className,
+      )}
+      {...props}
+    />
+  ),
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index 6b1f6794..b041e6f0 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -1,117 +1,117 @@
-import * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Table = React.forwardRef<
-  HTMLTableElement,
-  React.HTMLAttributes<HTMLTableElement>
->(({ className, ...props }, ref) => (
-  <div className="relative w-full overflow-auto">
-    <table
-      ref={ref}
-      className={cn("w-full caption-bottom text-sm", className)}
-      {...props}
-    />
-  </div>
-));
-Table.displayName = "Table";
-
-const TableHeader = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
-));
-TableHeader.displayName = "TableHeader";
-
-const TableBody = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tbody
-    ref={ref}
-    className={cn("[&_tr:last-child]:border-0", className)}
-    {...props}
-  />
-));
-TableBody.displayName = "TableBody";
-
-const TableFooter = React.forwardRef<
-  HTMLTableSectionElement,
-  React.HTMLAttributes<HTMLTableSectionElement>
->(({ className, ...props }, ref) => (
-  <tfoot
-    ref={ref}
-    className={cn(
-      "border-t bg-gray-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-gray-800/50",
-      className,
-    )}
-    {...props}
-  />
-));
-TableFooter.displayName = "TableFooter";
-
-const TableRow = React.forwardRef<
-  HTMLTableRowElement,
-  React.HTMLAttributes<HTMLTableRowElement>
->(({ className, ...props }, ref) => (
-  <tr
-    ref={ref}
-    className={cn(
-      "border-b transition-colors hover:bg-gray-100/50 data-[state=selected]:bg-gray-100 dark:hover:bg-gray-800/50 dark:data-[state=selected]:bg-gray-800",
-      className,
-    )}
-    {...props}
-  />
-));
-TableRow.displayName = "TableRow";
-
-const TableHead = React.forwardRef<
-  HTMLTableCellElement,
-  React.ThHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <th
-    ref={ref}
-    className={cn(
-      "h-12 px-4 text-left align-middle font-medium text-gray-500 [&:has([role=checkbox])]:pr-0 dark:text-gray-400",
-      className,
-    )}
-    {...props}
-  />
-));
-TableHead.displayName = "TableHead";
-
-const TableCell = React.forwardRef<
-  HTMLTableCellElement,
-  React.TdHTMLAttributes<HTMLTableCellElement>
->(({ className, ...props }, ref) => (
-  <td
-    ref={ref}
-    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
-    {...props}
-  />
-));
-TableCell.displayName = "TableCell";
-
-const TableCaption = React.forwardRef<
-  HTMLTableCaptionElement,
-  React.HTMLAttributes<HTMLTableCaptionElement>
->(({ className, ...props }, ref) => (
-  <caption
-    ref={ref}
-    className={cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className)}
-    {...props}
-  />
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-};
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-gray-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-gray-800/50",
+      className,
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-gray-100/50 data-[state=selected]:bg-gray-100 dark:hover:bg-gray-800/50 dark:data-[state=selected]:bg-gray-800",
+      className,
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-gray-500 [&:has([role=checkbox])]:pr-0 dark:text-gray-400",
+      className,
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
index 33f1cd87..e7c38aff 100644
--- a/src/components/ui/toast.tsx
+++ b/src/components/ui/toast.tsx
@@ -1,128 +1,128 @@
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
-import { X } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-const ToastProvider = ToastPrimitives.Provider;
-
-const ToastViewport = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-full w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className,
-    )}
-    {...props}
-  />
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-
-const toastVariants = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border border-gray-200 p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-gray-800",
-  {
-    variants: {
-      variant: {
-        default:
-          "border bg-white text-gray-950 dark:bg-gray-950 dark:text-gray-50",
-        destructive:
-          "destructive group border-red-500 bg-red-500 text-gray-50 dark:border-red-900 dark:bg-red-900 dark:text-gray-50",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-const Toast = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-    VariantProps<typeof toastVariants>
->(({ className, variant, ...props }, ref) => {
-  return (
-    <ToastPrimitives.Root
-      ref={ref}
-      className={cn(toastVariants({ variant }), className)}
-      {...props}
-    />
-  );
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-
-const ToastAction = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-gray-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-gray-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-gray-50 group-[.destructive]:focus:ring-red-500 dark:border-gray-800 dark:ring-offset-gray-950 dark:hover:bg-gray-800 dark:focus:ring-gray-300 dark:group-[.destructive]:border-gray-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-gray-50 dark:group-[.destructive]:focus:ring-red-900",
-      className,
-    )}
-    {...props}
-  />
-));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-
-const ToastClose = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      "absolute right-2 top-2 rounded-md p-1 text-gray-950/50 opacity-0 transition-opacity hover:text-gray-950 focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-gray-50/50 dark:hover:text-gray-50",
-      className,
-    )}
-    toast-close=""
-    {...props}
-  >
-    <X className="h-4 w-4" />
-  </ToastPrimitives.Close>
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-
-const ToastTitle = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title
-    ref={ref}
-    className={cn("text-sm font-semibold", className)}
-    {...props}
-  />
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-
-const ToastDescription = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description
-    ref={ref}
-    className={cn("text-sm opacity-90", className)}
-    {...props}
-  />
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-
-export {
-  type ToastProps,
-  type ToastActionElement,
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastTitle,
-  ToastDescription,
-  ToastClose,
-  ToastAction,
-};
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const ToastProvider = ToastPrimitives.Provider;
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-full w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className,
+    )}
+    {...props}
+  />
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border border-gray-200 p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-gray-800",
+  {
+    variants: {
+      variant: {
+        default:
+          "border bg-white text-gray-950 dark:bg-gray-950 dark:text-gray-50",
+        destructive:
+          "destructive group border-red-500 bg-red-500 text-gray-50 dark:border-red-900 dark:bg-red-900 dark:text-gray-50",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-gray-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-gray-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-gray-50 group-[.destructive]:focus:ring-red-500 dark:border-gray-800 dark:ring-offset-gray-950 dark:hover:bg-gray-800 dark:focus:ring-gray-300 dark:group-[.destructive]:border-gray-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-gray-50 dark:group-[.destructive]:focus:ring-red-900",
+      className,
+    )}
+    {...props}
+  />
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-2 top-2 rounded-md p-1 text-gray-950/50 opacity-0 transition-opacity hover:text-gray-950 focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-gray-50/50 dark:hover:text-gray-50",
+      className,
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold", className)}
+    {...props}
+  />
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>;
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+};
diff --git a/src/components/ui/toaster.tsx b/src/components/ui/toaster.tsx
index 7d82ed55..12f2e2b3 100644
--- a/src/components/ui/toaster.tsx
+++ b/src/components/ui/toaster.tsx
@@ -1,35 +1,35 @@
-"use client";
-
-import {
-  Toast,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-} from "@/components/ui/toast";
-import { useToast } from "@/components/ui/use-toast";
-
-export function Toaster() {
-  const { toasts } = useToast();
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, ...props }) {
-        return (
-          <Toast key={id} {...props}>
-            <div className="grid gap-1">
-              {title && <ToastTitle>{title}</ToastTitle>}
-              {description && (
-                <ToastDescription>{description}</ToastDescription>
-              )}
-            </div>
-            {action}
-            <ToastClose />
-          </Toast>
-        );
-      })}
-      <ToastViewport />
-    </ToastProvider>
-  );
-}
+"use client";
+
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast";
+import { useToast } from "@/components/ui/use-toast";
+
+export function Toaster() {
+  const { toasts } = useToast();
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        );
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  );
+}
diff --git a/src/components/ui/use-toast.ts b/src/components/ui/use-toast.ts
index 5a03b78a..6eb250a3 100644
--- a/src/components/ui/use-toast.ts
+++ b/src/components/ui/use-toast.ts
@@ -1,189 +1,189 @@
-// Inspired by react-hot-toast library
-import * as React from "react";
-
-import type { ToastActionElement, ToastProps } from "@/components/ui/toast";
-
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-
-type ToasterToast = ToastProps & {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: ToastActionElement;
-};
-
-const actionTypes = {
-  ADD_TOAST: "ADD_TOAST",
-  UPDATE_TOAST: "UPDATE_TOAST",
-  DISMISS_TOAST: "DISMISS_TOAST",
-  REMOVE_TOAST: "REMOVE_TOAST",
-} as const;
-
-let count = 0;
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-
-type ActionType = typeof actionTypes;
-
-type Action =
-  | {
-      type: ActionType["ADD_TOAST"];
-      toast: ToasterToast;
-    }
-  | {
-      type: ActionType["UPDATE_TOAST"];
-      toast: Partial<ToasterToast>;
-    }
-  | {
-      type: ActionType["DISMISS_TOAST"];
-      toastId?: ToasterToast["id"];
-    }
-  | {
-      type: ActionType["REMOVE_TOAST"];
-      toastId?: ToasterToast["id"];
-    };
-
-interface State {
-  toasts: ToasterToast[];
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId: toastId,
-    });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-};
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      };
-
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t,
-        ),
-      };
-
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-
-      // ! Side effects ! - This could be extracted into a dismissToast() action,
-      // but I'll keep it here for simplicity
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
-        });
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t,
-        ),
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      };
-  }
-};
-
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-
-type Toast = Omit<ToasterToast, "id">;
-
-function toast({ ...props }: Toast) {
-  const id = genId();
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: "UPDATE_TOAST",
-      toast: { ...props, id },
-    });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      },
-    },
-  });
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  };
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-  };
-}
-
-export { useToast, toast };
+// Inspired by react-hot-toast library
+import * as React from "react";
+
+import type { ToastActionElement, ToastProps } from "@/components/ui/toast";
+
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1000000;
+
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+};
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const;
+
+let count = 0;
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+
+type ActionType = typeof actionTypes;
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"];
+      toast: ToasterToast;
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"];
+      toast: Partial<ToasterToast>;
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"];
+      toastId?: ToasterToast["id"];
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"];
+      toastId?: ToasterToast["id"];
+    };
+
+interface State {
+  toasts: ToasterToast[];
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    });
+  }, TOAST_REMOVE_DELAY);
+
+  toastTimeouts.set(toastId, timeout);
+};
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      };
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t,
+        ),
+      };
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t,
+        ),
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      };
+  }
+};
+
+const listeners: Array<(state: State) => void> = [];
+
+let memoryState: State = { toasts: [] };
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+
+type Toast = Omit<ToasterToast, "id">;
+
+function toast({ ...props }: Toast) {
+  const id = genId();
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      },
+    },
+  });
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  };
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState);
+
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  };
+}
+
+export { useToast, toast };
diff --git a/src/contextProviders/ToggleProvider.tsx b/src/contextProviders/ToggleProvider.tsx
index 646baaa0..62e97312 100644
--- a/src/contextProviders/ToggleProvider.tsx
+++ b/src/contextProviders/ToggleProvider.tsx
@@ -1,27 +1,27 @@
-"use client";
-import { useState, createContext, ReactNode, useEffect } from "react";
-
-interface IToggleContext {
-  isOpen: boolean;
-  sidebarToggle: () => void;
-}
-
-const ToggleContext = createContext<IToggleContext>({
-  isOpen: false,
-  sidebarToggle: () => {},
-});
-
-const ToggleProvider = ({ children }: { children: ReactNode }) => {
-  const [isOpen, setIsOpen] = useState(true);
-  const sidebarToggle = () => {
-    setIsOpen(!isOpen);
-  };
-
-  return (
-    <ToggleContext.Provider value={{ isOpen, sidebarToggle }}>
-      {children}
-    </ToggleContext.Provider>
-  );
-};
-
-export { ToggleProvider, ToggleContext };
+"use client";
+import { useState, createContext, ReactNode, useEffect } from "react";
+
+interface IToggleContext {
+  isOpen: boolean;
+  sidebarToggle: () => void;
+}
+
+const ToggleContext = createContext<IToggleContext>({
+  isOpen: false,
+  sidebarToggle: () => {},
+});
+
+const ToggleProvider = ({ children }: { children: ReactNode }) => {
+  const [isOpen, setIsOpen] = useState(true);
+  const sidebarToggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  return (
+    <ToggleContext.Provider value={{ isOpen, sidebarToggle }}>
+      {children}
+    </ToggleContext.Provider>
+  );
+};
+
+export { ToggleProvider, ToggleContext };
diff --git a/src/contextProviders/sessionProvider.tsx b/src/contextProviders/sessionProvider.tsx
index b8dfd85e..f344f5b5 100644
--- a/src/contextProviders/sessionProvider.tsx
+++ b/src/contextProviders/sessionProvider.tsx
@@ -1,13 +1,13 @@
-"use client";
-
-import { SessionProvider } from "next-auth/react";
-
-type Props = {
-  children?: React.ReactNode;
-};
-
-const NextAuthProvider = ({ children }: Props) => {
-  return <SessionProvider>{children}</SessionProvider>;
-};
-
-export default NextAuthProvider;
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+
+type Props = {
+  children?: React.ReactNode;
+};
+
+const NextAuthProvider = ({ children }: Props) => {
+  return <SessionProvider>{children}</SessionProvider>;
+};
+
+export default NextAuthProvider;
diff --git a/src/dto/CompanyDto.ts b/src/dto/CompanyDto.ts
index 2b16cc05..3d8cf5e0 100644
--- a/src/dto/CompanyDto.ts
+++ b/src/dto/CompanyDto.ts
@@ -1,14 +1,14 @@
-const companyDTO = [
-  {
-    id: "string",
-    name: "string",
-    category: "PUBLIC",
-    yearOfEstablishment: "string",
-    website: "string",
-    size: 0,
-    annualTurnover: "string",
-    socialMediaLink: "string",
-  },
-];
-
-export { companyDTO };
+const companyDTO = [
+  {
+    id: "string",
+    name: "string",
+    category: "PUBLIC",
+    yearOfEstablishment: "string",
+    website: "string",
+    size: 0,
+    annualTurnover: "string",
+    socialMediaLink: "string",
+  },
+];
+
+export { companyDTO };
diff --git a/src/dto/JobDto.ts b/src/dto/JobDto.ts
index 5bfcd5f5..6fa64a8d 100644
--- a/src/dto/JobDto.ts
+++ b/src/dto/JobDto.ts
@@ -1,84 +1,84 @@
-// UserDTO
-interface UserDTO {
-  id: string;
-  name: string;
-  email: string;
-  contact: string;
-}
-
-// RecruiterDTO
-interface RecruiterDTO {
-  id: string;
-  designation: string;
-  user: UserDTO;
-}
-
-// SeasonDTO
-interface SeasonDTO {
-  id: string;
-  year: string;
-  type: string;
-}
-
-// CompanyDTO
-interface CompanyDTO {
-  id: string;
-  name: string;
-}
-
-// RecruitmentDTO
-interface RecruitmentDTO {
-  id: string;
-  role: string;
-  active: boolean;
-  currentStatus: string;
-  noOfVacancies: number;
-  duration: number;
-  location: string;
-  season: SeasonDTO;
-  company: CompanyDTO;
-  recruiter: RecruiterDTO;
-}
-
-// Example data matching the DTO structure
-const recruitmentDTO = [
-  {
-    companyDetailsFilled: {
-      name: "string",
-
-    },
-    recruiterDetailsFilled: {
-      name: "string",
-
-    },
-    id: "string",
-    role: "string",
-    active: "boolean",
-    currentStatus: "INITIALIZED",
-    noOfVacancies: "number",
-    duration: "number",
-    location: "string",
-    season: {
-      id: "string",
-      year: "string",
-      type: "INTERN",
-    },
-    company: {
-      id: "string",
-      name: "string",
-    },
-    recruiter: {
-      id: "string",
-      designation: "string",
-      user: {
-        id: "string",
-        name: "string",
-        email: "string",
-        contact: "string",
-      },
-    },
-  },
-];
-
-export type { RecruitmentDTO };
-export { recruitmentDTO };
+// UserDTO
+interface UserDTO {
+  id: string;
+  name: string;
+  email: string;
+  contact: string;
+}
+
+// RecruiterDTO
+interface RecruiterDTO {
+  id: string;
+  designation: string;
+  user: UserDTO;
+}
+
+// SeasonDTO
+interface SeasonDTO {
+  id: string;
+  year: string;
+  type: string;
+}
+
+// CompanyDTO
+interface CompanyDTO {
+  id: string;
+  name: string;
+}
+
+// RecruitmentDTO
+interface RecruitmentDTO {
+  id: string;
+  role: string;
+  active: boolean;
+  currentStatus: string;
+  noOfVacancies: number;
+  duration: number;
+  location: string;
+  season: SeasonDTO;
+  company: CompanyDTO;
+  recruiter: RecruiterDTO;
+}
+
+// Example data matching the DTO structure
+const recruitmentDTO = [
+  {
+    companyDetailsFilled: {
+      name: "string",
+
+    },
+    recruiterDetailsFilled: {
+      name: "string",
+
+    },
+    id: "string",
+    role: "string",
+    active: "boolean",
+    currentStatus: "INITIALIZED",
+    noOfVacancies: "number",
+    duration: "number",
+    location: "string",
+    season: {
+      id: "string",
+      year: "string",
+      type: "INTERN",
+    },
+    company: {
+      id: "string",
+      name: "string",
+    },
+    recruiter: {
+      id: "string",
+      designation: "string",
+      user: {
+        id: "string",
+        name: "string",
+        email: "string",
+        contact: "string",
+      },
+    },
+  },
+];
+
+export type { RecruitmentDTO };
+export { recruitmentDTO };
diff --git a/src/dto/RecruiterDto.ts b/src/dto/RecruiterDto.ts
index 0edb6eb7..6c81b191 100644
--- a/src/dto/RecruiterDto.ts
+++ b/src/dto/RecruiterDto.ts
@@ -1,35 +1,35 @@
-interface RecruiterDTO {
-  id: string;
-  designation: string;
-  landline: string;
-  user: {
-    id: string;
-    name: string;
-    email: string;
-    contact: string;
-  };
-  company: {
-    id: string;
-    name: string;
-  };
-}
-
-const recruiterdto = [
-  {
-    id: "string",
-    designation: "string",
-    landline: "string",
-    user: {
-      id: "string",
-      name: "string",
-      email: "string",
-      contact: "string",
-    },
-    company: {
-      id: "string",
-      name: "string",
-    },
-  },
-];
-export type { RecruiterDTO };
-export { recruiterdto };
+interface RecruiterDTO {
+  id: string;
+  designation: string;
+  landline: string;
+  user: {
+    id: string;
+    name: string;
+    email: string;
+    contact: string;
+  };
+  company: {
+    id: string;
+    name: string;
+  };
+}
+
+const recruiterdto = [
+  {
+    id: "string",
+    designation: "string",
+    landline: "string",
+    user: {
+      id: "string",
+      name: "string",
+      email: "string",
+      contact: "string",
+    },
+    company: {
+      id: "string",
+      name: "string",
+    },
+  },
+];
+export type { RecruiterDTO };
+export { recruiterdto };
diff --git a/src/dto/ResumeDto.ts b/src/dto/ResumeDto.ts
index e6764a73..517a7741 100644
--- a/src/dto/ResumeDto.ts
+++ b/src/dto/ResumeDto.ts
@@ -1,46 +1,46 @@
-import { ReactNode } from "react";
-import { DTO } from "./StudentDto";
-import { Url } from "url";
-
-interface Resume {
-  id: string;
-  filepath: string;
-  verified: boolean;
-  student: DTO;
-}
-
-interface ResumeTableData {
-  id: string;
-  filepath: string | ReactNode;
-  verified: boolean | ReactNode;
-  update: ReactNode;
-  student: DTO;
-}
-
-const resumeDto = [
-  {
-    id: "string",
-    filepath: "string",
-    verified: true,
-    student: {
-      id: "string",
-      rollNo: "string",
-      user: {
-        id: "string",
-        name: "string",
-        email: "string",
-        contact: "string",
-      },
-      program: {
-        id: "string",
-        branch: "string",
-        course: "string",
-        year: "string",
-        department: "Astronomy, Astrophysics and Space Engineering",
-      },
-    },
-  },
-];
-
-export type { Resume, ResumeTableData };
-export { resumeDto };
+import { ReactNode } from "react";
+import { DTO } from "./StudentDto";
+import { Url } from "url";
+
+interface Resume {
+  id: string;
+  filepath: string;
+  verified: boolean;
+  student: DTO;
+}
+
+interface ResumeTableData {
+  id: string;
+  filepath: string | ReactNode;
+  verified: boolean | ReactNode;
+  update: ReactNode;
+  student: DTO;
+}
+
+const resumeDto = [
+  {
+    id: "string",
+    filepath: "string",
+    verified: true,
+    student: {
+      id: "string",
+      rollNo: "string",
+      user: {
+        id: "string",
+        name: "string",
+        email: "string",
+        contact: "string",
+      },
+      program: {
+        id: "string",
+        branch: "string",
+        course: "string",
+        year: "string",
+        department: "Astronomy, Astrophysics and Space Engineering",
+      },
+    },
+  },
+];
+
+export type { Resume, ResumeTableData };
+export { resumeDto };
diff --git a/src/dto/SalaryDto.ts b/src/dto/SalaryDto.ts
index 06b5d22d..a9fe9745 100644
--- a/src/dto/SalaryDto.ts
+++ b/src/dto/SalaryDto.ts
@@ -1,38 +1,38 @@
-const salaryDto = {
-  id: "string",
-  baseSalary: 0,
-  totalCTC: 0,
-  takeHomeSalary: 0,
-  grossSalary: 0,
-  otherCompensations: 0,
-  salaryPeriod: "string",
-  job: {
-    id: "string",
-    role: "string",
-    company: {
-      id: "string",
-      name: "string",
-    },
-    season: {
-      id: "string",
-      year: "string",
-      type: "INTERN",
-    },
-    salaries: [
-      {
-        id: "string",
-        totalCTC: 0,
-        salaryPeriod: "string",
-        genders: ["MALE"],
-        programs: ["string"],
-        facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
-        categories: ["GENERAL"],
-        minCPI: 0,
-        tenthMarks: 0,
-        twelthMarks: 0,
-      },
-    ],
-  },
-};
-
-export { salaryDto };
+const salaryDto = {
+  id: "string",
+  baseSalary: 0,
+  totalCTC: 0,
+  takeHomeSalary: 0,
+  grossSalary: 0,
+  otherCompensations: 0,
+  salaryPeriod: "string",
+  job: {
+    id: "string",
+    role: "string",
+    company: {
+      id: "string",
+      name: "string",
+    },
+    season: {
+      id: "string",
+      year: "string",
+      type: "INTERN",
+    },
+    salaries: [
+      {
+        id: "string",
+        totalCTC: 0,
+        salaryPeriod: "string",
+        genders: ["MALE"],
+        programs: ["string"],
+        facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
+        categories: ["GENERAL"],
+        minCPI: 0,
+        tenthMarks: 0,
+        twelthMarks: 0,
+      },
+    ],
+  },
+};
+
+export { salaryDto };
diff --git a/src/dto/SeasonDto.ts b/src/dto/SeasonDto.ts
index 78445d68..a965d70b 100644
--- a/src/dto/SeasonDto.ts
+++ b/src/dto/SeasonDto.ts
@@ -1,72 +1,72 @@
-// SeasonDTO
-interface SeasonsDTO {
-  id: string;
-  type: string;
-  year: string;
-}
-
-// StudentDTO
-interface StudentDTO {
-  id: string;
-  program: ProgramDTO;
-  rollNo: string;
-  user: UserDTO;
-}
-
-// ProgramDTO
-interface ProgramDTO {
-  branch: string;
-  course: string;
-  department: string;
-  id: string;
-  year: string;
-}
-
-// UserDTO
-interface UserDTO {
-  contact: string;
-  email: string;
-  id: string;
-  name: string;
-}
-
-// SeasonDTO
-interface SeasonDTO {
-  id: string;
-  registered: boolean;
-  season: SeasonsDTO;
-  student: StudentDTO;
-}
-
-
-const seasonDTO = [
-  {
-    id: "string",
-    registered: "boolean",
-  season: {
-    id: "string",
-    type: "string",
-    year: "string",
-  },
-  student: {
-    id: "string",
-    program: {
-      branch: "string",
-      course: "string",
-      department: "string",
-      id: "string",
-      year: "string",
-    },
-    rollNo: "string",
-    user: {
-      name: "string",
-      contact: "string",
-      email: "string",
-      id: "string",
-    },
-  },
-  },
-];
-
-export type { SeasonDTO };
-export { seasonDTO };
+// SeasonDTO
+interface SeasonsDTO {
+  id: string;
+  type: string;
+  year: string;
+}
+
+// StudentDTO
+interface StudentDTO {
+  id: string;
+  program: ProgramDTO;
+  rollNo: string;
+  user: UserDTO;
+}
+
+// ProgramDTO
+interface ProgramDTO {
+  branch: string;
+  course: string;
+  department: string;
+  id: string;
+  year: string;
+}
+
+// UserDTO
+interface UserDTO {
+  contact: string;
+  email: string;
+  id: string;
+  name: string;
+}
+
+// SeasonDTO
+interface SeasonDTO {
+  id: string;
+  registered: boolean;
+  season: SeasonsDTO;
+  student: StudentDTO;
+}
+
+
+const seasonDTO = [
+  {
+    id: "string",
+    registered: "boolean",
+  season: {
+    id: "string",
+    type: "string",
+    year: "string",
+  },
+  student: {
+    id: "string",
+    program: {
+      branch: "string",
+      course: "string",
+      department: "string",
+      id: "string",
+      year: "string",
+    },
+    rollNo: "string",
+    user: {
+      name: "string",
+      contact: "string",
+      email: "string",
+      id: "string",
+    },
+  },
+  },
+];
+
+export type { SeasonDTO };
+export { seasonDTO };
diff --git a/src/dto/StudentDto.ts b/src/dto/StudentDto.ts
index 74c1891a..c00e9f3b 100644
--- a/src/dto/StudentDto.ts
+++ b/src/dto/StudentDto.ts
@@ -1,53 +1,53 @@
-// dto.ts
-
-// Define the User type
-type User = {
-  name: string;
-  email: string;
-  contact: string;
-};
-
-// Define the Program type
-type Program = {
-  course: string;
-  branch: string;
-  year: number;
-};
-
-// Define the main DTO type
-type DTO = {
-  id: string;
-  userId: string;
-  programId: string;
-  rollNo: number;
-  category: string;
-  gender: "MALE" | "FEMALE"; // Assuming gender can have more than one value
-  cpi: number;
-  user: User;
-  program: Program;
-};
-
-const jsondto = [
-  {
-    id: "string",
-    userId: "string",
-    programId: "string",
-    rollNo: "number",
-    category: "string",
-    gender: "MALE",
-    cpi: "number",
-    user: {
-      name: "string",
-      email: "string",
-      contact: "string",
-    },
-    program: {
-      course: "string",
-      branch: "string",
-      year: "number",
-    },
-  },
-];
-
-export type { DTO, User, Program };
-export { jsondto };
+// dto.ts
+
+// Define the User type
+type User = {
+  name: string;
+  email: string;
+  contact: string;
+};
+
+// Define the Program type
+type Program = {
+  course: string;
+  branch: string;
+  year: number;
+};
+
+// Define the main DTO type
+type DTO = {
+  id: string;
+  userId: string;
+  programId: string;
+  rollNo: number;
+  category: string;
+  gender: "MALE" | "FEMALE"; // Assuming gender can have more than one value
+  cpi: number;
+  user: User;
+  program: Program;
+};
+
+const jsondto = [
+  {
+    id: "string",
+    userId: "string",
+    programId: "string",
+    rollNo: "number",
+    category: "string",
+    gender: "MALE",
+    cpi: "number",
+    user: {
+      name: "string",
+      email: "string",
+      contact: "string",
+    },
+    program: {
+      course: "string",
+      branch: "string",
+      year: "number",
+    },
+  },
+];
+
+export type { DTO, User, Program };
+export { jsondto };
diff --git a/src/dummyData/Interviews.tsx b/src/dummyData/Interviews.tsx
index 87844917..615b6fb2 100644
--- a/src/dummyData/Interviews.tsx
+++ b/src/dummyData/Interviews.tsx
@@ -1,115 +1,115 @@
-interface InterviewExperience {
-  ques: string;
-  ans: string;
-  student_name: string;
-  difficulty: string;
-  tags: Array<string>;
-}
-
-export const interviewExpData: InterviewExperience[] = [
-  {
-    student_name: "John Doe",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "How was your interview experience at Adobe?",
-    ans: "My interview with Adobe was challenging yet rewarding. They focused heavily on algorithms and data structures, asking me to solve complex problems on the spot. Additionally, they inquired about my previous projects and experiences, looking for strong problem-solving skills and technical proficiency throughout the process.",
-  },
-  {
-    student_name: "Jane Smith",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What topics should I focus on for Google interviews?",
-    ans: "For Google interviews, concentrate on mastering system design, coding problems, and understanding algorithms deeply. They emphasize solving complex algorithmic challenges efficiently. Also, practice mock interviews to improve your problem-solving speed and accuracy, and be ready to discuss your previous projects in detail.",
-  },
-  {
-    student_name: "Alice Johnson",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "Any tips for acing the Amazon coding round?",
-    ans: "To ace the Amazon coding round, practice coding questions extensively, especially on arrays, strings, and linked lists. Amazon emphasizes problem-solving and efficiency. Familiarize yourself with common data structures and algorithms, and ensure you can explain your thought process clearly during the interview.",
-  },
-  {
-    student_name: "Bob Brown",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "How to prepare for a Facebook interview?",
-    ans: "Facebook interviews require a good grasp of data structures and behavioral questions. Practice coding problems and system design extensively. Mock interviews can help you get comfortable with the format. Additionally, prepare to discuss your past experiences and how you approach solving technical challenges.",
-  },
-  {
-    student_name: "Carol Wilson",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What is the key to success in Microsoft's interview?",
-    ans: "Microsoft looks for strong problem-solving skills and creativity. Brush up on your coding and algorithm knowledge, and be ready to tackle complex coding problems. Also, be prepared to discuss how you approach problem-solving and your experiences working on previous projects or in teams.",
-  },
-  {
-    student_name: "David Miller",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "Can you share your experience with Apple interviews?",
-    ans: "Apple interviews are rigorous and multifaceted. They assess both technical skills and cultural fit. Be prepared for challenging coding tasks, algorithm questions, and design problems. Additionally, they value creativity and innovation, so be ready to discuss your past projects and how you solve unique technical challenges.",
-  },
-  {
-    student_name: "Eve Davis",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "How should I approach the coding round for Netflix?",
-    ans: "For Netflix, focus on coding efficiency and performance. They value clean, optimal code solutions. Prepare by practicing coding problems that emphasize performance and scalability. Additionally, be ready to discuss your past experiences and how you approach solving performance-related issues in your code.",
-  },
-  {
-    student_name: "Frank Martin",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What kind of questions are asked in Tesla's technical interviews?",
-    ans: "Tesla asks questions related to your technical expertise and problem-solving abilities. Be ready for technical deep dives into your area of specialization. They often focus on practical applications and your ability to solve real-world problems efficiently. Also, be prepared to discuss your previous projects in detail.",
-  },
-  {
-    student_name: "Grace Lee",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "How was your interview with LinkedIn?",
-    ans: "LinkedIn's interview process is structured and friendly. They test your coding skills, asking you to solve problems related to data structures and algorithms. Additionally, they evaluate your understanding of scalable systems and your ability to work effectively in a team. Be prepared to discuss your past experiences thoroughly.",
-  },
-  {
-    student_name: "Henry Clark",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What to expect in the coding interview at Uber?",
-    ans: "Uber focuses on real-world problems in their interviews. Prepare for coding challenges that are relevant to their services, such as optimizing routes and handling large data sets. They also value strong problem-solving skills and your ability to think critically under pressure. Be ready to discuss your projects.",
-  },
-  {
-    student_name: "Ivy Walker",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "Can you describe the Dropbox interview experience?",
-    ans: "Dropbox interviews are focused on practical coding tasks and your ability to think critically under pressure. They ask you to solve real-world problems efficiently, often involving data structures and algorithms. Additionally, they value clear communication and your ability to work well in a collaborative environment.",
-  },
-  {
-    student_name: "Jack White",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What should I prepare for a Stripe interview?",
-    ans: "Stripe interviews emphasize coding skills and problem-solving abilities. Brush up on your algorithms and be ready to tackle financial-related coding problems. They often focus on your ability to solve complex issues efficiently and your understanding of payment systems. Be prepared to discuss your past technical experiences in detail.",
-  },
-  {
-    student_name: "Kelly Green",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "How to excel in a Palantir interview?",
-    ans: "Palantir values problem-solving and coding efficiency. Practice complex data structure problems and system design extensively. Be prepared to explain your thought process and approach to solving problems clearly. Additionally, they appreciate candidates who can demonstrate a deep understanding of their technical domain and past project experiences.",
-  },
-  {
-    student_name: "Liam Harris",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What was unique about the Twitter interview process?",
-    ans: "Twitter's interview process includes coding challenges and cultural fit assessments. They value innovative solutions and your ability to think creatively. Be ready to solve algorithmic problems and discuss how you approach technical challenges. Additionally, they appreciate candidates who can demonstrate a passion for their work.",
-  },
-  {
-    student_name: "Mia Nelson",
-    difficulty: "Medium",
-    tags: ["dsa", "AI-ML"],
-    ques: "What areas are important for Airbnb interviews?",
-    ans: "Airbnb looks for strong coding skills and creativity. Be prepared for both technical and scenario-based questions. They value your ability to solve problems efficiently and think outside the box. Additionally, be ready to discuss your past projects and how you approach designing scalable systems.",
-  },
-];
+interface InterviewExperience {
+  ques: string;
+  ans: string;
+  student_name: string;
+  difficulty: string;
+  tags: Array<string>;
+}
+
+export const interviewExpData: InterviewExperience[] = [
+  {
+    student_name: "John Doe",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "How was your interview experience at Adobe?",
+    ans: "My interview with Adobe was challenging yet rewarding. They focused heavily on algorithms and data structures, asking me to solve complex problems on the spot. Additionally, they inquired about my previous projects and experiences, looking for strong problem-solving skills and technical proficiency throughout the process.",
+  },
+  {
+    student_name: "Jane Smith",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What topics should I focus on for Google interviews?",
+    ans: "For Google interviews, concentrate on mastering system design, coding problems, and understanding algorithms deeply. They emphasize solving complex algorithmic challenges efficiently. Also, practice mock interviews to improve your problem-solving speed and accuracy, and be ready to discuss your previous projects in detail.",
+  },
+  {
+    student_name: "Alice Johnson",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "Any tips for acing the Amazon coding round?",
+    ans: "To ace the Amazon coding round, practice coding questions extensively, especially on arrays, strings, and linked lists. Amazon emphasizes problem-solving and efficiency. Familiarize yourself with common data structures and algorithms, and ensure you can explain your thought process clearly during the interview.",
+  },
+  {
+    student_name: "Bob Brown",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "How to prepare for a Facebook interview?",
+    ans: "Facebook interviews require a good grasp of data structures and behavioral questions. Practice coding problems and system design extensively. Mock interviews can help you get comfortable with the format. Additionally, prepare to discuss your past experiences and how you approach solving technical challenges.",
+  },
+  {
+    student_name: "Carol Wilson",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What is the key to success in Microsoft's interview?",
+    ans: "Microsoft looks for strong problem-solving skills and creativity. Brush up on your coding and algorithm knowledge, and be ready to tackle complex coding problems. Also, be prepared to discuss how you approach problem-solving and your experiences working on previous projects or in teams.",
+  },
+  {
+    student_name: "David Miller",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "Can you share your experience with Apple interviews?",
+    ans: "Apple interviews are rigorous and multifaceted. They assess both technical skills and cultural fit. Be prepared for challenging coding tasks, algorithm questions, and design problems. Additionally, they value creativity and innovation, so be ready to discuss your past projects and how you solve unique technical challenges.",
+  },
+  {
+    student_name: "Eve Davis",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "How should I approach the coding round for Netflix?",
+    ans: "For Netflix, focus on coding efficiency and performance. They value clean, optimal code solutions. Prepare by practicing coding problems that emphasize performance and scalability. Additionally, be ready to discuss your past experiences and how you approach solving performance-related issues in your code.",
+  },
+  {
+    student_name: "Frank Martin",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What kind of questions are asked in Tesla's technical interviews?",
+    ans: "Tesla asks questions related to your technical expertise and problem-solving abilities. Be ready for technical deep dives into your area of specialization. They often focus on practical applications and your ability to solve real-world problems efficiently. Also, be prepared to discuss your previous projects in detail.",
+  },
+  {
+    student_name: "Grace Lee",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "How was your interview with LinkedIn?",
+    ans: "LinkedIn's interview process is structured and friendly. They test your coding skills, asking you to solve problems related to data structures and algorithms. Additionally, they evaluate your understanding of scalable systems and your ability to work effectively in a team. Be prepared to discuss your past experiences thoroughly.",
+  },
+  {
+    student_name: "Henry Clark",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What to expect in the coding interview at Uber?",
+    ans: "Uber focuses on real-world problems in their interviews. Prepare for coding challenges that are relevant to their services, such as optimizing routes and handling large data sets. They also value strong problem-solving skills and your ability to think critically under pressure. Be ready to discuss your projects.",
+  },
+  {
+    student_name: "Ivy Walker",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "Can you describe the Dropbox interview experience?",
+    ans: "Dropbox interviews are focused on practical coding tasks and your ability to think critically under pressure. They ask you to solve real-world problems efficiently, often involving data structures and algorithms. Additionally, they value clear communication and your ability to work well in a collaborative environment.",
+  },
+  {
+    student_name: "Jack White",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What should I prepare for a Stripe interview?",
+    ans: "Stripe interviews emphasize coding skills and problem-solving abilities. Brush up on your algorithms and be ready to tackle financial-related coding problems. They often focus on your ability to solve complex issues efficiently and your understanding of payment systems. Be prepared to discuss your past technical experiences in detail.",
+  },
+  {
+    student_name: "Kelly Green",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "How to excel in a Palantir interview?",
+    ans: "Palantir values problem-solving and coding efficiency. Practice complex data structure problems and system design extensively. Be prepared to explain your thought process and approach to solving problems clearly. Additionally, they appreciate candidates who can demonstrate a deep understanding of their technical domain and past project experiences.",
+  },
+  {
+    student_name: "Liam Harris",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What was unique about the Twitter interview process?",
+    ans: "Twitter's interview process includes coding challenges and cultural fit assessments. They value innovative solutions and your ability to think creatively. Be ready to solve algorithmic problems and discuss how you approach technical challenges. Additionally, they appreciate candidates who can demonstrate a passion for their work.",
+  },
+  {
+    student_name: "Mia Nelson",
+    difficulty: "Medium",
+    tags: ["dsa", "AI-ML"],
+    ques: "What areas are important for Airbnb interviews?",
+    ans: "Airbnb looks for strong coding skills and creativity. Be prepared for both technical and scenario-based questions. They value your ability to solve problems efficiently and think outside the box. Additionally, be ready to discuss your past projects and how you approach designing scalable systems.",
+  },
+];
diff --git a/src/dummyData/Recruiters.js b/src/dummyData/Recruiters.js
index 01b6b172..890c2502 100644
--- a/src/dummyData/Recruiters.js
+++ b/src/dummyData/Recruiters.js
@@ -1,193 +1,193 @@
-export const RecruitersData = [];
-
-export const Jobs = [
-  {
-    id: <a href="/">id</a>,
-    role: "National Marketing Architect",
-    active: true,
-    currentStatus: "TEST_COMPLETED",
-    season: {
-      id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
-      year: "2394",
-      type: "PLACEMENT",
-    },
-    company: {
-      id: "f08ef971-1703-40fd-9ea8-91e963388a89",
-      name: "Jakubowski, Schinner and Koelpin",
-    },
-  },
-  {
-    id: "c0b1f4db-242f-4f2b-b2c7-3978cf1f7ded",
-    role: "Central Implementation Strategist",
-    active: true,
-    currentStatus: "OFFER_REVOKED",
-    season: {
-      id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
-      year: "2394",
-      type: "PLACEMENT",
-    },
-    company: {
-      id: "f1033145-a2f4-4f7a-8315-b5eee8a4a652",
-      name: "Conn, Bogisich and Harvey",
-    },
-  },
-];
-
-export const JobDetail = {
-  id: "93ea6252-2ee2-4905-8d77-53e7c83ca54e",
-  role: "National Marketing Architect",
-  active: true,
-  currentStatus: "TEST_COMPLETED",
-  selectionProcedure: {
-    tests: [
-      {
-        type: "ASSIGNMENT",
-        duration: 669978662,
-      },
-      {
-        type: "APTITUDE",
-        duration: 628588734,
-      },
-      {
-        type: "ASSIGNMENT",
-        duration: 387686673,
-      },
-    ],
-    interviews: [
-      {
-        type: "HR",
-        duration: 80805165,
-      },
-      {
-        type: "HR",
-        duration: 377941428,
-      },
-      {
-        type: "HR",
-        duration: 351271317,
-      },
-    ],
-    requirements: {
-      numberOfMembers: 768175162,
-      otherRequirements: "O",
-    },
-    selectionMode: "OFFLINE",
-    groupDiscussion: true,
-    shortlistFromResume: false,
-  },
-  attachment: "V",
-  skills: "m",
-  location: "V",
-  offerLetterReleaseDate: "2024-09-17T13:57:19.942Z",
-  joiningDate: "2024-12-30T12:26:17.722Z",
-  duration: 1975798126,
-  season: {
-    id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
-    year: "2394",
-    type: "PLACEMENT",
-  },
-  company: {
-    id: "f08ef971-1703-40fd-9ea8-91e963388a89",
-    name: "Jakubowski, Schinner and Koelpin",
-  },
-  jobCoordinators: [
-    {
-      id: "eb993a1e-9929-4a1a-8354-a78d07262648",
-      role: "PRIMARY",
-      tpcMember: {
-        id: "c69b547c-4d5e-45fa-947a-f545ab4edf7f",
-        department: "Mathematics",
-        role: "COORDINATOR",
-        user: {
-          id: "755ddbd9-9bfc-4dd1-a22b-ef488c877865",
-          email: "Paxton.Hilpert@hotmail.com",
-          name: "Paxton Hilpert",
-          contact: "39 7859293533",
-        },
-      },
-    },
-    {
-      id: "64931261-bc89-4748-9ae2-75785416844b",
-      role: "PRIMARY",
-      tpcMember: {
-        id: "96e9c55d-df97-4ad9-a5fb-697e15f7f958",
-        department: "Chemistry",
-        role: "MANAGER",
-        user: {
-          id: "cf04395d-f75c-491b-9cd4-d6c5c23c3a2e",
-          email: "Simone.Boehm57@yahoo.com",
-          name: "Simone Boehm",
-          contact: "80 6925873248",
-        },
-      },
-    },
-    {
-      id: "cff036b0-60e4-49e9-9983-9e5f174d6590",
-      role: "PRIMARY",
-      tpcMember: {
-        id: "3508ec76-d560-4dc0-a7ae-9d2c1276e82f",
-        department: "Metallurgical Engineering and Materials Science",
-        role: "MANAGER",
-        user: {
-          id: "8426bf69-364b-41db-861b-f7440979b35a",
-          email: "Boyd_Stracke49@gmail.com",
-          name: "Boyd Stracke",
-          contact: "40 1309892158",
-        },
-      },
-    },
-    {
-      id: "d91c8544-af33-47e5-a386-80d80763108d",
-      role: "PRIMARY",
-      tpcMember: {
-        id: "43bd164c-6afd-45f8-9022-948b197724e3",
-        department: "Humanities and Social Sciences",
-        role: "COORDINATOR",
-        user: {
-          id: "fc83c789-540d-4c08-96a0-195acba73021",
-          email: "Thurman_Bednar@yahoo.com",
-          name: "Thurman Bednar",
-          contact: "42 9056785310",
-        },
-      },
-    },
-    {
-      id: "981fc20c-2882-4079-9d74-0788725c387c",
-      role: "SECONDARY",
-      tpcMember: {
-        id: "a812ddf7-ae78-4b5b-b438-9048be58b880",
-        department: "Mechanical Engineering",
-        role: "MANAGER",
-        user: {
-          id: "d179f15b-5a8f-4a4b-838e-f6aec1bea1c2",
-          email: "Carson_McCullough11@yahoo.com",
-          name: "Carson McCullough",
-          contact: "76 7383543785",
-        },
-      },
-    },
-  ],
-  events: [
-    {
-      id: "0aa28038-a5ff-44d2-9874-8340574430cd",
-      roundNumber: 1,
-      type: "INTERVIEW",
-      metadata: "Crudelis depereo testimonium adulescens.",
-      startDateTime: "2024-05-06T10:00:02.590Z",
-      endDateTime: "2024-05-05T16:57:22.746Z",
-    },
-  ],
-  salaries: [
-    {
-      id: "67b30a42-c94c-4ea5-b3b0-f3b61d2878d3",
-      programs: ["e9e076ca-2ea7-4832-ab46-95400bbb3ec8"],
-      genders: ["MALE", "FEMALE", "OTHER"],
-      categories: ["PWD"],
-      baseSalary: 74550,
-      totalCTC: 166253,
-      takeHomeSalary: 34614,
-      grossSalary: 141172,
-      otherCompensations: 17824,
-    },
-  ],
-};
+export const RecruitersData = [];
+
+export const Jobs = [
+  {
+    id: <a href="/">id</a>,
+    role: "National Marketing Architect",
+    active: true,
+    currentStatus: "TEST_COMPLETED",
+    season: {
+      id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
+      year: "2394",
+      type: "PLACEMENT",
+    },
+    company: {
+      id: "f08ef971-1703-40fd-9ea8-91e963388a89",
+      name: "Jakubowski, Schinner and Koelpin",
+    },
+  },
+  {
+    id: "c0b1f4db-242f-4f2b-b2c7-3978cf1f7ded",
+    role: "Central Implementation Strategist",
+    active: true,
+    currentStatus: "OFFER_REVOKED",
+    season: {
+      id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
+      year: "2394",
+      type: "PLACEMENT",
+    },
+    company: {
+      id: "f1033145-a2f4-4f7a-8315-b5eee8a4a652",
+      name: "Conn, Bogisich and Harvey",
+    },
+  },
+];
+
+export const JobDetail = {
+  id: "93ea6252-2ee2-4905-8d77-53e7c83ca54e",
+  role: "National Marketing Architect",
+  active: true,
+  currentStatus: "TEST_COMPLETED",
+  selectionProcedure: {
+    tests: [
+      {
+        type: "ASSIGNMENT",
+        duration: 669978662,
+      },
+      {
+        type: "APTITUDE",
+        duration: 628588734,
+      },
+      {
+        type: "ASSIGNMENT",
+        duration: 387686673,
+      },
+    ],
+    interviews: [
+      {
+        type: "HR",
+        duration: 80805165,
+      },
+      {
+        type: "HR",
+        duration: 377941428,
+      },
+      {
+        type: "HR",
+        duration: 351271317,
+      },
+    ],
+    requirements: {
+      numberOfMembers: 768175162,
+      otherRequirements: "O",
+    },
+    selectionMode: "OFFLINE",
+    groupDiscussion: true,
+    shortlistFromResume: false,
+  },
+  attachment: "V",
+  skills: "m",
+  location: "V",
+  offerLetterReleaseDate: "2024-09-17T13:57:19.942Z",
+  joiningDate: "2024-12-30T12:26:17.722Z",
+  duration: 1975798126,
+  season: {
+    id: "9a096329-f12a-45ea-bca7-c77aa9ee1787",
+    year: "2394",
+    type: "PLACEMENT",
+  },
+  company: {
+    id: "f08ef971-1703-40fd-9ea8-91e963388a89",
+    name: "Jakubowski, Schinner and Koelpin",
+  },
+  jobCoordinators: [
+    {
+      id: "eb993a1e-9929-4a1a-8354-a78d07262648",
+      role: "PRIMARY",
+      tpcMember: {
+        id: "c69b547c-4d5e-45fa-947a-f545ab4edf7f",
+        department: "Mathematics",
+        role: "COORDINATOR",
+        user: {
+          id: "755ddbd9-9bfc-4dd1-a22b-ef488c877865",
+          email: "Paxton.Hilpert@hotmail.com",
+          name: "Paxton Hilpert",
+          contact: "39 7859293533",
+        },
+      },
+    },
+    {
+      id: "64931261-bc89-4748-9ae2-75785416844b",
+      role: "PRIMARY",
+      tpcMember: {
+        id: "96e9c55d-df97-4ad9-a5fb-697e15f7f958",
+        department: "Chemistry",
+        role: "MANAGER",
+        user: {
+          id: "cf04395d-f75c-491b-9cd4-d6c5c23c3a2e",
+          email: "Simone.Boehm57@yahoo.com",
+          name: "Simone Boehm",
+          contact: "80 6925873248",
+        },
+      },
+    },
+    {
+      id: "cff036b0-60e4-49e9-9983-9e5f174d6590",
+      role: "PRIMARY",
+      tpcMember: {
+        id: "3508ec76-d560-4dc0-a7ae-9d2c1276e82f",
+        department: "Metallurgical Engineering and Materials Science",
+        role: "MANAGER",
+        user: {
+          id: "8426bf69-364b-41db-861b-f7440979b35a",
+          email: "Boyd_Stracke49@gmail.com",
+          name: "Boyd Stracke",
+          contact: "40 1309892158",
+        },
+      },
+    },
+    {
+      id: "d91c8544-af33-47e5-a386-80d80763108d",
+      role: "PRIMARY",
+      tpcMember: {
+        id: "43bd164c-6afd-45f8-9022-948b197724e3",
+        department: "Humanities and Social Sciences",
+        role: "COORDINATOR",
+        user: {
+          id: "fc83c789-540d-4c08-96a0-195acba73021",
+          email: "Thurman_Bednar@yahoo.com",
+          name: "Thurman Bednar",
+          contact: "42 9056785310",
+        },
+      },
+    },
+    {
+      id: "981fc20c-2882-4079-9d74-0788725c387c",
+      role: "SECONDARY",
+      tpcMember: {
+        id: "a812ddf7-ae78-4b5b-b438-9048be58b880",
+        department: "Mechanical Engineering",
+        role: "MANAGER",
+        user: {
+          id: "d179f15b-5a8f-4a4b-838e-f6aec1bea1c2",
+          email: "Carson_McCullough11@yahoo.com",
+          name: "Carson McCullough",
+          contact: "76 7383543785",
+        },
+      },
+    },
+  ],
+  events: [
+    {
+      id: "0aa28038-a5ff-44d2-9874-8340574430cd",
+      roundNumber: 1,
+      type: "INTERVIEW",
+      metadata: "Crudelis depereo testimonium adulescens.",
+      startDateTime: "2024-05-06T10:00:02.590Z",
+      endDateTime: "2024-05-05T16:57:22.746Z",
+    },
+  ],
+  salaries: [
+    {
+      id: "67b30a42-c94c-4ea5-b3b0-f3b61d2878d3",
+      programs: ["e9e076ca-2ea7-4832-ab46-95400bbb3ec8"],
+      genders: ["MALE", "FEMALE", "OTHER"],
+      categories: ["PWD"],
+      baseSalary: 74550,
+      totalCTC: 166253,
+      takeHomeSalary: 34614,
+      grossSalary: 141172,
+      otherCompensations: 17824,
+    },
+  ],
+};
diff --git a/src/dummyData/TermsAndConditions.js b/src/dummyData/TermsAndConditions.js
index 08b601a1..764461ad 100644
--- a/src/dummyData/TermsAndConditions.js
+++ b/src/dummyData/TermsAndConditions.js
@@ -1,13 +1,13 @@
-export const TermsAndConditions = [
-  "Performance-based bonus should not be declared as part of a salary but must be indicated in the incentives/ perks/ bonus column. ESOP (Employee Stock Option Plan) and lock-in period, if any, should be stated explicitly in additional information.",
-  "Any amount to be disbursed later than the end of first 12 months should not be a part of Gross/CTC. Statutory annual pay-outs (e.g. Medical, LTC etc.) should not be a part of Gross.",
-  "It may be noted that IITs have maintained a high rank in many surveys done by many organisations, wherein several departments have achieved the best positions nationally and internationally as well. The recognition could not have been possible without your support. We are once again striving to strengthen our position in Rankings wherein, a team of survey ranking committee may contact you to ask some queries. For example \n a.	To nominate up to 10 institutions that they rate as being the best for producing graduates. \n b.	To nominate up to 30 international institutions outside of their country/territory of knowledge that they rate as being the best for Producing graduates. \n We request you to respond whenever contacted by such ranking agencies/organizations. ",
-  "All the correspondences pre- and post-selection should be routed through Placement Cell of IIT Indore.",
-  "The offer letter should be released within 30 days of result declaration. It must contain Date of Joining, Location, detailed breakup of salary structure based on the filled CTC in the JAF. Under any circumstances, the offer letter should not be delayed beyond March. Joining date should not be deferred beyond 1st September.",
-  "Recruiter must abide by the information filled in JNF as above and AIPC Guidelines to the Recruiters (https://aipciits.com/guidelines/).",
-  "Companies are welcome to come for recruiting multiple times if interested or for any other special recruitment drive. ",
-  "Companies on campus are advised not to engage in any off-campus recruitment activity before/during/after the campus process.  For any issues the company should contact the placement cell of the institute.",
-  "Same CTC for the same job profile and role should be offered across all IITs. ",
-  "It is strongly recommended to keep some students in waitlist in addition to your final selection.",
-  "If in case of any discrepancy in the final offers, the company would be liable for strict action as per AIPC guidelines and the respective IIT placement policy.  If a company is unable to honour the offered position or delays the joining of the candidate beyond September, the selected candidate is entitled to compensation equal to three months      of salary, as specified in the JNF or the offer letter, whichever amount is higher. Companies/ organizations withdrawing offers without compensation will be paused from Phase-1 full-time hiring by all IITs. They may also be debarred or black-listed depending on the nature of JNF violations, as per the guidelines of AIPC.",
-];
+export const TermsAndConditions = [
+  "Performance-based bonus should not be declared as part of a salary but must be indicated in the incentives/ perks/ bonus column. ESOP (Employee Stock Option Plan) and lock-in period, if any, should be stated explicitly in additional information.",
+  "Any amount to be disbursed later than the end of first 12 months should not be a part of Gross/CTC. Statutory annual pay-outs (e.g. Medical, LTC etc.) should not be a part of Gross.",
+  "It may be noted that IITs have maintained a high rank in many surveys done by many organisations, wherein several departments have achieved the best positions nationally and internationally as well. The recognition could not have been possible without your support. We are once again striving to strengthen our position in Rankings wherein, a team of survey ranking committee may contact you to ask some queries. For example \n a.	To nominate up to 10 institutions that they rate as being the best for producing graduates. \n b.	To nominate up to 30 international institutions outside of their country/territory of knowledge that they rate as being the best for Producing graduates. \n We request you to respond whenever contacted by such ranking agencies/organizations. ",
+  "All the correspondences pre- and post-selection should be routed through Placement Cell of IIT Indore.",
+  "The offer letter should be released within 30 days of result declaration. It must contain Date of Joining, Location, detailed breakup of salary structure based on the filled CTC in the JAF. Under any circumstances, the offer letter should not be delayed beyond March. Joining date should not be deferred beyond 1st September.",
+  "Recruiter must abide by the information filled in JNF as above and AIPC Guidelines to the Recruiters (https://aipciits.com/guidelines/).",
+  "Companies are welcome to come for recruiting multiple times if interested or for any other special recruitment drive. ",
+  "Companies on campus are advised not to engage in any off-campus recruitment activity before/during/after the campus process.  For any issues the company should contact the placement cell of the institute.",
+  "Same CTC for the same job profile and role should be offered across all IITs. ",
+  "It is strongly recommended to keep some students in waitlist in addition to your final selection.",
+  "If in case of any discrepancy in the final offers, the company would be liable for strict action as per AIPC guidelines and the respective IIT placement policy.  If a company is unable to honour the offered position or delays the joining of the candidate beyond September, the selected candidate is entitled to compensation equal to three months      of salary, as specified in the JNF or the offer letter, whichever amount is higher. Companies/ organizations withdrawing offers without compensation will be paused from Phase-1 full-time hiring by all IITs. They may also be debarred or black-listed depending on the nature of JNF violations, as per the guidelines of AIPC.",
+];
diff --git a/src/dummyData/admin.js b/src/dummyData/admin.js
index 7403024a..1fc35179 100644
--- a/src/dummyData/admin.js
+++ b/src/dummyData/admin.js
@@ -1,72 +1,72 @@
-export const AllAdmins = [
-  {
-    id: "b31b1a18-7b13-4e14-a12a-1db97f06df3d",
-    email: "john.doe@example.com",
-    name: "John Doe",
-    contact: "123-456-7890",
-    role: "ADMIN",
-  },
-  {
-    id: "9a2bd8f3-9e16-4ef9-9d8a-37261fe91f2c",
-    email: "jane.smith@example.com",
-    name: "Jane Smith",
-    contact: "987-654-3210",
-    role: "ADMIN",
-  },
-  {
-    id: "a77c8264-4cfd-4ef1-a243-6670d57f9e05",
-    email: "michael.jones@example.com",
-    name: "Michael Jones",
-    contact: "555-555-5555",
-    role: "ADMIN",
-  },
-  {
-    id: "f6f56e01-4b4c-4c93-ae8d-2420b06f9baf",
-    email: "emily.white@example.com",
-    name: "Emily White",
-    contact: "111-222-3333",
-    role: "ADMIN",
-  },
-  {
-    id: "1bd5d0a9-3c16-4153-8e7e-309f95b8a8ea",
-    email: "robert.green@example.com",
-    name: "Robert Green",
-    contact: "444-444-4444",
-    role: "ADMIN",
-  },
-  {
-    id: "8c1c3e45-3f03-4c7d-912e-5a688d5c4c66",
-    email: "linda.martin@example.com",
-    name: "Linda Martin",
-    contact: "777-888-9999",
-    role: "ADMIN",
-  },
-  {
-    id: "f3b1c2e7-0b5b-45b4-bf01-3007ac1a3f45",
-    email: "david.miller@example.com",
-    name: "David Miller",
-    contact: "333-333-3333",
-    role: "ADMIN",
-  },
-  {
-    id: "33b94f24-575b-4ff2-aa0c-122d4c3cb5d4",
-    email: "susan.ward@example.com",
-    name: "Susan Ward",
-    contact: "999-999-9999",
-    role: "ADMIN",
-  },
-  {
-    id: "09d2923c-9bb7-4ec3-bc8f-75c26c2ff077",
-    email: "brian.hill@example.com",
-    name: "Brian Hill",
-    contact: "666-666-6666",
-    role: "ADMIN",
-  },
-  {
-    id: "a7eb1a37-4bb5-42e3-8c31-9b0d13650fe1",
-    email: "olivia.wright@example.com",
-    name: "Olivia Wright",
-    contact: "222-333-4444",
-    role: "ADMIN",
-  },
-];
+export const AllAdmins = [
+  {
+    id: "b31b1a18-7b13-4e14-a12a-1db97f06df3d",
+    email: "john.doe@example.com",
+    name: "John Doe",
+    contact: "123-456-7890",
+    role: "ADMIN",
+  },
+  {
+    id: "9a2bd8f3-9e16-4ef9-9d8a-37261fe91f2c",
+    email: "jane.smith@example.com",
+    name: "Jane Smith",
+    contact: "987-654-3210",
+    role: "ADMIN",
+  },
+  {
+    id: "a77c8264-4cfd-4ef1-a243-6670d57f9e05",
+    email: "michael.jones@example.com",
+    name: "Michael Jones",
+    contact: "555-555-5555",
+    role: "ADMIN",
+  },
+  {
+    id: "f6f56e01-4b4c-4c93-ae8d-2420b06f9baf",
+    email: "emily.white@example.com",
+    name: "Emily White",
+    contact: "111-222-3333",
+    role: "ADMIN",
+  },
+  {
+    id: "1bd5d0a9-3c16-4153-8e7e-309f95b8a8ea",
+    email: "robert.green@example.com",
+    name: "Robert Green",
+    contact: "444-444-4444",
+    role: "ADMIN",
+  },
+  {
+    id: "8c1c3e45-3f03-4c7d-912e-5a688d5c4c66",
+    email: "linda.martin@example.com",
+    name: "Linda Martin",
+    contact: "777-888-9999",
+    role: "ADMIN",
+  },
+  {
+    id: "f3b1c2e7-0b5b-45b4-bf01-3007ac1a3f45",
+    email: "david.miller@example.com",
+    name: "David Miller",
+    contact: "333-333-3333",
+    role: "ADMIN",
+  },
+  {
+    id: "33b94f24-575b-4ff2-aa0c-122d4c3cb5d4",
+    email: "susan.ward@example.com",
+    name: "Susan Ward",
+    contact: "999-999-9999",
+    role: "ADMIN",
+  },
+  {
+    id: "09d2923c-9bb7-4ec3-bc8f-75c26c2ff077",
+    email: "brian.hill@example.com",
+    name: "Brian Hill",
+    contact: "666-666-6666",
+    role: "ADMIN",
+  },
+  {
+    id: "a7eb1a37-4bb5-42e3-8c31-9b0d13650fe1",
+    email: "olivia.wright@example.com",
+    name: "Olivia Wright",
+    contact: "222-333-4444",
+    role: "ADMIN",
+  },
+];
diff --git a/src/dummyData/company.js b/src/dummyData/company.js
index 40e258ef..e597f078 100644
--- a/src/dummyData/company.js
+++ b/src/dummyData/company.js
@@ -1,69 +1,69 @@
-export const AllCompanies = [
-  {
-    id: "1c4f5c6d-4a12-4f89-8be9-2f53a0f93f18",
-    name: "Tech Innovators Ltd.",
-  },
-  {
-    id: "82ecb37f-03ac-49a1-a5f1-8f3a7e79b7f6",
-    name: "Global Solutions Inc.",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "f8ac5b3c-0a13-42e6-bf46-ccab5392fc72",
-    name: "EcoTech Innovations",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "6d157e9b-dbf1-4e62-9351-d6e0e1cf7451",
-    name: "Financial Dynamics Corp.",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "a2c487a0-3c87-4cb7-b646-99a4513f9292",
-    name: "HealthCare Innovations Group",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "b3e8d03d-4221-4a2d-9cf4-d34e4f5d5b5f",
-    name: "Global Media Networks",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "7f1087e5-f9a3-40c8-bd3c-3f02a2eb433b",
-    name: "Innovate Logistics Solutions",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "2b0b9e54-6724-45f4-b5d1-92d0433e63a0",
-    name: "Green Energy Systems",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "e738b164-6961-4a76-ba9e-f1c04dd68d6a",
-    name: "Education Dynamics Co.",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-  {
-    id: "870ed86b-5b64-4319-af42-7f2d5b43fb3c",
-    name: "Transportation Solutions Ltd.",
-    jafs: [],
-    ppoOffers: [],
-    recruiters: [],
-  },
-];
+export const AllCompanies = [
+  {
+    id: "1c4f5c6d-4a12-4f89-8be9-2f53a0f93f18",
+    name: "Tech Innovators Ltd.",
+  },
+  {
+    id: "82ecb37f-03ac-49a1-a5f1-8f3a7e79b7f6",
+    name: "Global Solutions Inc.",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "f8ac5b3c-0a13-42e6-bf46-ccab5392fc72",
+    name: "EcoTech Innovations",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "6d157e9b-dbf1-4e62-9351-d6e0e1cf7451",
+    name: "Financial Dynamics Corp.",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "a2c487a0-3c87-4cb7-b646-99a4513f9292",
+    name: "HealthCare Innovations Group",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "b3e8d03d-4221-4a2d-9cf4-d34e4f5d5b5f",
+    name: "Global Media Networks",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "7f1087e5-f9a3-40c8-bd3c-3f02a2eb433b",
+    name: "Innovate Logistics Solutions",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "2b0b9e54-6724-45f4-b5d1-92d0433e63a0",
+    name: "Green Energy Systems",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "e738b164-6961-4a76-ba9e-f1c04dd68d6a",
+    name: "Education Dynamics Co.",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+  {
+    id: "870ed86b-5b64-4319-af42-7f2d5b43fb3c",
+    name: "Transportation Solutions Ltd.",
+    jafs: [],
+    ppoOffers: [],
+    recruiters: [],
+  },
+];
diff --git a/src/dummyData/faculty.js b/src/dummyData/faculty.js
index 881da7f4..4a8c49fe 100644
--- a/src/dummyData/faculty.js
+++ b/src/dummyData/faculty.js
@@ -1,435 +1,435 @@
-export const Approvals = [
-  {
-    id: "e1604040-8cdd-4fe4-88d1-e5bfde27875e",
-    status: "REJECTED",
-    remarks: "Fugit tamisium absens volubilis debeo tenetur demonstro.",
-    faculty: {
-      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
-      department: "Mathematics",
-      user: {
-        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
-        email: "Justina.Schroeder32@gmail.com",
-        name: "Justina Schroeder",
-        contact: "73 5212333805",
-      },
-    },
-    salary: {
-      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
-      salaryPeriod: "J",
-      totalCTC: 74624,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "2785c403-e587-43df-b3a7-f777b32529b4",
-    status: "APPROVED",
-    remarks: "Clamo valde solvo.",
-    faculty: {
-      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
-      department: "Mathematics",
-      user: {
-        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
-        email: "Justina.Schroeder32@gmail.com",
-        name: "Justina Schroeder",
-        contact: "73 5212333805",
-      },
-    },
-    salary: {
-      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
-      totalCTC: 180875,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "4a58eab1-93e5-441a-b61b-9d56282eb526",
-    status: "REJECTED",
-    remarks: "Tremo magnam adamo super contra acer sufficio adamo correptius.",
-    faculty: {
-      id: "6a49c8db-f8db-4982-a556-dc4f37d5f1d6",
-      department: "Chemistry",
-      user: {
-        id: "fc2d10c4-be5f-47d6-ab7d-8342cd746dbd",
-        email: "Columbus_Hodkiewicz@gmail.com",
-        name: "Columbus Hodkiewicz",
-        contact: "12 6431237604",
-      },
-    },
-    salary: {
-      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
-      salaryPeriod: "J",
-      totalCTC: 171163,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "d478921c-beae-4f4c-99a7-a1241cb7411f",
-    status: "REJECTED",
-    faculty: {
-      id: "6a49c8db-f8db-4982-a556-dc4f37d5f1d6",
-      department: "Chemistry",
-      user: {
-        id: "fc2d10c4-be5f-47d6-ab7d-8342cd746dbd",
-        email: "Columbus_Hodkiewicz@gmail.com",
-        name: "Columbus Hodkiewicz",
-        contact: "12 6431237604",
-      },
-    },
-    salary: {
-      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
-      totalCTC: 180875,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "389a217a-65d3-4450-bf64-5b0e85abeb08",
-    status: "APPROVED",
-    remarks: "Hic vulgaris suppellex cerno causa cubicularis thymbra.",
-    faculty: {
-      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
-      department: "Biosciences and Biomedical Engineering",
-      user: {
-        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
-        email: "Cristobal_OKon88@yahoo.com",
-        name: "Cristobal O'Kon",
-        contact: "25 3280154864",
-      },
-    },
-    salary: {
-      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
-      totalCTC: 180875,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "06b49807-5a8d-4500-aab1-2f6f7ce30829",
-    status: "APPROVED",
-    remarks: "Cito beneficium adicio tabgo.",
-    faculty: {
-      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
-      department: "Electrical Engineering",
-      user: {
-        id: "dee597fa-183e-43db-8bc3-1776b856923b",
-        email: "Lesley_McDermott52@hotmail.com",
-        name: "Lesley McDermott",
-        contact: "12 7165388376",
-      },
-    },
-    salary: {
-      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
-      totalCTC: 180875,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "0940a161-f9ee-4776-94f7-da4f3677c753",
-    status: "APPROVED",
-    remarks: "Cui illum consectetur laboriosam spoliatio voluptate.",
-    faculty: {
-      id: "7744c94a-7003-469d-8fa1-25648092e8a9",
-      department: "Computer Science and Engineering",
-      user: {
-        id: "1c72767a-03a6-4ac8-b0cd-f59bdfed1a07",
-        email: "Sienna_Wisoky@gmail.com",
-        name: "Sienna Wisoky",
-        contact: "36 6068284795",
-      },
-    },
-    salary: {
-      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
-      totalCTC: 180875,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "58712803-1583-4942-bc0d-16b84831c5fa",
-    status: "PENDING",
-    faculty: {
-      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
-      department: "Biosciences and Biomedical Engineering",
-      user: {
-        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
-        email: "Cristobal_OKon88@yahoo.com",
-        name: "Cristobal O'Kon",
-        contact: "25 3280154864",
-      },
-    },
-    salary: {
-      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
-      salaryPeriod: "J",
-      totalCTC: 171163,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "0dc2e3fe-f6e7-42dd-8e6a-ff29f1653b59",
-    status: "REJECTED",
-    faculty: {
-      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
-      department: "Mathematics",
-      user: {
-        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
-        email: "Justina.Schroeder32@gmail.com",
-        name: "Justina Schroeder",
-        contact: "73 5212333805",
-      },
-    },
-    salary: {
-      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
-      salaryPeriod: "J",
-      totalCTC: 171163,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "785343f2-97b4-475c-96f3-686b335f5a23",
-    status: "PENDING",
-    faculty: {
-      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
-      department: "Electrical Engineering",
-      user: {
-        id: "dee597fa-183e-43db-8bc3-1776b856923b",
-        email: "Lesley_McDermott52@hotmail.com",
-        name: "Lesley McDermott",
-        contact: "12 7165388376",
-      },
-    },
-    salary: {
-      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
-      salaryPeriod: "J",
-      totalCTC: 171163,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "4f567d8f-b456-41a4-8273-7d77174334be",
-    status: "REJECTED",
-    faculty: {
-      id: "7744c94a-7003-469d-8fa1-25648092e8a9",
-      department: "Computer Science and Engineering",
-      user: {
-        id: "1c72767a-03a6-4ac8-b0cd-f59bdfed1a07",
-        email: "Sienna_Wisoky@gmail.com",
-        name: "Sienna Wisoky",
-        contact: "36 6068284795",
-      },
-    },
-    salary: {
-      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
-      salaryPeriod: "J",
-      totalCTC: 171163,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "4a9f3485-3392-484e-86e7-82d355b48331",
-    status: "PENDING",
-    remarks:
-      "Angelus temporibus fugit terminatio crudelis atqui corpus derelinquo.",
-    faculty: {
-      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
-      department: "Biosciences and Biomedical Engineering",
-      user: {
-        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
-        email: "Cristobal_OKon88@yahoo.com",
-        name: "Cristobal O'Kon",
-        contact: "25 3280154864",
-      },
-    },
-    salary: {
-      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
-      salaryPeriod: "J",
-      totalCTC: 74624,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-  {
-    id: "e45166a6-6539-47ba-9878-2e37fc995607",
-    status: "APPROVED",
-    remarks: "Recusandae facere cubo.",
-    faculty: {
-      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
-      department: "Electrical Engineering",
-      user: {
-        id: "dee597fa-183e-43db-8bc3-1776b856923b",
-        email: "Lesley_McDermott52@hotmail.com",
-        name: "Lesley McDermott",
-        contact: "12 7165388376",
-      },
-    },
-    salary: {
-      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
-      salaryPeriod: "J",
-      totalCTC: 74624,
-      job: {
-        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
-        role: "Lead Accountability Associate",
-        joiningDate: "2024-03-06T01:32:15.866Z",
-        season: {
-          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
-          year: "5008",
-          type: "PLACEMENT",
-        },
-        company: {
-          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
-          name: "Sipes Inc",
-        },
-      },
-    },
-  },
-];
+export const Approvals = [
+  {
+    id: "e1604040-8cdd-4fe4-88d1-e5bfde27875e",
+    status: "REJECTED",
+    remarks: "Fugit tamisium absens volubilis debeo tenetur demonstro.",
+    faculty: {
+      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
+      department: "Mathematics",
+      user: {
+        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
+        email: "Justina.Schroeder32@gmail.com",
+        name: "Justina Schroeder",
+        contact: "73 5212333805",
+      },
+    },
+    salary: {
+      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
+      salaryPeriod: "J",
+      totalCTC: 74624,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "2785c403-e587-43df-b3a7-f777b32529b4",
+    status: "APPROVED",
+    remarks: "Clamo valde solvo.",
+    faculty: {
+      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
+      department: "Mathematics",
+      user: {
+        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
+        email: "Justina.Schroeder32@gmail.com",
+        name: "Justina Schroeder",
+        contact: "73 5212333805",
+      },
+    },
+    salary: {
+      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
+      totalCTC: 180875,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "4a58eab1-93e5-441a-b61b-9d56282eb526",
+    status: "REJECTED",
+    remarks: "Tremo magnam adamo super contra acer sufficio adamo correptius.",
+    faculty: {
+      id: "6a49c8db-f8db-4982-a556-dc4f37d5f1d6",
+      department: "Chemistry",
+      user: {
+        id: "fc2d10c4-be5f-47d6-ab7d-8342cd746dbd",
+        email: "Columbus_Hodkiewicz@gmail.com",
+        name: "Columbus Hodkiewicz",
+        contact: "12 6431237604",
+      },
+    },
+    salary: {
+      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
+      salaryPeriod: "J",
+      totalCTC: 171163,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "d478921c-beae-4f4c-99a7-a1241cb7411f",
+    status: "REJECTED",
+    faculty: {
+      id: "6a49c8db-f8db-4982-a556-dc4f37d5f1d6",
+      department: "Chemistry",
+      user: {
+        id: "fc2d10c4-be5f-47d6-ab7d-8342cd746dbd",
+        email: "Columbus_Hodkiewicz@gmail.com",
+        name: "Columbus Hodkiewicz",
+        contact: "12 6431237604",
+      },
+    },
+    salary: {
+      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
+      totalCTC: 180875,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "389a217a-65d3-4450-bf64-5b0e85abeb08",
+    status: "APPROVED",
+    remarks: "Hic vulgaris suppellex cerno causa cubicularis thymbra.",
+    faculty: {
+      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
+      department: "Biosciences and Biomedical Engineering",
+      user: {
+        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
+        email: "Cristobal_OKon88@yahoo.com",
+        name: "Cristobal O'Kon",
+        contact: "25 3280154864",
+      },
+    },
+    salary: {
+      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
+      totalCTC: 180875,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "06b49807-5a8d-4500-aab1-2f6f7ce30829",
+    status: "APPROVED",
+    remarks: "Cito beneficium adicio tabgo.",
+    faculty: {
+      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
+      department: "Electrical Engineering",
+      user: {
+        id: "dee597fa-183e-43db-8bc3-1776b856923b",
+        email: "Lesley_McDermott52@hotmail.com",
+        name: "Lesley McDermott",
+        contact: "12 7165388376",
+      },
+    },
+    salary: {
+      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
+      totalCTC: 180875,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "0940a161-f9ee-4776-94f7-da4f3677c753",
+    status: "APPROVED",
+    remarks: "Cui illum consectetur laboriosam spoliatio voluptate.",
+    faculty: {
+      id: "7744c94a-7003-469d-8fa1-25648092e8a9",
+      department: "Computer Science and Engineering",
+      user: {
+        id: "1c72767a-03a6-4ac8-b0cd-f59bdfed1a07",
+        email: "Sienna_Wisoky@gmail.com",
+        name: "Sienna Wisoky",
+        contact: "36 6068284795",
+      },
+    },
+    salary: {
+      id: "96aee5f9-36bc-446d-98ff-f3fb33a9ef49",
+      totalCTC: 180875,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "58712803-1583-4942-bc0d-16b84831c5fa",
+    status: "PENDING",
+    faculty: {
+      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
+      department: "Biosciences and Biomedical Engineering",
+      user: {
+        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
+        email: "Cristobal_OKon88@yahoo.com",
+        name: "Cristobal O'Kon",
+        contact: "25 3280154864",
+      },
+    },
+    salary: {
+      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
+      salaryPeriod: "J",
+      totalCTC: 171163,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "0dc2e3fe-f6e7-42dd-8e6a-ff29f1653b59",
+    status: "REJECTED",
+    faculty: {
+      id: "1cb9089e-992f-4119-b7b2-27254ba7e75c",
+      department: "Mathematics",
+      user: {
+        id: "69a05b5d-4f74-4b98-9979-8f417e4d84a8",
+        email: "Justina.Schroeder32@gmail.com",
+        name: "Justina Schroeder",
+        contact: "73 5212333805",
+      },
+    },
+    salary: {
+      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
+      salaryPeriod: "J",
+      totalCTC: 171163,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "785343f2-97b4-475c-96f3-686b335f5a23",
+    status: "PENDING",
+    faculty: {
+      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
+      department: "Electrical Engineering",
+      user: {
+        id: "dee597fa-183e-43db-8bc3-1776b856923b",
+        email: "Lesley_McDermott52@hotmail.com",
+        name: "Lesley McDermott",
+        contact: "12 7165388376",
+      },
+    },
+    salary: {
+      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
+      salaryPeriod: "J",
+      totalCTC: 171163,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "4f567d8f-b456-41a4-8273-7d77174334be",
+    status: "REJECTED",
+    faculty: {
+      id: "7744c94a-7003-469d-8fa1-25648092e8a9",
+      department: "Computer Science and Engineering",
+      user: {
+        id: "1c72767a-03a6-4ac8-b0cd-f59bdfed1a07",
+        email: "Sienna_Wisoky@gmail.com",
+        name: "Sienna Wisoky",
+        contact: "36 6068284795",
+      },
+    },
+    salary: {
+      id: "c93b94da-96f4-4a64-8909-ef778c5024ad",
+      salaryPeriod: "J",
+      totalCTC: 171163,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "4a9f3485-3392-484e-86e7-82d355b48331",
+    status: "PENDING",
+    remarks:
+      "Angelus temporibus fugit terminatio crudelis atqui corpus derelinquo.",
+    faculty: {
+      id: "f045479c-48f0-4bbd-9b7c-52fd72eb26bc",
+      department: "Biosciences and Biomedical Engineering",
+      user: {
+        id: "82709ee1-dd93-4e8c-a70f-a6e0b03599b6",
+        email: "Cristobal_OKon88@yahoo.com",
+        name: "Cristobal O'Kon",
+        contact: "25 3280154864",
+      },
+    },
+    salary: {
+      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
+      salaryPeriod: "J",
+      totalCTC: 74624,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+  {
+    id: "e45166a6-6539-47ba-9878-2e37fc995607",
+    status: "APPROVED",
+    remarks: "Recusandae facere cubo.",
+    faculty: {
+      id: "1f6b239e-b29d-4477-bb1b-775b0d13af48",
+      department: "Electrical Engineering",
+      user: {
+        id: "dee597fa-183e-43db-8bc3-1776b856923b",
+        email: "Lesley_McDermott52@hotmail.com",
+        name: "Lesley McDermott",
+        contact: "12 7165388376",
+      },
+    },
+    salary: {
+      id: "8d0fc218-ecff-4b73-bfd6-a60508d43d8f",
+      salaryPeriod: "J",
+      totalCTC: 74624,
+      job: {
+        id: "7c2caa5d-729c-495d-b91f-61e4895b6a50",
+        role: "Lead Accountability Associate",
+        joiningDate: "2024-03-06T01:32:15.866Z",
+        season: {
+          id: "326521fd-a45a-4b52-9173-d1e615f408cc",
+          year: "5008",
+          type: "PLACEMENT",
+        },
+        company: {
+          id: "1864a260-94c7-429a-a546-b84a1efe9da5",
+          name: "Sipes Inc",
+        },
+      },
+    },
+  },
+];
diff --git a/src/dummyData/jaf.js b/src/dummyData/jaf.js
index d731691d..3fabc58b 100644
--- a/src/dummyData/jaf.js
+++ b/src/dummyData/jaf.js
@@ -1,186 +1,186 @@
-export const jafs = [
-  {
-    job: {
-      seasonId: "spring2024",
-      role: "Software Engineer",
-      others: "Some other information about the job",
-      companyDetailsFilled: {
-        name: "ABC Technologies",
-        website: "https://www.abctech.com",
-        domains: ["Technology", "Software Development"],
-        category: "PRIVATE",
-        address: {
-          line1: "123 Main Street",
-          line2: "Suite 100",
-          city: "New York",
-          state: "NY",
-          zipCode: "10001",
-          country: "United States",
-        },
-        size: 500,
-        yearOfEstablishment: "2005",
-        annualTurnover: "$100 million",
-        socialMediaLink: "https://www.linkedin.com/company/abc-technologies",
-      },
-      recruiterDetailsFilled: {
-        name: "John Doe",
-        designation: "Recruitment Manager",
-        email: "john.doe@abctech.com",
-        contact: "+1234567890",
-        landline: "+987654321",
-      },
-      selectionProcedure: {
-        selectionMode: "ONLINE",
-        shortlistFromResume: true,
-        groupDiscussion: false,
-        tests: [
-          {
-            type: "TECHNICAL",
-            duration: 60,
-          },
-          {
-            type: "APTITUDE",
-            duration: 45,
-          },
-        ],
-        interviews: [
-          {
-            type: "TECHNICAL",
-            duration: 60,
-          },
-          {
-            type: "HR",
-            duration: 30,
-          },
-        ],
-        requirements: {
-          numberOfMembers: 5,
-          numberOfRooms: 2,
-          otherRequirements:
-            "Candidates must bring their own laptops for the test.",
-        },
-        others: "Additional information about the selection procedure",
-      },
-      description:
-        "This is a job description for the role of Software Engineer at ABC Technologies.",
-      skills: "Java, JavaScript, HTML, CSS",
-      location: "New York, NY",
-      noOfVacancies: 10,
-      offerLetterReleaseDate: "2024-05-09T07:17:26.332Z",
-      joiningDate: "2024-06-01T00:00:00.000Z",
-      duration: 6,
-    },
-    salaries: [
-      {
-        salaryPeriod: "Monthly",
-        criteria: {
-          programs: ["Computer Science", "MEMS"],
-          genders: ["MALE", "FEMALE"],
-          categories: ["GENERAL"],
-          minCPI: 8.0,
-          tenthMarks: 85,
-          twelthMarks: 90,
-        },
-        baseSalary: 80000,
-        totalCTC: 960000,
-        takeHomeSalary: 70000,
-        grossSalary: 90000,
-        otherCompensations: 20000,
-        others:
-          "Additional benefits include health insurance and free gym membership.",
-      },
-    ],
-  },
-  {
-    job: {
-      seasonId: "summer2024",
-      role: "Data Scientist",
-      others: "Some other information about the job",
-      companyDetailsFilled: {
-        name: "XYZ Analytics",
-        website: "https://www.xyzanalytics.com",
-        domains: ["Data Analytics", "Machine Learning"],
-        category: "PRIVATE",
-        address: {
-          line1: "456 Oak Street",
-          line2: "Suite 200",
-          city: "San Francisco",
-          state: "CA",
-          zipCode: "94102",
-          country: "United States",
-        },
-        size: 200,
-        yearOfEstablishment: "2010",
-        annualTurnover: "$50 million",
-        socialMediaLink: "https://www.linkedin.com/company/xyz-analytics",
-      },
-      recruiterDetailsFilled: {
-        name: "Jane Smith",
-        designation: "HR Manager",
-        email: "jane.smith@xyzanalytics.com",
-        contact: "+1234567890",
-        landline: "+987654321",
-      },
-      selectionProcedure: {
-        selectionMode: "ONLINE",
-        shortlistFromResume: true,
-        groupDiscussion: false,
-        tests: [
-          {
-            type: "TECHNICAL",
-            duration: 60,
-          },
-          {
-            type: "APTITUDE",
-            duration: 45,
-          },
-        ],
-        interviews: [
-          {
-            type: "TECHNICAL",
-            duration: 60,
-          },
-          {
-            type: "HR",
-            duration: 30,
-          },
-        ],
-        requirements: {
-          numberOfMembers: 5,
-          numberOfRooms: 2,
-          otherRequirements:
-            "Candidates must bring their own laptops for the test.",
-        },
-        others: "Additional information about the selection procedure",
-      },
-      description:
-        "This is a job description for the role of Data Scientist at XYZ Analytics.",
-      skills: "Python, R, SQL, Machine Learning",
-      location: "San Francisco, CA",
-      noOfVacancies: 5,
-      offerLetterReleaseDate: "2024-05-09T07:17:26.332Z",
-      joiningDate: "2024-07-01T00:00:00.000Z",
-      duration: 6,
-    },
-    salaries: [
-      {
-        salaryPeriod: "Monthly",
-        criteria: {
-          programs: ["Computer Science", "Data Science"],
-          genders: ["MALE", "FEMALE"],
-          categories: ["GENERAL"],
-          minCPI: 7.5,
-          tenthMarks: 80,
-          twelthMarks: 85,
-        },
-        baseSalary: 90000,
-        totalCTC: 1080000,
-        takeHomeSalary: 75000,
-        grossSalary: 95000,
-        otherCompensations: 20000,
-        others:
-          "Additional benefits include health insurance and flexible working hours.",
-      },
-    ],
-  },
-];
+export const jafs = [
+  {
+    job: {
+      seasonId: "spring2024",
+      role: "Software Engineer",
+      others: "Some other information about the job",
+      companyDetailsFilled: {
+        name: "ABC Technologies",
+        website: "https://www.abctech.com",
+        domains: ["Technology", "Software Development"],
+        category: "PRIVATE",
+        address: {
+          line1: "123 Main Street",
+          line2: "Suite 100",
+          city: "New York",
+          state: "NY",
+          zipCode: "10001",
+          country: "United States",
+        },
+        size: 500,
+        yearOfEstablishment: "2005",
+        annualTurnover: "$100 million",
+        socialMediaLink: "https://www.linkedin.com/company/abc-technologies",
+      },
+      recruiterDetailsFilled: {
+        name: "John Doe",
+        designation: "Recruitment Manager",
+        email: "john.doe@abctech.com",
+        contact: "+1234567890",
+        landline: "+987654321",
+      },
+      selectionProcedure: {
+        selectionMode: "ONLINE",
+        shortlistFromResume: true,
+        groupDiscussion: false,
+        tests: [
+          {
+            type: "TECHNICAL",
+            duration: 60,
+          },
+          {
+            type: "APTITUDE",
+            duration: 45,
+          },
+        ],
+        interviews: [
+          {
+            type: "TECHNICAL",
+            duration: 60,
+          },
+          {
+            type: "HR",
+            duration: 30,
+          },
+        ],
+        requirements: {
+          numberOfMembers: 5,
+          numberOfRooms: 2,
+          otherRequirements:
+            "Candidates must bring their own laptops for the test.",
+        },
+        others: "Additional information about the selection procedure",
+      },
+      description:
+        "This is a job description for the role of Software Engineer at ABC Technologies.",
+      skills: "Java, JavaScript, HTML, CSS",
+      location: "New York, NY",
+      noOfVacancies: 10,
+      offerLetterReleaseDate: "2024-05-09T07:17:26.332Z",
+      joiningDate: "2024-06-01T00:00:00.000Z",
+      duration: 6,
+    },
+    salaries: [
+      {
+        salaryPeriod: "Monthly",
+        criteria: {
+          programs: ["Computer Science", "MEMS"],
+          genders: ["MALE", "FEMALE"],
+          categories: ["GENERAL"],
+          minCPI: 8.0,
+          tenthMarks: 85,
+          twelthMarks: 90,
+        },
+        baseSalary: 80000,
+        totalCTC: 960000,
+        takeHomeSalary: 70000,
+        grossSalary: 90000,
+        otherCompensations: 20000,
+        others:
+          "Additional benefits include health insurance and free gym membership.",
+      },
+    ],
+  },
+  {
+    job: {
+      seasonId: "summer2024",
+      role: "Data Scientist",
+      others: "Some other information about the job",
+      companyDetailsFilled: {
+        name: "XYZ Analytics",
+        website: "https://www.xyzanalytics.com",
+        domains: ["Data Analytics", "Machine Learning"],
+        category: "PRIVATE",
+        address: {
+          line1: "456 Oak Street",
+          line2: "Suite 200",
+          city: "San Francisco",
+          state: "CA",
+          zipCode: "94102",
+          country: "United States",
+        },
+        size: 200,
+        yearOfEstablishment: "2010",
+        annualTurnover: "$50 million",
+        socialMediaLink: "https://www.linkedin.com/company/xyz-analytics",
+      },
+      recruiterDetailsFilled: {
+        name: "Jane Smith",
+        designation: "HR Manager",
+        email: "jane.smith@xyzanalytics.com",
+        contact: "+1234567890",
+        landline: "+987654321",
+      },
+      selectionProcedure: {
+        selectionMode: "ONLINE",
+        shortlistFromResume: true,
+        groupDiscussion: false,
+        tests: [
+          {
+            type: "TECHNICAL",
+            duration: 60,
+          },
+          {
+            type: "APTITUDE",
+            duration: 45,
+          },
+        ],
+        interviews: [
+          {
+            type: "TECHNICAL",
+            duration: 60,
+          },
+          {
+            type: "HR",
+            duration: 30,
+          },
+        ],
+        requirements: {
+          numberOfMembers: 5,
+          numberOfRooms: 2,
+          otherRequirements:
+            "Candidates must bring their own laptops for the test.",
+        },
+        others: "Additional information about the selection procedure",
+      },
+      description:
+        "This is a job description for the role of Data Scientist at XYZ Analytics.",
+      skills: "Python, R, SQL, Machine Learning",
+      location: "San Francisco, CA",
+      noOfVacancies: 5,
+      offerLetterReleaseDate: "2024-05-09T07:17:26.332Z",
+      joiningDate: "2024-07-01T00:00:00.000Z",
+      duration: 6,
+    },
+    salaries: [
+      {
+        salaryPeriod: "Monthly",
+        criteria: {
+          programs: ["Computer Science", "Data Science"],
+          genders: ["MALE", "FEMALE"],
+          categories: ["GENERAL"],
+          minCPI: 7.5,
+          tenthMarks: 80,
+          twelthMarks: 85,
+        },
+        baseSalary: 90000,
+        totalCTC: 1080000,
+        takeHomeSalary: 75000,
+        grossSalary: 95000,
+        otherCompensations: 20000,
+        others:
+          "Additional benefits include health insurance and flexible working hours.",
+      },
+    ],
+  },
+];
diff --git a/src/dummyData/job.js b/src/dummyData/job.js
index e197de5e..bc8a2870 100644
--- a/src/dummyData/job.js
+++ b/src/dummyData/job.js
@@ -1,482 +1,482 @@
-export const SampleJobData = [
-  {
-    id: "1",
-    seasonId: "123",
-    recruiterId: "456",
-    companyId: "789",
-    role: "Software Engineer",
-    active: true,
-    currentStatus: "Open",
-    companyDetailsFilled: {
-      name: "ABC Company",
-      size: 100,
-      address: {
-        city: "New York",
-        line1: "123 Main St",
-        line2: "",
-        state: "NY",
-        country: "USA",
-        zipCode: "10001",
-      },
-      domains: ["Technology", "Software"],
-      category: "IT",
-      yearOfEstablishment: "2000",
-    },
-    recruiterDetailsFilled: {
-      name: "John Doe",
-      email: "john.doe@example.com",
-      contact: "+1234567890",
-      landline: null,
-      designation: "HR Manager",
-    },
-    selectionProcedure: {
-      tests: [{ type: "Technical", duration: 60 }],
-      interviews: [{ type: "Technical", duration: 30 }],
-      requirements: {},
-      selectionMode: "Online",
-      groupDiscussion: false,
-      shortlistFromResume: true,
-    },
-    attachment: "example.pdf",
-    skills: "JavaScript, React, Node.js",
-    location: "New York",
-    noOfVacancies: 5,
-    offerLetterReleaseDate: "2024-06-01",
-    joiningDate: "2024-07-01",
-    duration: 12,
-    season: { id: "123", year: "2024", type: "Summer" },
-    company: { id: "789", name: "ABC Company" },
-    recruiter: {
-      id: "456",
-      userId: "789",
-      companyId: "123",
-      designation: "HR Manager",
-      landline: null,
-    },
-    salaries: [
-      {
-        id: "1",
-        jobId: "1",
-        salaryPeriod: "Monthly",
-        others: null,
-        criteria: {
-          minCPI: 7.5,
-          genders: ["Male"],
-          programs: ["Computer Science"],
-          categories: ["General"],
-          tenthMarks: 85,
-          twelthMarks: 90,
-          facultyApprovals: ["Approved"],
-        },
-        baseSalary: 5000,
-        totalCTC: 60000,
-        takeHomeSalary: 4500,
-        grossSalary: 5500,
-        otherCompensations: 500,
-      },
-    ],
-    jobCoordinators: [
-      {
-        id: "1",
-        tpcMemberId: "1",
-        role: "Coordinator",
-        tpcMember: {
-          id: "1",
-          department: "Computer Science",
-          userId: "123",
-          role: "Professor",
-          user: {
-            id: "123",
-            email: "prof@example.com",
-            name: "Dr. Smith",
-            contact: "+9876543210",
-          },
-        },
-      },
-    ],
-  },
-  {
-    id: "2",
-    seasonId: "456",
-    recruiterId: "789",
-    companyId: "123",
-    role: "Data Scientist",
-    active: true,
-    currentStatus: "Open",
-    companyDetailsFilled: {
-      name: "XYZ Corporation",
-      size: 200,
-      address: {
-        city: "San Francisco",
-        line1: "456 Elm St",
-        line2: "",
-        state: "CA",
-        country: "USA",
-        zipCode: "94103",
-      },
-      domains: ["Data Science", "Machine Learning"],
-      category: "Technology",
-      yearOfEstablishment: "2010",
-    },
-    recruiterDetailsFilled: {
-      name: "Jane Smith",
-      email: "jane.smith@example.com",
-      contact: "+9876543210",
-      landline: null,
-      designation: "HR Manager",
-    },
-    selectionProcedure: {
-      tests: [{ type: "Technical", duration: 60 }],
-      interviews: [{ type: "Technical", duration: 30 }],
-      requirements: {},
-      selectionMode: "Online",
-      groupDiscussion: false,
-      shortlistFromResume: true,
-    },
-    attachment: "example.pdf",
-    skills: "Python, TensorFlow, SQL",
-    location: "San Francisco",
-    noOfVacancies: 3,
-    offerLetterReleaseDate: "2024-07-01",
-    joiningDate: "2024-08-01",
-    duration: 12,
-    season: { id: "456", year: "2024", type: "Summer" },
-    company: { id: "123", name: "XYZ Corporation" },
-    recruiter: {
-      id: "789",
-      userId: "456",
-      companyId: "789",
-      designation: "HR Manager",
-      landline: null,
-    },
-    salaries: [
-      {
-        id: "2",
-        jobId: "2",
-        salaryPeriod: "Monthly",
-        others: null,
-        criteria: {
-          minCPI: 8,
-          genders: ["Female"],
-          programs: ["Statistics"],
-          categories: ["General"],
-          tenthMarks: 90,
-          twelthMarks: 95,
-          facultyApprovals: ["Approved"],
-        },
-        baseSalary: 6000,
-        totalCTC: 72000,
-        takeHomeSalary: 5000,
-        grossSalary: 6000,
-        otherCompensations: 1000,
-      },
-    ],
-    jobCoordinators: [
-      {
-        id: "2",
-        tpcMemberId: "2",
-        role: "Coordinator",
-        tpcMember: {
-          id: "2",
-          department: "Data Science",
-          userId: "456",
-          role: "Professor",
-          user: {
-            id: "456",
-            email: "prof@example.com",
-            name: "Dr. Johnson",
-            contact: "+1234567890",
-          },
-        },
-      },
-    ],
-  },
-  {
-    id: "3",
-    seasonId: "789",
-    recruiterId: "123",
-    companyId: "456",
-    role: "Product Manager",
-    active: true,
-    currentStatus: "Open",
-    companyDetailsFilled: {
-      name: "PQR Enterprises",
-      size: 150,
-      address: {
-        city: "Seattle",
-        line1: "789 Oak St",
-        line2: "",
-        state: "WA",
-        country: "USA",
-        zipCode: "98101",
-      },
-      domains: ["Product Management", "Business"],
-      category: "Business",
-      yearOfEstablishment: "2015",
-    },
-    recruiterDetailsFilled: {
-      name: "Alice Johnson",
-      email: "alice.johnson@example.com",
-      contact: "+1234567890",
-      landline: null,
-      designation: "HR Manager",
-    },
-    selectionProcedure: {
-      tests: [{ type: "Technical", duration: 60 }],
-      interviews: [{ type: "Technical", duration: 30 }],
-      requirements: {},
-      selectionMode: "Online",
-      groupDiscussion: false,
-      shortlistFromResume: true,
-    },
-    attachment: "example.pdf",
-    skills: "Product Management, Marketing",
-    location: "Seattle",
-    noOfVacancies: 2,
-    offerLetterReleaseDate: "2024-08-01",
-    joiningDate: "2024-09-01",
-    duration: 12,
-    season: { id: "789", year: "2024", type: "Summer" },
-    company: { id: "456", name: "PQR Enterprises" },
-    recruiter: {
-      id: "123",
-      userId: "123",
-      companyId: "456",
-      designation: "HR Manager",
-      landline: null,
-    },
-    salaries: [
-      {
-        id: "3",
-        jobId: "3",
-        salaryPeriod: "Monthly",
-        others: null,
-        criteria: {
-          minCPI: 8,
-          genders: ["Male", "Female"],
-          programs: ["Business Administration"],
-          categories: ["General"],
-          tenthMarks: 90,
-          twelthMarks: 95,
-          facultyApprovals: ["Approved"],
-        },
-        baseSalary: 7000,
-        totalCTC: 84000,
-        takeHomeSalary: 6000,
-        grossSalary: 7000,
-        otherCompensations: 1000,
-      },
-    ],
-    jobCoordinators: [
-      {
-        id: "3",
-        tpcMemberId: "3",
-        role: "Coordinator",
-        tpcMember: {
-          id: "3",
-          department: "Business",
-          userId: "789",
-          role: "Professor",
-          user: {
-            id: "789",
-            email: "prof@example.com",
-            name: "Dr. Williams",
-            contact: "+9876543210",
-          },
-        },
-      },
-    ],
-  },
-  {
-    id: "4",
-    seasonId: "123",
-    recruiterId: "456",
-    companyId: "789",
-    role: "Marketing Specialist",
-    active: true,
-    currentStatus: "Open",
-    companyDetailsFilled: {
-      name: "MNO Group",
-      size: 75,
-      address: {
-        city: "Chicago",
-        line1: "456 Oak St",
-        line2: "",
-        state: "IL",
-        country: "USA",
-        zipCode: "60601",
-      },
-      domains: ["Marketing", "Advertising"],
-      category: "Marketing",
-      yearOfEstablishment: "2012",
-    },
-    recruiterDetailsFilled: {
-      name: "Emma Brown",
-      email: "emma.brown@example.com",
-      contact: "+1234567890",
-      landline: null,
-      designation: "HR Manager",
-    },
-    selectionProcedure: {
-      tests: [{ type: "Technical", duration: 60 }],
-      interviews: [{ type: "Technical", duration: 30 }],
-      requirements: {},
-      selectionMode: "Online",
-      groupDiscussion: false,
-      shortlistFromResume: true,
-    },
-    attachment: "example.pdf",
-    skills: "Marketing, Social Media",
-    location: "Chicago",
-    noOfVacancies: 4,
-    offerLetterReleaseDate: "2024-09-01",
-    joiningDate: "2024-10-01",
-    duration: 12,
-    season: { id: "123", year: "2024", type: "Summer" },
-    company: { id: "789", name: "MNO Group" },
-    recruiter: {
-      id: "456",
-      userId: "789",
-      companyId: "123",
-      designation: "HR Manager",
-      landline: null,
-    },
-    salaries: [
-      {
-        id: "4",
-        jobId: "4",
-        salaryPeriod: "Monthly",
-        others: null,
-        criteria: {
-          minCPI: 7,
-          genders: ["Male", "Female"],
-          programs: ["Marketing"],
-          categories: ["General"],
-          tenthMarks: 80,
-          twelthMarks: 85,
-          facultyApprovals: ["Approved"],
-        },
-        baseSalary: 5500,
-        totalCTC: 66000,
-        takeHomeSalary: 5000,
-        grossSalary: 5500,
-        otherCompensations: 500,
-      },
-    ],
-    jobCoordinators: [
-      {
-        id: "4",
-        tpcMemberId: "4",
-        role: "Coordinator",
-        tpcMember: {
-          id: "4",
-          department: "Marketing",
-          userId: "123",
-          role: "Professor",
-          user: {
-            id: "123",
-            email: "prof@example.com",
-            name: "Dr. Martinez",
-            contact: "+9876543210",
-          },
-        },
-      },
-    ],
-  },
-  {
-    id: "5",
-    seasonId: "456",
-    recruiterId: "789",
-    companyId: "123",
-    role: "Financial Analyst",
-    active: true,
-    currentStatus: "Open",
-    companyDetailsFilled: {
-      name: "DEF Financials",
-      size: 150,
-      address: {
-        city: "Los Angeles",
-        line1: "789 Maple St",
-        line2: "",
-        state: "CA",
-        country: "USA",
-        zipCode: "90001",
-      },
-      domains: ["Finance", "Investments"],
-      category: "Finance",
-      yearOfEstablishment: "2010",
-    },
-    recruiterDetailsFilled: {
-      name: "Mark Johnson",
-      email: "mark.johnson@example.com",
-      contact: "+1234567890",
-      landline: null,
-      designation: "HR Manager",
-    },
-    selectionProcedure: {
-      tests: [{ type: "Technical", duration: 60 }],
-      interviews: [{ type: "Technical", duration: 30 }],
-      requirements: {},
-      selectionMode: "Online",
-      groupDiscussion: false,
-      shortlistFromResume: true,
-    },
-    attachment: "example.pdf",
-    skills: "Financial Analysis, Accounting",
-    location: "Los Angeles",
-    noOfVacancies: 3,
-    offerLetterReleaseDate: "2024-07-01",
-    joiningDate: "2024-08-01",
-    duration: 12,
-    season: { id: "456", year: "2024", type: "Summer" },
-    company: { id: "123", name: "DEF Financials" },
-    recruiter: {
-      id: "789",
-      userId: "456",
-      companyId: "789",
-      designation: "HR Manager",
-      landline: null,
-    },
-    salaries: [
-      {
-        id: "5",
-        jobId: "5",
-        salaryPeriod: "Monthly",
-        others: null,
-        criteria: {
-          minCPI: 8,
-          genders: ["Male", "Female"],
-          programs: ["Finance"],
-          categories: ["General"],
-          tenthMarks: 85,
-          twelthMarks: 90,
-          facultyApprovals: ["Approved"],
-        },
-        baseSalary: 6000,
-        totalCTC: 72000,
-        takeHomeSalary: 5000,
-        grossSalary: 6000,
-        otherCompensations: 1000,
-      },
-    ],
-    jobCoordinators: [
-      {
-        id: "5",
-        tpcMemberId: "5",
-        role: "Coordinator",
-        tpcMember: {
-          id: "5",
-          department: "Finance",
-          userId: "789",
-          role: "Professor",
-          user: {
-            id: "789",
-            email: "prof@example.com",
-            name: "Dr. Lee",
-            contact: "+9876543210",
-          },
-        },
-      },
-    ],
-  },
-];
+export const SampleJobData = [
+  {
+    id: "1",
+    seasonId: "123",
+    recruiterId: "456",
+    companyId: "789",
+    role: "Software Engineer",
+    active: true,
+    currentStatus: "Open",
+    companyDetailsFilled: {
+      name: "ABC Company",
+      size: 100,
+      address: {
+        city: "New York",
+        line1: "123 Main St",
+        line2: "",
+        state: "NY",
+        country: "USA",
+        zipCode: "10001",
+      },
+      domains: ["Technology", "Software"],
+      category: "IT",
+      yearOfEstablishment: "2000",
+    },
+    recruiterDetailsFilled: {
+      name: "John Doe",
+      email: "john.doe@example.com",
+      contact: "+1234567890",
+      landline: null,
+      designation: "HR Manager",
+    },
+    selectionProcedure: {
+      tests: [{ type: "Technical", duration: 60 }],
+      interviews: [{ type: "Technical", duration: 30 }],
+      requirements: {},
+      selectionMode: "Online",
+      groupDiscussion: false,
+      shortlistFromResume: true,
+    },
+    attachment: "example.pdf",
+    skills: "JavaScript, React, Node.js",
+    location: "New York",
+    noOfVacancies: 5,
+    offerLetterReleaseDate: "2024-06-01",
+    joiningDate: "2024-07-01",
+    duration: 12,
+    season: { id: "123", year: "2024", type: "Summer" },
+    company: { id: "789", name: "ABC Company" },
+    recruiter: {
+      id: "456",
+      userId: "789",
+      companyId: "123",
+      designation: "HR Manager",
+      landline: null,
+    },
+    salaries: [
+      {
+        id: "1",
+        jobId: "1",
+        salaryPeriod: "Monthly",
+        others: null,
+        criteria: {
+          minCPI: 7.5,
+          genders: ["Male"],
+          programs: ["Computer Science"],
+          categories: ["General"],
+          tenthMarks: 85,
+          twelthMarks: 90,
+          facultyApprovals: ["Approved"],
+        },
+        baseSalary: 5000,
+        totalCTC: 60000,
+        takeHomeSalary: 4500,
+        grossSalary: 5500,
+        otherCompensations: 500,
+      },
+    ],
+    jobCoordinators: [
+      {
+        id: "1",
+        tpcMemberId: "1",
+        role: "Coordinator",
+        tpcMember: {
+          id: "1",
+          department: "Computer Science",
+          userId: "123",
+          role: "Professor",
+          user: {
+            id: "123",
+            email: "prof@example.com",
+            name: "Dr. Smith",
+            contact: "+9876543210",
+          },
+        },
+      },
+    ],
+  },
+  {
+    id: "2",
+    seasonId: "456",
+    recruiterId: "789",
+    companyId: "123",
+    role: "Data Scientist",
+    active: true,
+    currentStatus: "Open",
+    companyDetailsFilled: {
+      name: "XYZ Corporation",
+      size: 200,
+      address: {
+        city: "San Francisco",
+        line1: "456 Elm St",
+        line2: "",
+        state: "CA",
+        country: "USA",
+        zipCode: "94103",
+      },
+      domains: ["Data Science", "Machine Learning"],
+      category: "Technology",
+      yearOfEstablishment: "2010",
+    },
+    recruiterDetailsFilled: {
+      name: "Jane Smith",
+      email: "jane.smith@example.com",
+      contact: "+9876543210",
+      landline: null,
+      designation: "HR Manager",
+    },
+    selectionProcedure: {
+      tests: [{ type: "Technical", duration: 60 }],
+      interviews: [{ type: "Technical", duration: 30 }],
+      requirements: {},
+      selectionMode: "Online",
+      groupDiscussion: false,
+      shortlistFromResume: true,
+    },
+    attachment: "example.pdf",
+    skills: "Python, TensorFlow, SQL",
+    location: "San Francisco",
+    noOfVacancies: 3,
+    offerLetterReleaseDate: "2024-07-01",
+    joiningDate: "2024-08-01",
+    duration: 12,
+    season: { id: "456", year: "2024", type: "Summer" },
+    company: { id: "123", name: "XYZ Corporation" },
+    recruiter: {
+      id: "789",
+      userId: "456",
+      companyId: "789",
+      designation: "HR Manager",
+      landline: null,
+    },
+    salaries: [
+      {
+        id: "2",
+        jobId: "2",
+        salaryPeriod: "Monthly",
+        others: null,
+        criteria: {
+          minCPI: 8,
+          genders: ["Female"],
+          programs: ["Statistics"],
+          categories: ["General"],
+          tenthMarks: 90,
+          twelthMarks: 95,
+          facultyApprovals: ["Approved"],
+        },
+        baseSalary: 6000,
+        totalCTC: 72000,
+        takeHomeSalary: 5000,
+        grossSalary: 6000,
+        otherCompensations: 1000,
+      },
+    ],
+    jobCoordinators: [
+      {
+        id: "2",
+        tpcMemberId: "2",
+        role: "Coordinator",
+        tpcMember: {
+          id: "2",
+          department: "Data Science",
+          userId: "456",
+          role: "Professor",
+          user: {
+            id: "456",
+            email: "prof@example.com",
+            name: "Dr. Johnson",
+            contact: "+1234567890",
+          },
+        },
+      },
+    ],
+  },
+  {
+    id: "3",
+    seasonId: "789",
+    recruiterId: "123",
+    companyId: "456",
+    role: "Product Manager",
+    active: true,
+    currentStatus: "Open",
+    companyDetailsFilled: {
+      name: "PQR Enterprises",
+      size: 150,
+      address: {
+        city: "Seattle",
+        line1: "789 Oak St",
+        line2: "",
+        state: "WA",
+        country: "USA",
+        zipCode: "98101",
+      },
+      domains: ["Product Management", "Business"],
+      category: "Business",
+      yearOfEstablishment: "2015",
+    },
+    recruiterDetailsFilled: {
+      name: "Alice Johnson",
+      email: "alice.johnson@example.com",
+      contact: "+1234567890",
+      landline: null,
+      designation: "HR Manager",
+    },
+    selectionProcedure: {
+      tests: [{ type: "Technical", duration: 60 }],
+      interviews: [{ type: "Technical", duration: 30 }],
+      requirements: {},
+      selectionMode: "Online",
+      groupDiscussion: false,
+      shortlistFromResume: true,
+    },
+    attachment: "example.pdf",
+    skills: "Product Management, Marketing",
+    location: "Seattle",
+    noOfVacancies: 2,
+    offerLetterReleaseDate: "2024-08-01",
+    joiningDate: "2024-09-01",
+    duration: 12,
+    season: { id: "789", year: "2024", type: "Summer" },
+    company: { id: "456", name: "PQR Enterprises" },
+    recruiter: {
+      id: "123",
+      userId: "123",
+      companyId: "456",
+      designation: "HR Manager",
+      landline: null,
+    },
+    salaries: [
+      {
+        id: "3",
+        jobId: "3",
+        salaryPeriod: "Monthly",
+        others: null,
+        criteria: {
+          minCPI: 8,
+          genders: ["Male", "Female"],
+          programs: ["Business Administration"],
+          categories: ["General"],
+          tenthMarks: 90,
+          twelthMarks: 95,
+          facultyApprovals: ["Approved"],
+        },
+        baseSalary: 7000,
+        totalCTC: 84000,
+        takeHomeSalary: 6000,
+        grossSalary: 7000,
+        otherCompensations: 1000,
+      },
+    ],
+    jobCoordinators: [
+      {
+        id: "3",
+        tpcMemberId: "3",
+        role: "Coordinator",
+        tpcMember: {
+          id: "3",
+          department: "Business",
+          userId: "789",
+          role: "Professor",
+          user: {
+            id: "789",
+            email: "prof@example.com",
+            name: "Dr. Williams",
+            contact: "+9876543210",
+          },
+        },
+      },
+    ],
+  },
+  {
+    id: "4",
+    seasonId: "123",
+    recruiterId: "456",
+    companyId: "789",
+    role: "Marketing Specialist",
+    active: true,
+    currentStatus: "Open",
+    companyDetailsFilled: {
+      name: "MNO Group",
+      size: 75,
+      address: {
+        city: "Chicago",
+        line1: "456 Oak St",
+        line2: "",
+        state: "IL",
+        country: "USA",
+        zipCode: "60601",
+      },
+      domains: ["Marketing", "Advertising"],
+      category: "Marketing",
+      yearOfEstablishment: "2012",
+    },
+    recruiterDetailsFilled: {
+      name: "Emma Brown",
+      email: "emma.brown@example.com",
+      contact: "+1234567890",
+      landline: null,
+      designation: "HR Manager",
+    },
+    selectionProcedure: {
+      tests: [{ type: "Technical", duration: 60 }],
+      interviews: [{ type: "Technical", duration: 30 }],
+      requirements: {},
+      selectionMode: "Online",
+      groupDiscussion: false,
+      shortlistFromResume: true,
+    },
+    attachment: "example.pdf",
+    skills: "Marketing, Social Media",
+    location: "Chicago",
+    noOfVacancies: 4,
+    offerLetterReleaseDate: "2024-09-01",
+    joiningDate: "2024-10-01",
+    duration: 12,
+    season: { id: "123", year: "2024", type: "Summer" },
+    company: { id: "789", name: "MNO Group" },
+    recruiter: {
+      id: "456",
+      userId: "789",
+      companyId: "123",
+      designation: "HR Manager",
+      landline: null,
+    },
+    salaries: [
+      {
+        id: "4",
+        jobId: "4",
+        salaryPeriod: "Monthly",
+        others: null,
+        criteria: {
+          minCPI: 7,
+          genders: ["Male", "Female"],
+          programs: ["Marketing"],
+          categories: ["General"],
+          tenthMarks: 80,
+          twelthMarks: 85,
+          facultyApprovals: ["Approved"],
+        },
+        baseSalary: 5500,
+        totalCTC: 66000,
+        takeHomeSalary: 5000,
+        grossSalary: 5500,
+        otherCompensations: 500,
+      },
+    ],
+    jobCoordinators: [
+      {
+        id: "4",
+        tpcMemberId: "4",
+        role: "Coordinator",
+        tpcMember: {
+          id: "4",
+          department: "Marketing",
+          userId: "123",
+          role: "Professor",
+          user: {
+            id: "123",
+            email: "prof@example.com",
+            name: "Dr. Martinez",
+            contact: "+9876543210",
+          },
+        },
+      },
+    ],
+  },
+  {
+    id: "5",
+    seasonId: "456",
+    recruiterId: "789",
+    companyId: "123",
+    role: "Financial Analyst",
+    active: true,
+    currentStatus: "Open",
+    companyDetailsFilled: {
+      name: "DEF Financials",
+      size: 150,
+      address: {
+        city: "Los Angeles",
+        line1: "789 Maple St",
+        line2: "",
+        state: "CA",
+        country: "USA",
+        zipCode: "90001",
+      },
+      domains: ["Finance", "Investments"],
+      category: "Finance",
+      yearOfEstablishment: "2010",
+    },
+    recruiterDetailsFilled: {
+      name: "Mark Johnson",
+      email: "mark.johnson@example.com",
+      contact: "+1234567890",
+      landline: null,
+      designation: "HR Manager",
+    },
+    selectionProcedure: {
+      tests: [{ type: "Technical", duration: 60 }],
+      interviews: [{ type: "Technical", duration: 30 }],
+      requirements: {},
+      selectionMode: "Online",
+      groupDiscussion: false,
+      shortlistFromResume: true,
+    },
+    attachment: "example.pdf",
+    skills: "Financial Analysis, Accounting",
+    location: "Los Angeles",
+    noOfVacancies: 3,
+    offerLetterReleaseDate: "2024-07-01",
+    joiningDate: "2024-08-01",
+    duration: 12,
+    season: { id: "456", year: "2024", type: "Summer" },
+    company: { id: "123", name: "DEF Financials" },
+    recruiter: {
+      id: "789",
+      userId: "456",
+      companyId: "789",
+      designation: "HR Manager",
+      landline: null,
+    },
+    salaries: [
+      {
+        id: "5",
+        jobId: "5",
+        salaryPeriod: "Monthly",
+        others: null,
+        criteria: {
+          minCPI: 8,
+          genders: ["Male", "Female"],
+          programs: ["Finance"],
+          categories: ["General"],
+          tenthMarks: 85,
+          twelthMarks: 90,
+          facultyApprovals: ["Approved"],
+        },
+        baseSalary: 6000,
+        totalCTC: 72000,
+        takeHomeSalary: 5000,
+        grossSalary: 6000,
+        otherCompensations: 1000,
+      },
+    ],
+    jobCoordinators: [
+      {
+        id: "5",
+        tpcMemberId: "5",
+        role: "Coordinator",
+        tpcMember: {
+          id: "5",
+          department: "Finance",
+          userId: "789",
+          role: "Professor",
+          user: {
+            id: "789",
+            email: "prof@example.com",
+            name: "Dr. Lee",
+            contact: "+9876543210",
+          },
+        },
+      },
+    ],
+  },
+];
diff --git a/src/dummyData/jobdetails.js b/src/dummyData/jobdetails.js
index 01e734ab..fb6b414e 100644
--- a/src/dummyData/jobdetails.js
+++ b/src/dummyData/jobdetails.js
@@ -1,42 +1,42 @@
-export const JobDetails = {
-  seasonId: "e407f960-5c61-4e32-8432-4a532bc41d18",
-  seasonYear: 2024,
-  seasonType: "Summer",
-  companyId: "fe8566b1-c3c3-4b23-a5db-9a41d548e3c9",
-  companyName: "Goldman Sachs",
-  role: "Software Engineer",
-  currentStatus: "Open",
-  jobStatusTransitionTimeline: [
-    "Opened on 2023-03-15",
-    "Recruiter assigned on 2023-03-20",
-    "Currently in progress",
-  ],
-  recruiterDetails: {
-    userId: "d932a879-3441-4e31-b8b9-6aef3652f049",
-    userName: "Recruiter Name",
-  },
-  facultyApprovalRequests: [
-    {
-      facultyId: "f5e72eeb-3010-45a8-86f1-df6fcb10c14b",
-      facultyName: "Faculty Name",
-      userId: "facultyUserId",
-      userName: "Faculty User Name",
-    },
-  ],
-  linkToSalaries: "/salaries?jobId=a8f241b5-042e-4ea2-a4c8-d05845f5510a",
-  linkToEvents: "/events?jobId=a8f241b5-042e-4ea2-a4c8-d05845f5510a",
-  jobCoordinators: [
-    {
-      memberId: "0d4314ae-439b-4c32-8441-30c45f11ecf3",
-      memberName: "Coordinator Name 1",
-      userId: "coordinatorUserId1",
-      userName: "Coordinator User Name 1",
-    },
-    {
-      memberId: "3b5a2905-7225-4a5e-9ea3-6f331b0c4ed8",
-      memberName: "Coordinator Name 2",
-      userId: "coordinatorUserId2",
-      userName: "Coordinator User Name 2",
-    },
-  ],
-};
+export const JobDetails = {
+  seasonId: "e407f960-5c61-4e32-8432-4a532bc41d18",
+  seasonYear: 2024,
+  seasonType: "Summer",
+  companyId: "fe8566b1-c3c3-4b23-a5db-9a41d548e3c9",
+  companyName: "Goldman Sachs",
+  role: "Software Engineer",
+  currentStatus: "Open",
+  jobStatusTransitionTimeline: [
+    "Opened on 2023-03-15",
+    "Recruiter assigned on 2023-03-20",
+    "Currently in progress",
+  ],
+  recruiterDetails: {
+    userId: "d932a879-3441-4e31-b8b9-6aef3652f049",
+    userName: "Recruiter Name",
+  },
+  facultyApprovalRequests: [
+    {
+      facultyId: "f5e72eeb-3010-45a8-86f1-df6fcb10c14b",
+      facultyName: "Faculty Name",
+      userId: "facultyUserId",
+      userName: "Faculty User Name",
+    },
+  ],
+  linkToSalaries: "/salaries?jobId=a8f241b5-042e-4ea2-a4c8-d05845f5510a",
+  linkToEvents: "/events?jobId=a8f241b5-042e-4ea2-a4c8-d05845f5510a",
+  jobCoordinators: [
+    {
+      memberId: "0d4314ae-439b-4c32-8441-30c45f11ecf3",
+      memberName: "Coordinator Name 1",
+      userId: "coordinatorUserId1",
+      userName: "Coordinator User Name 1",
+    },
+    {
+      memberId: "3b5a2905-7225-4a5e-9ea3-6f331b0c4ed8",
+      memberName: "Coordinator Name 2",
+      userId: "coordinatorUserId2",
+      userName: "Coordinator User Name 2",
+    },
+  ],
+};
diff --git a/src/dummyData/salary.js b/src/dummyData/salary.js
index 81dcf981..620d9fed 100644
--- a/src/dummyData/salary.js
+++ b/src/dummyData/salary.js
@@ -1,172 +1,172 @@
-const Salary = [
-  {
-    id: "1",
-    baseSalary: 50000,
-    totalCTC: 70000,
-    takeHomeSalary: 45000,
-    grossSalary: 60000,
-    otherCompensations: 5000,
-    salaryPeriod: "Monthly",
-    job: {
-      id: "101",
-      role: "Software Engineer",
-      company: {
-        id: "201",
-        name: "TechCorp",
-      },
-      season: {
-        id: "301",
-        year: "2023",
-        type: "INTERN",
-      },
-      salaries: [
-        {
-          id: "401",
-          totalCTC: 70000,
-          salaryPeriod: "Monthly",
-          genders: ["MALE", "FEMALE"],
-          programs: ["Engineering", "Computer Science"],
-          facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
-          categories: ["GENERAL"],
-          minCPI: 7.0,
-          tenthMarks: 85,
-          twelthMarks: 90,
-        },
-      ],
-    },
-    others: "Performance bonus",
-    genders: ["MALE", "FEMALE"],
-    programs: ["Engineering", "Computer Science"],
-    facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
-    categories: ["GENERAL"],
-    minCPI: 7.0,
-    tenthMarks: 85,
-    twelthMarks: 90,
-    facultyApprovalRequests: [
-      {
-        id: "501",
-        status: "APPROVED",
-        remarks: "Good candidate",
-        faculty: {
-          id: "601",
-          department: "Astronomy, Astrophysics and Space Engineering",
-          user: {
-            id: "701",
-            name: "Dr. John Doe",
-            email: "john.doe@university.edu",
-            contact: "1234567890",
-          },
-        },
-      },
-    ],
-    onCampusOffers: [
-      {
-        id: "801",
-        status: "ACCEPTED",
-        student: {
-          id: "901",
-          rollNo: "123456",
-          user: {
-            id: "1001",
-            name: "Jane Smith",
-            email: "jane.smith@student.edu",
-            contact: "0987654321",
-          },
-          program: {
-            id: "1101",
-            branch: "Computer Science",
-            course: "B.Tech",
-            year: "2023",
-            department: "Astronomy, Astrophysics and Space Engineering",
-          },
-        },
-      },
-    ],
-  },
-  {
-    id: "2",
-    baseSalary: 55000,
-    totalCTC: 75000,
-    takeHomeSalary: 50000,
-    grossSalary: 65000,
-    otherCompensations: 6000,
-    salaryPeriod: "Monthly",
-    job: {
-      id: "102",
-      role: "Data Analyst",
-      company: {
-        id: "202",
-        name: "DataInc",
-      },
-      season: {
-        id: "302",
-        year: "2023",
-        type: "INTERN",
-      },
-      salaries: [
-        {
-          id: "402",
-          totalCTC: 75000,
-          salaryPeriod: "Monthly",
-          genders: ["MALE", "FEMALE"],
-          programs: ["Data Science", "Statistics"],
-          facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
-          categories: ["GENERAL"],
-          minCPI: 8.0,
-          tenthMarks: 88,
-          twelthMarks: 92,
-        },
-      ],
-    },
-    others: "Annual bonus",
-    genders: ["MALE", "FEMALE"],
-    programs: ["Data Science", "Statistics"],
-    facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
-    categories: ["GENERAL"],
-    minCPI: 8.0,
-    tenthMarks: 88,
-    twelthMarks: 92,
-    facultyApprovalRequests: [
-      {
-        id: "502",
-        status: "APPROVED",
-        remarks: "Excellent candidate",
-        faculty: {
-          id: "602",
-          department: "Astronomy, Astrophysics and Space Engineering",
-          user: {
-            id: "702",
-            name: "Dr. Alice Brown",
-            email: "alice.brown@university.edu",
-            contact: "2233445566",
-          },
-        },
-      },
-    ],
-    onCampusOffers: [
-      {
-        id: "802",
-        status: "ACCEPTED",
-        student: {
-          id: "902",
-          rollNo: "654321",
-          user: {
-            id: "1002",
-            name: "Tom Johnson",
-            email: "tom.johnson@student.edu",
-            contact: "1122334455",
-          },
-          program: {
-            id: "1102",
-            branch: "Statistics",
-            course: "B.Sc",
-            year: "2023",
-            department: "Astronomy, Astrophysics and Space Engineering",
-          },
-        },
-      },
-    ],
-  },
-];
-
-export default Salary;
+const Salary = [
+  {
+    id: "1",
+    baseSalary: 50000,
+    totalCTC: 70000,
+    takeHomeSalary: 45000,
+    grossSalary: 60000,
+    otherCompensations: 5000,
+    salaryPeriod: "Monthly",
+    job: {
+      id: "101",
+      role: "Software Engineer",
+      company: {
+        id: "201",
+        name: "TechCorp",
+      },
+      season: {
+        id: "301",
+        year: "2023",
+        type: "INTERN",
+      },
+      salaries: [
+        {
+          id: "401",
+          totalCTC: 70000,
+          salaryPeriod: "Monthly",
+          genders: ["MALE", "FEMALE"],
+          programs: ["Engineering", "Computer Science"],
+          facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
+          categories: ["GENERAL"],
+          minCPI: 7.0,
+          tenthMarks: 85,
+          twelthMarks: 90,
+        },
+      ],
+    },
+    others: "Performance bonus",
+    genders: ["MALE", "FEMALE"],
+    programs: ["Engineering", "Computer Science"],
+    facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
+    categories: ["GENERAL"],
+    minCPI: 7.0,
+    tenthMarks: 85,
+    twelthMarks: 90,
+    facultyApprovalRequests: [
+      {
+        id: "501",
+        status: "APPROVED",
+        remarks: "Good candidate",
+        faculty: {
+          id: "601",
+          department: "Astronomy, Astrophysics and Space Engineering",
+          user: {
+            id: "701",
+            name: "Dr. John Doe",
+            email: "john.doe@university.edu",
+            contact: "1234567890",
+          },
+        },
+      },
+    ],
+    onCampusOffers: [
+      {
+        id: "801",
+        status: "ACCEPTED",
+        student: {
+          id: "901",
+          rollNo: "123456",
+          user: {
+            id: "1001",
+            name: "Jane Smith",
+            email: "jane.smith@student.edu",
+            contact: "0987654321",
+          },
+          program: {
+            id: "1101",
+            branch: "Computer Science",
+            course: "B.Tech",
+            year: "2023",
+            department: "Astronomy, Astrophysics and Space Engineering",
+          },
+        },
+      },
+    ],
+  },
+  {
+    id: "2",
+    baseSalary: 55000,
+    totalCTC: 75000,
+    takeHomeSalary: 50000,
+    grossSalary: 65000,
+    otherCompensations: 6000,
+    salaryPeriod: "Monthly",
+    job: {
+      id: "102",
+      role: "Data Analyst",
+      company: {
+        id: "202",
+        name: "DataInc",
+      },
+      season: {
+        id: "302",
+        year: "2023",
+        type: "INTERN",
+      },
+      salaries: [
+        {
+          id: "402",
+          totalCTC: 75000,
+          salaryPeriod: "Monthly",
+          genders: ["MALE", "FEMALE"],
+          programs: ["Data Science", "Statistics"],
+          facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
+          categories: ["GENERAL"],
+          minCPI: 8.0,
+          tenthMarks: 88,
+          twelthMarks: 92,
+        },
+      ],
+    },
+    others: "Annual bonus",
+    genders: ["MALE", "FEMALE"],
+    programs: ["Data Science", "Statistics"],
+    facultyApprovals: ["Astronomy, Astrophysics and Space Engineering"],
+    categories: ["GENERAL"],
+    minCPI: 8.0,
+    tenthMarks: 88,
+    twelthMarks: 92,
+    facultyApprovalRequests: [
+      {
+        id: "502",
+        status: "APPROVED",
+        remarks: "Excellent candidate",
+        faculty: {
+          id: "602",
+          department: "Astronomy, Astrophysics and Space Engineering",
+          user: {
+            id: "702",
+            name: "Dr. Alice Brown",
+            email: "alice.brown@university.edu",
+            contact: "2233445566",
+          },
+        },
+      },
+    ],
+    onCampusOffers: [
+      {
+        id: "802",
+        status: "ACCEPTED",
+        student: {
+          id: "902",
+          rollNo: "654321",
+          user: {
+            id: "1002",
+            name: "Tom Johnson",
+            email: "tom.johnson@student.edu",
+            contact: "1122334455",
+          },
+          program: {
+            id: "1102",
+            branch: "Statistics",
+            course: "B.Sc",
+            year: "2023",
+            department: "Astronomy, Astrophysics and Space Engineering",
+          },
+        },
+      },
+    ],
+  },
+];
+
+export default Salary;
diff --git a/src/dummyData/students.js b/src/dummyData/students.js
index aad41874..cb7b11fd 100644
--- a/src/dummyData/students.js
+++ b/src/dummyData/students.js
@@ -1,59 +1,59 @@
-export const StudentsData = [
-  {
-    id: "9b883346-6ffc-4a5e-a4eb-0104aeb4cd92",
-    userId: "1f3e3743-d959-4af5-af0e-b9365a69b59e",
-    rollNo: "210001015",
-    category: "GEN",
-    gender: "MALE",
-    cpi: 9,
-    programId: "00976d43-d0e3-4023-852d-f3e09d676b19",
-    user: {
-      email: "aak@gmail.com",
-      name: "Aaka",
-      contact: "91 821856989",
-    },
-    program: {
-      course: "PHD",
-      branch: "MATHEMATICS",
-      year: "2024",
-    },
-  },
-  {
-    id: "4b6e85cb-f134-4e7e-9f36-0221a9bfc7ed",
-    userId: "3a40202e-d420-4c95-9fd5-c65f1d7dca0d",
-    rollNo: "210001016",
-    category: "OBC",
-    gender: "FEMALE",
-    cpi: 8.5,
-    programId: "3e5217f2-2c4e-4dcb-bbcd-bb59c7f4be0e",
-    user: {
-      email: "john@example.com",
-      name: "John Doe",
-      contact: "91 9876543210",
-    },
-    program: {
-      course: "Masters",
-      branch: "Computer Science",
-      year: "2023",
-    },
-  },
-  {
-    id: "78d3648f-5d0e-442b-b5e2-8ac4d01880bf",
-    userId: "67a15dd6-2215-43d7-9e57-8b42c6cb5f32",
-    rollNo: "210001017",
-    category: "SC",
-    gender: "MALE",
-    cpi: 7.8,
-    programId: "f8e191ef-c42c-4b7c-b42f-8e3622fb1855",
-    user: {
-      email: "jane@example.com",
-      name: "Jane Doe",
-      contact: "91 9876543210",
-    },
-    program: {
-      course: "Undergraduate",
-      branch: "Physics",
-      year: "2025",
-    },
-  },
-];
+export const StudentsData = [
+  {
+    id: "9b883346-6ffc-4a5e-a4eb-0104aeb4cd92",
+    userId: "1f3e3743-d959-4af5-af0e-b9365a69b59e",
+    rollNo: "210001015",
+    category: "GEN",
+    gender: "MALE",
+    cpi: 9,
+    programId: "00976d43-d0e3-4023-852d-f3e09d676b19",
+    user: {
+      email: "aak@gmail.com",
+      name: "Aaka",
+      contact: "91 821856989",
+    },
+    program: {
+      course: "PHD",
+      branch: "MATHEMATICS",
+      year: "2024",
+    },
+  },
+  {
+    id: "4b6e85cb-f134-4e7e-9f36-0221a9bfc7ed",
+    userId: "3a40202e-d420-4c95-9fd5-c65f1d7dca0d",
+    rollNo: "210001016",
+    category: "OBC",
+    gender: "FEMALE",
+    cpi: 8.5,
+    programId: "3e5217f2-2c4e-4dcb-bbcd-bb59c7f4be0e",
+    user: {
+      email: "john@example.com",
+      name: "John Doe",
+      contact: "91 9876543210",
+    },
+    program: {
+      course: "Masters",
+      branch: "Computer Science",
+      year: "2023",
+    },
+  },
+  {
+    id: "78d3648f-5d0e-442b-b5e2-8ac4d01880bf",
+    userId: "67a15dd6-2215-43d7-9e57-8b42c6cb5f32",
+    rollNo: "210001017",
+    category: "SC",
+    gender: "MALE",
+    cpi: 7.8,
+    programId: "f8e191ef-c42c-4b7c-b42f-8e3622fb1855",
+    user: {
+      email: "jane@example.com",
+      name: "Jane Doe",
+      contact: "91 9876543210",
+    },
+    program: {
+      course: "Undergraduate",
+      branch: "Physics",
+      year: "2025",
+    },
+  },
+];
diff --git a/src/helpers/api.ts b/src/helpers/api.ts
index f62ffe14..2ce29158 100644
--- a/src/helpers/api.ts
+++ b/src/helpers/api.ts
@@ -498,14 +498,18 @@ export const fetchRegistrations = async (
     ],
   });
 };
-export const postRegistration = async (studentID:string,seasonID:string,registered:boolean) => {
+export const postRegistration = async (
+  studentID: string,
+  seasonID: string,
+  registered: boolean,
+) => {
   return apiCall("/registrations", {
     method: "POST",
     body: [
       {
-        studentId:studentID,
-        seasonId:seasonID,
-        registered:registered,
+        studentId: studentID,
+        seasonId: seasonID,
+        registered: registered,
       },
     ],
   });
diff --git a/src/helpers/auth.ts b/src/helpers/auth.ts
index 7351dede..66256b79 100644
--- a/src/helpers/auth.ts
+++ b/src/helpers/auth.ts
@@ -1,37 +1,37 @@
-import type {
-  GetServerSidePropsContext,
-  NextApiRequest,
-  NextApiResponse,
-} from "next";
-import type { NextAuthOptions } from "next-auth";
-import { getServerSession } from "next-auth";
-import GoogleProvider from "next-auth/providers/google";
-
-// You'll need to import and pass this
-// to `NextAuth` in `app/api/auth/[...nextauth]/route.ts`
-export const config = {
-  providers: [
-    GoogleProvider({
-      clientId: process.env.GOOGLE_ID as string,
-      clientSecret: process.env.GOOGLE_SECRET as string,
-    }),
-  ],
-  secret: process.env.NEXTAUTH_SECRET,
-} satisfies NextAuthOptions;
-
-// Use it in server contexts
-export function auth(
-  ...args:
-    | [GetServerSidePropsContext["req"], GetServerSidePropsContext["res"]]
-    | [NextApiRequest, NextApiResponse]
-    | []
-) {
-  return getServerSession(...args, config);
-}
-
-// jobs - we have to show it in the form of csv / data will come in json format
-
-// filters in the pages:-
-
-// job status - round
-// job open to - btech / mtech
+import type {
+  GetServerSidePropsContext,
+  NextApiRequest,
+  NextApiResponse,
+} from "next";
+import type { NextAuthOptions } from "next-auth";
+import { getServerSession } from "next-auth";
+import GoogleProvider from "next-auth/providers/google";
+
+// You'll need to import and pass this
+// to `NextAuth` in `app/api/auth/[...nextauth]/route.ts`
+export const config = {
+  providers: [
+    GoogleProvider({
+      clientId: process.env.GOOGLE_ID as string,
+      clientSecret: process.env.GOOGLE_SECRET as string,
+    }),
+  ],
+  secret: process.env.NEXTAUTH_SECRET,
+} satisfies NextAuthOptions;
+
+// Use it in server contexts
+export function auth(
+  ...args:
+    | [GetServerSidePropsContext["req"], GetServerSidePropsContext["res"]]
+    | [NextApiRequest, NextApiResponse]
+    | []
+) {
+  return getServerSession(...args, config);
+}
+
+// jobs - we have to show it in the form of csv / data will come in json format
+
+// filters in the pages:-
+
+// job status - round
+// job open to - btech / mtech
diff --git a/src/helpers/faculty/api.ts b/src/helpers/faculty/api.ts
index 36bf60e7..1a7be913 100644
--- a/src/helpers/faculty/api.ts
+++ b/src/helpers/faculty/api.ts
@@ -1,29 +1,29 @@
-import { apiCall } from "../api";
-import { updateProfileFC } from "./types";
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
-
-export const fetchApprovals = async (filter: object | undefined) => {
-  return apiCall("/faculty-view/approvals", {
-    queryParam: filter,
-    next: { tags: ["AllApprovals"] },
-  });
-};
-
-export async function updateApproval(data: {
-  id: string;
-  remarks: string;
-  status: string;
-}) {
-  return apiCall("/faculty-view/approval-status", {
-    method: "PATCH",
-    body: data,
-  });
-}
-
-export const fetchProfile = async () => {
-  return apiCall(`/faculty-view/faculty`);
-};
-
-export const patchProfile = async (changes: updateProfileFC) => {
-  return apiCall(`/faculty-view/faculty`, { method: "PATCH", body: changes });
-};
+import { apiCall } from "../api";
+import { updateProfileFC } from "./types";
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+
+export const fetchApprovals = async (filter: object | undefined) => {
+  return apiCall("/faculty-view/approvals", {
+    queryParam: filter,
+    next: { tags: ["AllApprovals"] },
+  });
+};
+
+export async function updateApproval(data: {
+  id: string;
+  remarks: string;
+  status: string;
+}) {
+  return apiCall("/faculty-view/approval-status", {
+    method: "PATCH",
+    body: data,
+  });
+}
+
+export const fetchProfile = async () => {
+  return apiCall(`/faculty-view/faculty`);
+};
+
+export const patchProfile = async (changes: updateProfileFC) => {
+  return apiCall(`/faculty-view/faculty`, { method: "PATCH", body: changes });
+};
diff --git a/src/helpers/faculty/types.ts b/src/helpers/faculty/types.ts
index 05fbef00..9858921e 100644
--- a/src/helpers/faculty/types.ts
+++ b/src/helpers/faculty/types.ts
@@ -1,18 +1,18 @@
-export interface updateProfileFC {
-  user: {
-    name: string;
-    email: string;
-    contact: string;
-  };
-}
-
-export interface ProfileFC {
-  id: "string";
-  department: "string";
-  user: {
-    id: "string";
-    name: "string";
-    email: "string";
-    contact: "string";
-  };
-}
+export interface updateProfileFC {
+  user: {
+    name: string;
+    email: string;
+    contact: string;
+  };
+}
+
+export interface ProfileFC {
+  id: "string";
+  department: "string";
+  user: {
+    id: "string";
+    name: "string";
+    email: "string";
+    contact: "string";
+  };
+}
diff --git a/src/helpers/googleAuth.ts b/src/helpers/googleAuth.ts
index 648b0bce..f36c6d3c 100644
--- a/src/helpers/googleAuth.ts
+++ b/src/helpers/googleAuth.ts
@@ -1,11 +1,11 @@
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
-
-export const url = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
-
-export const googleLoginURL = () => {
-  const googleLoginURL = url("/auth/google/login");
-  return googleLoginURL;
-};
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
+
+export const url = (NextUrl: string) => {
+  return `${baseUrl}/api/v1${NextUrl}`;
+};
+
+export const googleLoginURL = () => {
+  const googleLoginURL = url("/auth/google/login");
+  return googleLoginURL;
+};
diff --git a/src/helpers/recruiter/api.ts b/src/helpers/recruiter/api.ts
index 689955de..50b4ca66 100644
--- a/src/helpers/recruiter/api.ts
+++ b/src/helpers/recruiter/api.ts
@@ -1,114 +1,106 @@
-import axios from "axios";
-import { JobDetailFC, updateProfileFC, SalaryFC } from "./types";
-import { OpenFile, apiCall } from "../api";
-
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";
-
-const url = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
-
-export const fetchProfile = async () => {
-  return apiCall(`/recruiter-view/recruiter`);
-};
-
-export const patchProfile = async (changes: updateProfileFC) => {
-  return apiCall(`/recruiter-view/recruiter`, {
-    method: "PATCH",
-    body: changes,
-  });
-};
-
-export const getJobs = async () => {
-  return apiCall(`/recruiter-view/jobs`);
-};
-
-export const getJobDetail = async (id: string) => {
-  return apiCall(`/recruiter-view/jobs/${id}`);
-};
-
-export async function getEvent(id: string) {
-  return apiCall(`/recruiter-view/events/${id}`);
-}
-
-export async function getDomains() {
-  return apiCall(`/jaf`, { isAuth: false });
-}
-
-export async function getJafDetails() {
-  return apiCall(`/jaf`, { isAuth: false });
-}
-
-export const getResume = (filename: string) => {
-  OpenFile(`/recruiter-view/resume/${filename}`);
-};
-
-export const patchJobData = async (jobId: string, changes: JobDetailFC) => {
-  const patchFormat = {
-    role: "string",
-    noOfVacancies: 0,
-    duration: 0,
-    location: "string",
-    selectionProcedure: {
-      selectionMode: "OFFLINE",
-      shortlistFromResume: true,
-      groupDiscussion: true,
-      tests: [
-        {
-          type: "APTITUDE",
-          duration: 0,
-        },
-      ],
-      interviews: [
-        {
-          type: "HR",
-          duration: 0,
-        },
-      ],
-      requirements: {
-        numberOfMembers: 0,
-        numberOfRooms: 0,
-        otherRequirements: "string",
-      },
-      others: "string",
-    },
-    description: "string",
-    attachment: "string",
-    skills: "string",
-    offerLetterReleaseDate: "2024-06-24T06:42:48.242Z",
-    joiningDate: "2024-06-24T06:42:48.242Z",
-    feedback: "string",
-  };
-
-  const toPatch = {};
-  Object.entries(patchFormat).map(([key]) => (toPatch[key] = changes[key]));
-  return apiCall(`/recruiter-view/jobs/${jobId}`, {
-    method: "PATCH",
-    body: toPatch,
-  });
-};
-
-export const patchSalaryData = async (salary: SalaryFC) => {
-  const patchFormat = {
-    baseSalary: 0,
-    totalCTC: 0,
-    takeHomeSalary: 0,
-    grossSalary: 0,
-    otherCompensations: 0,
-    genders: [],
-    programs: [],
-    categories: [],
-    salaryPeriod: "",
-    minCPI: 0,
-    tenthMarks: 0,
-    twelthMarks: 0,
-  };
-
-  const toPatch = {};
-  Object.entries(patchFormat).map(([key]) => (toPatch[key] = salary[key]));
-  return apiCall(`/recruiter-view/salary/${salary.id}`, {
-    method: "PATCH",
-    body: toPatch,
-  });
-};
+import { JobDetailFC, updateProfileFC, SalaryFC } from "./types";
+import { OpenFile, apiCall } from "../api";
+
+export const fetchProfile = async () => {
+  return apiCall(`/recruiter-view/recruiter`);
+};
+
+export const patchProfile = async (changes: updateProfileFC) => {
+  return apiCall(`/recruiter-view/recruiter`, {
+    method: "PATCH",
+    body: changes,
+  });
+};
+
+export const getJobs = async () => {
+  return apiCall(`/recruiter-view/jobs`);
+};
+
+export const getJobDetail = async (id: string) => {
+  return apiCall(`/recruiter-view/jobs/${id}`);
+};
+
+export async function getEvent(id: string) {
+  return apiCall(`/recruiter-view/events/${id}`);
+}
+
+export async function getDomains() {
+  return apiCall(`/jaf`, { isAuth: false });
+}
+
+export async function getJafDetails() {
+  return apiCall(`/jaf`, { isAuth: false });
+}
+
+export const getResume = (filename: string) => {
+  OpenFile(`/recruiter-view/resume/${filename}`);
+};
+
+export const patchJobData = async (jobId: string, changes: JobDetailFC) => {
+  const patchFormat = {
+    role: "string",
+    noOfVacancies: 0,
+    duration: 0,
+    location: "string",
+    selectionProcedure: {
+      selectionMode: "OFFLINE",
+      shortlistFromResume: true,
+      groupDiscussion: true,
+      tests: [
+        {
+          type: "APTITUDE",
+          duration: 0,
+        },
+      ],
+      interviews: [
+        {
+          type: "HR",
+          duration: 0,
+        },
+      ],
+      requirements: {
+        numberOfMembers: 0,
+        numberOfRooms: 0,
+        otherRequirements: "string",
+      },
+      others: "string",
+    },
+    description: "string",
+    attachment: "string",
+    skills: "string",
+    offerLetterReleaseDate: "2024-06-24T06:42:48.242Z",
+    joiningDate: "2024-06-24T06:42:48.242Z",
+    feedback: "string",
+  };
+
+  const toPatch = {};
+  Object.entries(patchFormat).map(([key]) => (toPatch[key] = changes[key]));
+  return apiCall(`/recruiter-view/jobs/${jobId}`, {
+    method: "PATCH",
+    body: toPatch,
+  });
+};
+
+export const patchSalaryData = async (salary: SalaryFC) => {
+  const patchFormat = {
+    baseSalary: 0,
+    totalCTC: 0,
+    takeHomeSalary: 0,
+    grossSalary: 0,
+    otherCompensations: 0,
+    genders: [],
+    programs: [],
+    categories: [],
+    salaryPeriod: "",
+    minCPI: 0,
+    tenthMarks: 0,
+    twelthMarks: 0,
+  };
+
+  const toPatch = {};
+  Object.entries(patchFormat).map(([key]) => (toPatch[key] = salary[key]));
+  return apiCall(`/recruiter-view/salary/${salary.id}`, {
+    method: "PATCH",
+    body: toPatch,
+  });
+};
diff --git a/src/helpers/recruiter/signup.ts b/src/helpers/recruiter/signup.ts
new file mode 100644
index 00000000..0c5e5a0a
--- /dev/null
+++ b/src/helpers/recruiter/signup.ts
@@ -0,0 +1,23 @@
+import { apiCall } from "../api";
+
+export async function getCompanies() {
+  return apiCall("/companies", { isAuth: false });
+}
+
+export async function signupRecruiter(data) {
+  return apiCall("/auth/recruiter", {
+    isAuth: false,
+    method: "POST",
+    body: data,
+    recieveResponse: true,
+  });
+}
+
+export async function postCompany(data) {
+  return apiCall("/companies", {
+    isAuth: false,
+    method: "POST",
+    body: [data],
+    recieveResponse: true,
+  });
+}
diff --git a/src/helpers/recruiter/types.ts b/src/helpers/recruiter/types.ts
index 4abe2bdf..cae3bd66 100644
--- a/src/helpers/recruiter/types.ts
+++ b/src/helpers/recruiter/types.ts
@@ -1,218 +1,236 @@
-import { TPCMember } from "@/components/Admin/types";
-
-export interface ApplicationFC {
-  id: string;
-  student: {
-    id: string;
-    rollNo: string;
-    user: {
-      id: string;
-      name: string;
-      email: string;
-      contact: string;
-    };
-    program: {
-      id: string;
-      branch: string;
-      course: string;
-      year: string;
-      department: string;
-    };
-  };
-  resume: {
-    id: string;
-    filepath: string;
-    verified: boolean;
-  };
-}
-
-export interface EventFC {
-  id: string;
-  roundNumber: number;
-  type: string;
-  metadata: string;
-  startDateTime: string;
-  endDateTime: string;
-  applications?: [ApplicationFC];
-  job?: JobDetailFC;
-}
-
-export interface JAFdetailsFC {
-  seasons: [
-    {
-      id: string;
-      type: string;
-      year: string;
-    },
-  ];
-  programs: [
-    {
-      id: string;
-      branch: string;
-      course: string;
-      year: string;
-      department: string;
-    },
-  ];
-  genders: [string];
-  categories: [string];
-  testTypes: [string];
-  domains: [string];
-  interviewTypes: [string];
-  countries: [string];
-}
-
-export interface JobDetailFC {
-  id: string;
-  role: string;
-  active: boolean;
-  currentStatus: string;
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-  company: {
-    id: string;
-    name: string;
-  };
-  selectionProcedure: {
-    selectionMode: string;
-    shortlistFromResume: true;
-    groupDiscussion: true;
-    tests: [
-      {
-        type: string;
-        duration: number;
-      },
-    ];
-    interviews: [
-      {
-        type: string;
-        duration: number;
-      },
-    ];
-    requirements: {
-      numberOfMembers: number;
-      numberOfRooms: number;
-      otherRequirements: string;
-    };
-    others: string;
-  };
-  description: string;
-  attachment: string;
-  skills: string;
-  offerLetterReleaseDate: string;
-  joiningDate: string;
-  location: string;
-  noOfVacancies: number;
-  duration: number;
-  feedback: string;
-  jobCoordinators: [
-    {
-      id: string;
-      role: string;
-      tpcMember: TPCMember;
-    },
-  ];
-  events: [
-    {
-      id: string;
-      roundNumber: number;
-      type: string;
-      metadata: string;
-      startDateTime: string;
-      endDateTime: string;
-      visibleToRecruiter: true;
-    },
-  ];
-  salaries: [SalaryFC];
-}
-
-export interface SalaryFC {
-  id: string;
-  baseSalary: string;
-  takeHomeSalary: number;
-  grossSalary: number;
-  otherCompensations: number;
-  totalCTC: number;
-  salaryPeriod: string;
-  genders: [string];
-  programs: [string];
-  facultyApprovals: [string];
-  categories: [string];
-  minCPI: number;
-  tenthMarks: number;
-  twelthMarks: number;
-}
-
-export interface JobsFC {
-  id: string;
-  role: string;
-  active: boolean;
-  currentStatus: string;
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-  company: {
-    id: string;
-    name: string;
-  };
-}
-
-export interface updateProfileFC {
-  designation?: string;
-  landline?: string;
-  company?: {
-    name?: string;
-    website?: string;
-    domains?: any[];
-    category?: string;
-    address?: {
-      line1: string;
-      line2: string;
-      city: string;
-      state: string;
-      country: string;
-    };
-    size?: number;
-    yearOfEstablishment?: string;
-    annualTurnover?: string;
-    socialMediaLink?: string;
-  };
-  user?: {
-    name: string;
-    email: string;
-    contact: string;
-  };
-}
-
-export interface ProfileFC {
-  id: string;
-  designation: string;
-  landline: string;
-  user: {
-    id: string;
-    email: string;
-    name: string;
-    contact: string;
-  };
-  company: {
-    name: string;
-    domains: [string];
-    category: string;
-    address: {
-      city: string;
-      line1: string;
-      line2: string;
-      state: string;
-      country: string;
-      zipCode: string;
-    };
-    size: number;
-    yearOfEstablishment: string;
-    socialMediaLink: string;
-  };
-}
+import { TPCMember } from "@/components/Admin/types";
+
+export interface ApplicationFC {
+  id: string;
+  student: {
+    id: string;
+    rollNo: string;
+    user: {
+      id: string;
+      name: string;
+      email: string;
+      contact: string;
+    };
+    program: {
+      id: string;
+      branch: string;
+      course: string;
+      year: string;
+      department: string;
+    };
+  };
+  resume: {
+    id: string;
+    filepath: string;
+    verified: boolean;
+  };
+}
+
+export interface EventFC {
+  id: string;
+  roundNumber: number;
+  type: string;
+  metadata: string;
+  startDateTime: string;
+  endDateTime: string;
+  applications?: [ApplicationFC];
+  job?: JobDetailFC;
+}
+
+export interface JAFdetailsFC {
+  seasons: [
+    {
+      id: string;
+      type: string;
+      year: string;
+    },
+  ];
+  programs: [
+    {
+      id: string;
+      branch: string;
+      course: string;
+      year: string;
+      department: string;
+    },
+  ];
+  genders: [string];
+  categories: [string];
+  testTypes: [string];
+  domains: [string];
+  interviewTypes: [string];
+  countries: [string];
+}
+
+export interface JobDetailFC {
+  id: string;
+  role: string;
+  active: boolean;
+  currentStatus: string;
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+  company: {
+    id: string;
+    name: string;
+  };
+  selectionProcedure: {
+    selectionMode: string;
+    shortlistFromResume: true;
+    groupDiscussion: true;
+    tests: [
+      {
+        type: string;
+        duration: number;
+      },
+    ];
+    interviews: [
+      {
+        type: string;
+        duration: number;
+      },
+    ];
+    requirements: {
+      numberOfMembers: number;
+      numberOfRooms: number;
+      otherRequirements: string;
+    };
+    others: string;
+  };
+  description: string;
+  attachment: string;
+  skills: string;
+  offerLetterReleaseDate: string;
+  joiningDate: string;
+  location: string;
+  noOfVacancies: number;
+  duration: number;
+  feedback: string;
+  jobCoordinators: [
+    {
+      id: string;
+      role: string;
+      tpcMember: TPCMember;
+    },
+  ];
+  events: [
+    {
+      id: string;
+      roundNumber: number;
+      type: string;
+      metadata: string;
+      startDateTime: string;
+      endDateTime: string;
+      visibleToRecruiter: true;
+    },
+  ];
+  salaries: [SalaryFC];
+}
+
+export interface SalaryFC {
+  id: string;
+  baseSalary: string;
+  takeHomeSalary: number;
+  grossSalary: number;
+  otherCompensations: number;
+  totalCTC: number;
+  salaryPeriod: string;
+  genders: [string];
+  programs: [string];
+  facultyApprovals: [string];
+  categories: [string];
+  minCPI: number;
+  tenthMarks: number;
+  twelthMarks: number;
+}
+
+export interface JobsFC {
+  id: string;
+  role: string;
+  active: boolean;
+  currentStatus: string;
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+  company: {
+    id: string;
+    name: string;
+  };
+}
+
+export interface updateProfileFC {
+  designation?: string;
+  landline?: string;
+  company?: {
+    name?: string;
+    website?: string;
+    domains?: any[];
+    category?: string;
+    address?: {
+      line1: string;
+      line2: string;
+      city: string;
+      state: string;
+      country: string;
+    };
+    size?: number;
+    yearOfEstablishment?: string;
+    annualTurnover?: string;
+    socialMediaLink?: string;
+  };
+  user?: {
+    name: string;
+    email: string;
+    contact: string;
+  };
+}
+
+export interface ProfileFC {
+  id: string;
+  designation: string;
+  landline: string;
+  user: {
+    id: string;
+    email: string;
+    name: string;
+    contact: string;
+  };
+  company: {
+    name: string;
+    domains: [string];
+    category: string;
+    address: {
+      city: string;
+      line1: string;
+      line2: string;
+      state: string;
+      country: string;
+      zipCode: string;
+    };
+    size: number;
+    yearOfEstablishment: string;
+    socialMediaLink: string;
+  };
+}
+
+export interface CompanyPostFC {
+  name: string;
+  category: string;
+  yearOfEstablishment: string;
+  website: string;
+  size: 0;
+  annualTurnover: string;
+  socialMediaLink: string;
+  domains: string[];
+  address: {
+    line1: string;
+    line2: string;
+    city: string;
+    state: string;
+    country: string;
+  };
+}
diff --git a/src/helpers/season/types.ts b/src/helpers/season/types.ts
index c45f17d0..dd5fea77 100644
--- a/src/helpers/season/types.ts
+++ b/src/helpers/season/types.ts
@@ -1,40 +1,40 @@
-export interface ApplicationFC {
-  id: string;
-  registered: boolean;
-  season: {
-    id: string;
-    type: string;
-    year: string;
-  };
-  student: {
-    id: string;
-    program: {
-      branch: string;
-      course: string;
-      department: string;
-      id: string;
-      year: string;
-    };
-    rollNo: string;
-    user: {
-      contact: string;
-      email: string;
-      id: string;
-      name: string;
-    };
-  };
-  
-}
-
-export interface SeasonFC {
-  id: string;
-  year: string;
-  type: string;
-  applications?: [ApplicationFC];
-}
-
-
-
-
-
-
+export interface ApplicationFC {
+  id: string;
+  registered: boolean;
+  season: {
+    id: string;
+    type: string;
+    year: string;
+  };
+  student: {
+    id: string;
+    program: {
+      branch: string;
+      course: string;
+      department: string;
+      id: string;
+      year: string;
+    };
+    rollNo: string;
+    user: {
+      contact: string;
+      email: string;
+      id: string;
+      name: string;
+    };
+  };
+  
+}
+
+export interface SeasonFC {
+  id: string;
+  year: string;
+  type: string;
+  applications?: [ApplicationFC];
+}
+
+
+
+
+
+
diff --git a/src/helpers/student/api.ts b/src/helpers/student/api.ts
index e1199a9c..c18fc530 100644
--- a/src/helpers/student/api.ts
+++ b/src/helpers/student/api.ts
@@ -1,111 +1,111 @@
-const redirect = () => {};
-const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-import { OpenFile, apiCall } from "../api";
-
-const url = (NextUrl: string) => {
-  return `${baseUrl}/api/v1${NextUrl}`;
-};
-
-export const GetJobById = async (jobId: string) => {
-  return apiCall(`/student-view/job/${jobId}`, { next: { tags: ["AllJobs"] } });
-};
-export const GetJobs = async () => {
-  return apiCall(`/student-view/jobs`, { next: { tags: ["AllJobs"] } });
-};
-export const GetEventsByJobId = async (jobId: string) => {
-  return apiCall(`/student-view/events/${jobId}`, {
-    next: { tags: ["AllJobs"] },
-  });
-};
-export const GetOpportuinites = async () => {
-  return apiCall(`/student-view/opportunities`, {
-    next: { tags: ["AllJobs"] },
-  });
-};
-export const GetSalaryById = async (salaryId: string) => {
-  return apiCall(`/student-view/salaries/${salaryId}`, {
-    next: { tags: ["Salaries"] },
-  });
-};
-
-export const GetOnCampusOffers = async () => {
-  return apiCall("/student-view/offers/on-campus", {
-    next: { tags: ["Offers"] },
-  });
-};
-
-export const GetOffCampusOffers = async () => {
-  return apiCall("/student-view/offers/off-campus", {
-    next: { tags: ["Offers"] },
-  });
-};
-
-export const GetResumes = async () => {
-  return apiCall("/student-view/resume", { next: { tags: ["Resumes"] } });
-};
-export const RegisterSeason = async (seasonId: string, registered: boolean) => {
-  if (!registered) {
-    return apiCall(`/student-view/registrations/${seasonId}`, {
-      method: "PATCH",
-      next: { tags: ["Registrations"] },
-    });
-  } else {
-    return apiCall(`/student-view/de-register/${seasonId}`, {
-      method: "PATCH",
-      next: { tags: ["Registrations"] },
-    });
-  }
-};
-
-export const OpenResume = async (filename: string) => {
-  OpenFile(`/student-view/resume/${filename}`);
-};
-
-export const GetInterviewExpiriences = async () => {
-  return apiCall("/student-view/interview-experiences", {
-    next: { tags: ["InterviewExpiriences"] },
-  });
-};
-
-export const OpenInterviewExpirience = async (filename: string) => {
-  OpenFile(`/student-view/interview-experiences/${filename}`);
-};
-
-export const GetStudentData = async () => {
-  return apiCall("/student-view", { next: { tags: ["Students"] } });
-};
-
-export const ApplyJob = async (salaryId: string, resumeId: string) => {
-  const body = [
-    {
-      salaryId: salaryId,
-      resumeId: resumeId,
-    },
-  ];
-
-  return apiCall("/student-view/salaries", {
-    method: "POST",
-    body: body,
-    next: { tags: ["Salaries"] },
-  });
-};
-
-export const uploadResume = async (formData: FormData, name: string) => {
-  formData.append("name", name);
-  return apiCall("/student-view", {
-    method: "POST",
-    formData: formData,
-    next: { tags: ["Resumes"] },
-  });
-};
-
-export const deleteResume = async (filename: string) => {
-  return apiCall(`/student-view?filename=${filename}`, {
-    method: "DELETE",
-    next: { tags: ["Resumes"] },
-  });
-};
-
-export const fetchStudentEvents = async () => {
-  return apiCall("/student-view/events");
-};
+const redirect = () => {};
+const baseUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
+import { OpenFile, apiCall } from "../api";
+
+const url = (NextUrl: string) => {
+  return `${baseUrl}/api/v1${NextUrl}`;
+};
+
+export const GetJobById = async (jobId: string) => {
+  return apiCall(`/student-view/job/${jobId}`, { next: { tags: ["AllJobs"] } });
+};
+export const GetJobs = async () => {
+  return apiCall(`/student-view/jobs`, { next: { tags: ["AllJobs"] } });
+};
+export const GetEventsByJobId = async (jobId: string) => {
+  return apiCall(`/student-view/events/${jobId}`, {
+    next: { tags: ["AllJobs"] },
+  });
+};
+export const GetOpportuinites = async () => {
+  return apiCall(`/student-view/opportunities`, {
+    next: { tags: ["AllJobs"] },
+  });
+};
+export const GetSalaryById = async (salaryId: string) => {
+  return apiCall(`/student-view/salaries/${salaryId}`, {
+    next: { tags: ["Salaries"] },
+  });
+};
+
+export const GetOnCampusOffers = async () => {
+  return apiCall("/student-view/offers/on-campus", {
+    next: { tags: ["Offers"] },
+  });
+};
+
+export const GetOffCampusOffers = async () => {
+  return apiCall("/student-view/offers/off-campus", {
+    next: { tags: ["Offers"] },
+  });
+};
+
+export const GetResumes = async () => {
+  return apiCall("/student-view/resume", { next: { tags: ["Resumes"] } });
+};
+export const RegisterSeason = async (seasonId: string, registered: boolean) => {
+  if (!registered) {
+    return apiCall(`/student-view/registrations/${seasonId}`, {
+      method: "PATCH",
+      next: { tags: ["Registrations"] },
+    });
+  } else {
+    return apiCall(`/student-view/de-register/${seasonId}`, {
+      method: "PATCH",
+      next: { tags: ["Registrations"] },
+    });
+  }
+};
+
+export const OpenResume = async (filename: string) => {
+  OpenFile(`/student-view/resume/${filename}`);
+};
+
+export const GetInterviewExpiriences = async () => {
+  return apiCall("/student-view/interview-experiences", {
+    next: { tags: ["InterviewExpiriences"] },
+  });
+};
+
+export const OpenInterviewExpirience = async (filename: string) => {
+  OpenFile(`/student-view/interview-experiences/${filename}`);
+};
+
+export const GetStudentData = async () => {
+  return apiCall("/student-view", { next: { tags: ["Students"] } });
+};
+
+export const ApplyJob = async (salaryId: string, resumeId: string) => {
+  const body = [
+    {
+      salaryId: salaryId,
+      resumeId: resumeId,
+    },
+  ];
+
+  return apiCall("/student-view/salaries", {
+    method: "POST",
+    body: body,
+    next: { tags: ["Salaries"] },
+  });
+};
+
+export const uploadResume = async (formData: FormData, name: string) => {
+  formData.append("name", name);
+  return apiCall("/student-view", {
+    method: "POST",
+    formData: formData,
+    next: { tags: ["Resumes"] },
+  });
+};
+
+export const deleteResume = async (filename: string) => {
+  return apiCall(`/student-view?filename=${filename}`, {
+    method: "DELETE",
+    next: { tags: ["Resumes"] },
+  });
+};
+
+export const fetchStudentEvents = async () => {
+  return apiCall("/student-view/events");
+};
diff --git a/src/helpers/student/types.ts b/src/helpers/student/types.ts
index 0310064c..29fb87d6 100644
--- a/src/helpers/student/types.ts
+++ b/src/helpers/student/types.ts
@@ -1,361 +1,361 @@
-import { TPCMember } from "@/components/Admin/types";
-
-export interface OnCampusOffers {
-  id: string;
-  status: string;
-  salary: {
-    id: string;
-    baseSalary: number;
-    totalCTC: number;
-    takeHomeSalary: number;
-    grossSalary: number;
-    otherCompensations: number;
-    job: {
-      id: string;
-      role: string;
-      others: string;
-      company: {
-        id: string;
-        name: string;
-        category: string;
-      };
-      season: {
-        id: string;
-        year: string;
-        type: string;
-      };
-    };
-  };
-}
-
-export interface OffCampusOffer {
-  id: string;
-  salary: number;
-  salaryPeriod: string;
-  metadata: string;
-  role: string;
-  status: string;
-  company: {
-    id: string;
-    name: string;
-    category: string;
-  };
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-}
-
-export interface Resume {
-  id: string;
-  filepath: string;
-  verified: boolean;
-  name: string;
-}
-
-export interface Salary {
-  id: string;
-  salaryPeriod: string;
-  others: string;
-  baseSalary: number;
-  totalCTC: number;
-  takeHomeSalary: number;
-  grossSalary: number;
-  otherCompensations: number;
-  job: {
-    id: string;
-    role: string;
-    others: string;
-    selectionProcedure: {
-      tests: {
-        type: string;
-        duration: number;
-      }[];
-      interviews: {
-        type: string;
-        duration: number;
-      }[];
-      requirements: {
-        numberOfMembers: number;
-        numberOfRooms: number;
-        otherRequirements: string;
-      };
-      selectionMode: string;
-      groupDiscussion: boolean;
-      shortlistFromResume: boolean;
-    };
-    location: string;
-    offerLetterReleaseDate: string;
-    duration: number;
-    season: {
-      id: string;
-      year: string;
-      type: string;
-    };
-    company: {
-      id: string;
-      name: string;
-      domains: string[];
-      category: string;
-    };
-    applications: {
-      id: string;
-      eventId: string;
-      resume: {
-        id: string;
-        filepath: string;
-        verified: boolean;
-      };
-    }[];
-    events: {
-      id: string;
-      roundNumber: number;
-      type: string;
-      startDateTime: string;
-      endDateTime: string;
-    }[];
-    jobCoordinators: {
-      id: string;
-      role: string;
-      tpcMember: {
-        id: string;
-        department: string;
-        role: string;
-        user: {
-          id: string;
-          email: string;
-          name: string;
-          contact: string;
-        };
-      };
-    }[];
-  };
-}
-
-export interface Jobs {
-  id: string;
-  role: string;
-  active: boolean;
-  currentStatus: string;
-  location: string;
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-  company: {
-    id: string;
-    name: string;
-  };
-  recruiter: {
-    id: string;
-    designation: string;
-    user: {
-      id: string;
-      email: string;
-      name: string;
-      contact: string;
-    };
-  };
-}
-
-export interface Job {
-  id: string;
-  role: string;
-  active: boolean;
-  currentStatus: string;
-
-  companyDetailsFilled: {
-    name: string;
-    size: number;
-    address: {
-      city: string;
-      line1: string;
-      state: string;
-      country: string;
-    };
-    domains: string[];
-    website: string;
-    category: string;
-    yearOfEstablishment: string;
-  };
-
-  recruiterDetailsFilled: {
-    name: string;
-    email: string;
-    contact: string;
-    designation: string;
-  };
-
-  selectionProcedure: {
-    tests: {
-      type: string;
-      duration: number;
-    }[];
-    interviews: {
-      type: string;
-      duration: number;
-    }[];
-    requirements: {
-      numberOfMembers: number;
-      numberOfRooms: number;
-      otherRequirements: string;
-    };
-    selectionMode: string;
-    groupDiscussion: boolean;
-    shortlistFromResume: boolean;
-  };
-
-  description: string;
-  skills: string;
-  location: string;
-  noOfVacancies: number;
-  joiningDate: string;
-  duration: number;
-
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-
-  company: {
-    id: string;
-    name: string;
-  };
-
-  recruiter: {
-    id: string;
-    designation: string;
-    user: {
-      id: string;
-      email: string;
-      name: string;
-      contact: string;
-    };
-  };
-
-  jobCoordinators: {
-    id: string;
-    role: string;
-    tpcMember: TPCMember
-  }[];
-
-  events: {
-    id: string;
-    roundNumber: number;
-    type: string;
-    metadata: string;
-    startDateTime: string;
-    endDateTime: string;
-    visibleToRecruiter: boolean;
-  }[];
-
-  salaries: {
-    id: string;
-    salaryPeriod: string;
-    programs: string[];
-    genders: string[];
-    categories: string[];
-    minCPI: number;
-    tenthMarks: number;
-    twelthMarks: number;
-    facultyApprovals: string[];
-    baseSalary: number;
-    totalCTC: number;
-    takeHomeSalary: number;
-    grossSalary: number;
-    otherCompensations: number;
-    others?: string;
-  }[];
-}
-
-export interface CustomEvent {
-  id: string;
-  roundNumber: number;
-  type: string;
-  metadata: string;
-  startDateTime: string;
-  endDateTime: string;
-  visibleToRecruiter: boolean;
-}
-
-export interface StudentEvent {
-  id: string;
-  roundNumber: number;
-  type: string;
-  metadata: string;
-  startDateTime: string;
-  endDateTime: string;
-  studentStatus: string;
-}
-
-export interface EventData {
-  date: string;
-  status: string;
-  title: string;
-  description: string;
-}
-
-export interface CalenderEvent {
-  day: number;
-  description: string;
-  id: string;
-  label: string;
-  timeFrom: string;
-  timeTo: string;
-  title: string;
-}
-
-export interface StudentDataType {
-  id: string;
-  rollNo: string;
-  category: string;
-  gender: string;
-  cpi: number;
-  tenthMarks: number;
-  twelthMarks: number;
-  user: {
-    id: string;
-    email: string;
-    name: string;
-    contact: string;
-  };
-  program: {
-    id: string;
-    course: string;
-    branch: string;
-    department: string;
-    year: string;
-  };
-  penalties: {
-    id: string;
-    penalty: number;
-    reason: string;
-  }[];
-  registrations: {
-    id: string;
-    registered: boolean;
-    season: {
-      id: string;
-      year: string;
-      type: string;
-    };
-  }[];
-}
-
-export interface InterviewExperience {
-  id: string;
-  studentName: string;
-  filename: string;
-  company: {
-    id: string;
-    name: string;
-  };
-  season: {
-    id: string;
-    year: string;
-    type: string;
-  };
-}
+import { TPCMember } from "@/components/Admin/types";
+
+export interface OnCampusOffers {
+  id: string;
+  status: string;
+  salary: {
+    id: string;
+    baseSalary: number;
+    totalCTC: number;
+    takeHomeSalary: number;
+    grossSalary: number;
+    otherCompensations: number;
+    job: {
+      id: string;
+      role: string;
+      others: string;
+      company: {
+        id: string;
+        name: string;
+        category: string;
+      };
+      season: {
+        id: string;
+        year: string;
+        type: string;
+      };
+    };
+  };
+}
+
+export interface OffCampusOffer {
+  id: string;
+  salary: number;
+  salaryPeriod: string;
+  metadata: string;
+  role: string;
+  status: string;
+  company: {
+    id: string;
+    name: string;
+    category: string;
+  };
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+}
+
+export interface Resume {
+  id: string;
+  filepath: string;
+  verified: boolean;
+  name: string;
+}
+
+export interface Salary {
+  id: string;
+  salaryPeriod: string;
+  others: string;
+  baseSalary: number;
+  totalCTC: number;
+  takeHomeSalary: number;
+  grossSalary: number;
+  otherCompensations: number;
+  job: {
+    id: string;
+    role: string;
+    others: string;
+    selectionProcedure: {
+      tests: {
+        type: string;
+        duration: number;
+      }[];
+      interviews: {
+        type: string;
+        duration: number;
+      }[];
+      requirements: {
+        numberOfMembers: number;
+        numberOfRooms: number;
+        otherRequirements: string;
+      };
+      selectionMode: string;
+      groupDiscussion: boolean;
+      shortlistFromResume: boolean;
+    };
+    location: string;
+    offerLetterReleaseDate: string;
+    duration: number;
+    season: {
+      id: string;
+      year: string;
+      type: string;
+    };
+    company: {
+      id: string;
+      name: string;
+      domains: string[];
+      category: string;
+    };
+    applications: {
+      id: string;
+      eventId: string;
+      resume: {
+        id: string;
+        filepath: string;
+        verified: boolean;
+      };
+    }[];
+    events: {
+      id: string;
+      roundNumber: number;
+      type: string;
+      startDateTime: string;
+      endDateTime: string;
+    }[];
+    jobCoordinators: {
+      id: string;
+      role: string;
+      tpcMember: {
+        id: string;
+        department: string;
+        role: string;
+        user: {
+          id: string;
+          email: string;
+          name: string;
+          contact: string;
+        };
+      };
+    }[];
+  };
+}
+
+export interface Jobs {
+  id: string;
+  role: string;
+  active: boolean;
+  currentStatus: string;
+  location: string;
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+  company: {
+    id: string;
+    name: string;
+  };
+  recruiter: {
+    id: string;
+    designation: string;
+    user: {
+      id: string;
+      email: string;
+      name: string;
+      contact: string;
+    };
+  };
+}
+
+export interface Job {
+  id: string;
+  role: string;
+  active: boolean;
+  currentStatus: string;
+
+  companyDetailsFilled: {
+    name: string;
+    size: number;
+    address: {
+      city: string;
+      line1: string;
+      state: string;
+      country: string;
+    };
+    domains: string[];
+    website: string;
+    category: string;
+    yearOfEstablishment: string;
+  };
+
+  recruiterDetailsFilled: {
+    name: string;
+    email: string;
+    contact: string;
+    designation: string;
+  };
+
+  selectionProcedure: {
+    tests: {
+      type: string;
+      duration: number;
+    }[];
+    interviews: {
+      type: string;
+      duration: number;
+    }[];
+    requirements: {
+      numberOfMembers: number;
+      numberOfRooms: number;
+      otherRequirements: string;
+    };
+    selectionMode: string;
+    groupDiscussion: boolean;
+    shortlistFromResume: boolean;
+  };
+
+  description: string;
+  skills: string;
+  location: string;
+  noOfVacancies: number;
+  joiningDate: string;
+  duration: number;
+
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+
+  company: {
+    id: string;
+    name: string;
+  };
+
+  recruiter: {
+    id: string;
+    designation: string;
+    user: {
+      id: string;
+      email: string;
+      name: string;
+      contact: string;
+    };
+  };
+
+  jobCoordinators: {
+    id: string;
+    role: string;
+    tpcMember: TPCMember
+  }[];
+
+  events: {
+    id: string;
+    roundNumber: number;
+    type: string;
+    metadata: string;
+    startDateTime: string;
+    endDateTime: string;
+    visibleToRecruiter: boolean;
+  }[];
+
+  salaries: {
+    id: string;
+    salaryPeriod: string;
+    programs: string[];
+    genders: string[];
+    categories: string[];
+    minCPI: number;
+    tenthMarks: number;
+    twelthMarks: number;
+    facultyApprovals: string[];
+    baseSalary: number;
+    totalCTC: number;
+    takeHomeSalary: number;
+    grossSalary: number;
+    otherCompensations: number;
+    others?: string;
+  }[];
+}
+
+export interface CustomEvent {
+  id: string;
+  roundNumber: number;
+  type: string;
+  metadata: string;
+  startDateTime: string;
+  endDateTime: string;
+  visibleToRecruiter: boolean;
+}
+
+export interface StudentEvent {
+  id: string;
+  roundNumber: number;
+  type: string;
+  metadata: string;
+  startDateTime: string;
+  endDateTime: string;
+  studentStatus: string;
+}
+
+export interface EventData {
+  date: string;
+  status: string;
+  title: string;
+  description: string;
+}
+
+export interface CalenderEvent {
+  day: number;
+  description: string;
+  id: string;
+  label: string;
+  timeFrom: string;
+  timeTo: string;
+  title: string;
+}
+
+export interface StudentDataType {
+  id: string;
+  rollNo: string;
+  category: string;
+  gender: string;
+  cpi: number;
+  tenthMarks: number;
+  twelthMarks: number;
+  user: {
+    id: string;
+    email: string;
+    name: string;
+    contact: string;
+  };
+  program: {
+    id: string;
+    course: string;
+    branch: string;
+    department: string;
+    year: string;
+  };
+  penalties: {
+    id: string;
+    penalty: number;
+    reason: string;
+  }[];
+  registrations: {
+    id: string;
+    registered: boolean;
+    season: {
+      id: string;
+      year: string;
+      type: string;
+    };
+  }[];
+}
+
+export interface InterviewExperience {
+  id: string;
+  studentName: string;
+  filename: string;
+  company: {
+    id: string;
+    name: string;
+  };
+  season: {
+    id: string;
+    year: string;
+    type: string;
+  };
+}
diff --git a/src/helpers/types.ts b/src/helpers/types.ts
index 33f5068f..ca7903de 100644
--- a/src/helpers/types.ts
+++ b/src/helpers/types.ts
@@ -1,4 +1,4 @@
-export interface ResumePatchData {
-  id: string;
-  verified: boolean;
-}
+export interface ResumePatchData {
+  id: string;
+  verified: boolean;
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 365058ce..01c767d4 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/src/middleware.ts b/src/middleware.ts
index c633137c..0a0e9fa4 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,102 +1,102 @@
-import { NextResponse } from "next/server";
-import type { NextRequest } from "next/server";
-import jwt from "jsonwebtoken";
-
-const adminRoutes = [
-  "/admin/company",
-  "/admin/students",
-  "/admin/job",
-  /^\/admin\/jobs\/events\/[a-zA-Z0-9\-]+$/,
-];
-
-const studentRoutes = [
-  "/student/jobs",
-  "/student/offCampus",
-  "/student/onCampus",
-  "/student/interviewExperiences",
-  "/student/profile",
-  "/student/resumes",
-  /^\/student\/job\/[a-zA-Z0-9\-]+$/,
-  /^\/student\/job\/salary\/[a-zA-Z0-9\-]+$/,
-];
-
-const recruiterRoutes = [
-  "/recruiter",
-  "/recruiter/jobs",
-  "/recruiter/events",
-  "/recruiter/profile",
-  /^\/recruiter\/jobs\/[a-zA-Z0-9\-]+$/,
-  /^\/recruiter\/events\/[a-zA-Z0-9\-]+$/,
-];
-
-const facultyRoutes = ["/faculty", "/faculty/profile"];
-
-export function middleware(request: NextRequest) {
-  const accessToken = request.cookies.get("accessToken");
-  let user = null;
-
-  if (accessToken) {
-    try {
-      const decoded = jwt.decode(accessToken.value);
-      user = decoded ? { role: decoded.role } : null;
-    } catch (error) {
-      console.error("JWT decoding error:", error);
-    }
-  }
-
-  if (request.nextUrl.pathname === "/" && !user) {
-    return NextResponse.redirect(new URL("/login", request.url));
-  }
-  if (request.nextUrl.pathname === "/" && user?.role === "STUDENT") {
-    return NextResponse.redirect(new URL("/student/profile", request.url));
-  }
-  if (request.nextUrl.pathname === "/" && user?.role === "ADMIN") {
-    return NextResponse.redirect(new URL("admin/profile", request.url));
-  }
-  if (request.nextUrl.pathname === "/" && user?.role === "RECRUITER") {
-    return NextResponse.redirect(new URL("/recruiter/profile", request.url));
-  }
-  if (request.nextUrl.pathname === "/" && user?.role === "FACULTY") {
-    return NextResponse.redirect(new URL("/faculty", request.url));
-  }
-
-  if (
-    user?.role !== "ADMIN" &&
-    adminRoutes.some((route) =>
-      typeof route === "string"
-        ? request.nextUrl.pathname === route
-        : route.test(request.nextUrl.pathname),
-    )
-  ) {
-    return NextResponse.redirect(new URL("/login", request.url));
-  }
-  if (
-    user?.role !== "STUDENT" &&
-    studentRoutes.some((route) =>
-      typeof route === "string"
-        ? request.nextUrl.pathname === route
-        : route.test(request.nextUrl.pathname),
-    )
-  ) {
-    return NextResponse.redirect(new URL("/login", request.url));
-  }
-  if (
-    user?.role !== "RECRUITER" &&
-    recruiterRoutes.some((route) =>
-      typeof route === "string"
-        ? request.nextUrl.pathname === route
-        : route.test(request.nextUrl.pathname),
-    )
-  ) {
-    return NextResponse.redirect(new URL("/login", request.url));
-  }
-  if (
-    user?.role !== "FACULTY" &&
-    facultyRoutes.includes(request.nextUrl.pathname) &&
-    request.url.includes("/faculty")
-  ) {
-    return NextResponse.redirect(new URL("/login", request.url));
-  }
-
-  return NextResponse.next();
-}
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+import { jwtDecode } from "jwt-decode";
+
+const adminRoutes = [
+  "/admin/company",
+  "/admin/students",
+  "/admin/job",
+  /^\/admin\/jobs\/events\/[a-zA-Z0-9\-]+$/,
+];
+
+const studentRoutes = [
+  "/student/jobs",
+  "/student/offCampus",
+  "/student/onCampus",
+  "/student/interviewExperiences",
+  "/student/profile",
+  "/student/resumes",
+  /^\/student\/job\/[a-zA-Z0-9\-]+$/,
+  /^\/student\/job\/salary\/[a-zA-Z0-9\-]+$/,
+];
+
+const recruiterRoutes = [
+  "/recruiter",
+  "/recruiter/jobs",
+  "/recruiter/events",
+  "/recruiter/profile",
+  /^\/recruiter\/jobs\/[a-zA-Z0-9\-]+$/,
+  /^\/recruiter\/events\/[a-zA-Z0-9\-]+$/,
+];
+
+const facultyRoutes = ["/faculty", "/faculty/profile"];
+
+export function middleware(request: NextRequest) {
+  const accessToken = request.cookies.get("accessToken");
+  let user = null;
+
+  if (accessToken) {
+    try {
+      const decoded: any = jwtDecode(accessToken.value);
+      user = decoded ? { role: decoded.role } : null;
+    } catch (error) {
+      console.error("JWT decoding error:", error);
+    }
+  }
+
+  if (request.nextUrl.pathname === "/" && !user) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+  if (request.nextUrl.pathname === "/" && user?.role === "STUDENT") {
+    return NextResponse.redirect(new URL("/student/profile", request.url));
+  }
+  if (request.nextUrl.pathname === "/" && user?.role === "ADMIN") {
+    return NextResponse.redirect(new URL("admin/profile", request.url));
+  }
+  if (request.nextUrl.pathname === "/" && user?.role === "RECRUITER") {
+    return NextResponse.redirect(new URL("/recruiter/profile", request.url));
+  }
+  if (request.nextUrl.pathname === "/" && user?.role === "FACULTY") {
+    return NextResponse.redirect(new URL("/faculty", request.url));
+  }
+
+  if (
+    user?.role !== "ADMIN" &&
+    adminRoutes.some((route) =>
+      typeof route === "string"
+        ? request.nextUrl.pathname === route
+        : route.test(request.nextUrl.pathname),
+    )
+  ) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+  if (
+    user?.role !== "STUDENT" &&
+    studentRoutes.some((route) =>
+      typeof route === "string"
+        ? request.nextUrl.pathname === route
+        : route.test(request.nextUrl.pathname),
+    )
+  ) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+  if (
+    user?.role !== "RECRUITER" &&
+    recruiterRoutes.some((route) =>
+      typeof route === "string"
+        ? request.nextUrl.pathname === route
+        : route.test(request.nextUrl.pathname),
+    )
+  ) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+  if (
+    user?.role !== "FACULTY" &&
+    facultyRoutes.includes(request.nextUrl.pathname) &&
+    request.url.includes("/faculty")
+  ) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+
+  return NextResponse.next();
+}
diff --git a/src/service/auth.ts b/src/service/auth.ts
index e07b9af5..7ded274c 100644
--- a/src/service/auth.ts
+++ b/src/service/auth.ts
@@ -1,9 +1,9 @@
-import axios from "axios";
-export const isAuthenticated = () => {
-  const auth = localStorage.getItem("auth");
-  if (auth) {
-    return true;
-  } else {
-    return false;
-  }
-};
+import axios from "axios";
+export const isAuthenticated = () => {
+  const auth = localStorage.getItem("auth");
+  if (auth) {
+    return true;
+  } else {
+    return false;
+  }
+};
diff --git a/src/store/actions.js b/src/store/actions.js
index 07eff704..59c5ad2f 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -1,12 +1,12 @@
-const Actions = {
-  SET_AUTH: "SET_AUTH",
-};
-
-export const setAuth = (auth) => {
-  return {
-    type: Actions.SET_AUTH,
-    auth,
-  };
-};
-
-export default Actions;
+const Actions = {
+  SET_AUTH: "SET_AUTH",
+};
+
+export const setAuth = (auth) => {
+  return {
+    type: Actions.SET_AUTH,
+    auth,
+  };
+};
+
+export default Actions;
diff --git a/src/store/provider.tsx b/src/store/provider.tsx
index cef6414c..6f7fae29 100644
--- a/src/store/provider.tsx
+++ b/src/store/provider.tsx
@@ -1,8 +1,8 @@
-"use client";
-
-import { store } from "./store";
-import { Provider } from "react-redux";
-
-export function Providers({ children }: { children: React.ReactNode }) {
-  return <Provider store={store}>{children}</Provider>;
-}
+"use client";
+
+import { store } from "./store";
+import { Provider } from "react-redux";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return <Provider store={store}>{children}</Provider>;
+}
diff --git a/src/store/reducer.js b/src/store/reducer.js
index 5780a31d..b296d0a0 100644
--- a/src/store/reducer.js
+++ b/src/store/reducer.js
@@ -1,19 +1,19 @@
-import Actions from "./actions";
-
-const initState = {
-  auth: "",
-};
-
-const reducer = (state = initState, action) => {
-  switch (action.type) {
-    case Actions.SET_AUTH:
-      return {
-        ...state,
-        auth: action.auth,
-      };
-    default:
-      return state;
-  }
-};
-
-export default reducer;
+import Actions from "./actions";
+
+const initState = {
+  auth: "",
+};
+
+const reducer = (state = initState, action) => {
+  switch (action.type) {
+    case Actions.SET_AUTH:
+      return {
+        ...state,
+        auth: action.auth,
+      };
+    default:
+      return state;
+  }
+};
+
+export default reducer;
diff --git a/src/store/store.ts b/src/store/store.ts
index 89a00af2..bd5e78ac 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -1,12 +1,12 @@
-import { configureStore } from "@reduxjs/toolkit";
-import reducer from "./reducer";
-
-export const store = configureStore({
-  reducer: {
-    reducer,
-  },
-  devTools: process.env.NODE_ENV !== "production",
-});
-
-export type RootState = ReturnType<typeof store.getState>;
-export type AppDispatch = typeof store.dispatch;
+import { configureStore } from "@reduxjs/toolkit";
+import reducer from "./reducer";
+
+export const store = configureStore({
+  reducer: {
+    reducer,
+  },
+  devTools: process.env.NODE_ENV !== "production",
+});
+
+export type RootState = ReturnType<typeof store.getState>;
+export type AppDispatch = typeof store.dispatch;
diff --git a/tailwind.config.js b/tailwind.config.js
index e53fdca5..c57f5c21 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,37 +1,37 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ["class"],
-  content: [
-    "./pages/**/*.{ts,tsx}",
-    "./components/**/*.{ts,tsx}",
-    "./app/**/*.{ts,tsx}",
-    "./src/**/*.{ts,tsx}",
-  ],
-  prefix: "",
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate"), require("@tailwindcss/forms")],
-};
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+  ],
+  prefix: "",
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      keyframes: {
+        "accordion-down": {
+          from: { height: "0" },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: "0" },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-animate"), require("@tailwindcss/forms")],
+};
diff --git a/tailwind.config.ts b/tailwind.config.ts
index e9a0944e..5ad8dab4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,20 +1,20 @@
-import type { Config } from "tailwindcss";
-
-const config: Config = {
-  content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
-    },
-  },
-  plugins: [],
-};
-export default config;
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {
+      backgroundImage: {
+        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+        "gradient-conic":
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
index 5c90e6a6..f3b49c9e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,38 +1,38 @@
-{
-  "compilerOptions": {
-    "target": "es2015",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": false,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    "src/store/store.ts",
-    "src/components/Students/StudentsTable/StudentTable.tsx",
-    "src/middleware.ts",
-    "src/components/JAF/JAF.tsx",
-    "src/components/NewTableComponent/Table.jsx",
-    "src/components/NewTableComponent/PenaltyModal.jsx"
-  ],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "src/store/store.ts",
+    "src/components/Students/StudentsTable/StudentTable.tsx",
+    "src/middleware.ts",
+    "src/components/JAF/JAF.tsx",
+    "src/components/NewTableComponent/Table.jsx",
+    "src/components/NewTableComponent/PenaltyModal.jsx"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/yarn.lock b/yarn.lock
index 2dfb74d8..71138d17 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1,5403 +1,5318 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@alloc/quick-lru@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
-  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
-
-"@ant-design/colors@^7.0.0", "@ant-design/colors@^7.1.0":
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/@ant-design/colors/-/colors-7.1.0.tgz#60eadfa2e21871d8948dac5d50b9f056062f8af3"
-  integrity sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==
-  dependencies:
-    "@ctrl/tinycolor" "^3.6.1"
-
-"@ant-design/cssinjs@^1.21.0":
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/@ant-design/cssinjs/-/cssinjs-1.21.0.tgz#de7289bfd71c7a494a28b96569ad88f999619105"
-  integrity sha512-gIilraPl+9EoKdYxnupxjHB/Q6IHNRjEXszKbDxZdsgv4sAZ9pjkCq8yanDWNvyfjp4leir2OVAJm0vxwKK8YA==
-  dependencies:
-    "@babel/runtime" "^7.11.1"
-    "@emotion/hash" "^0.8.0"
-    "@emotion/unitless" "^0.7.5"
-    classnames "^2.3.1"
-    csstype "^3.1.3"
-    rc-util "^5.35.0"
-    stylis "^4.0.13"
-
-"@ant-design/icons-svg@^4.4.0":
-  version "4.4.2"
-  resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz#ed2be7fb4d82ac7e1d45a54a5b06d6cecf8be6f6"
-  integrity sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==
-
-"@ant-design/icons@^5.3.7":
-  version "5.3.7"
-  resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-5.3.7.tgz#d9f3654bf7934ee5faba43f91b5a187f5309ec68"
-  integrity sha512-bCPXTAg66f5bdccM4TT21SQBDO1Ek2gho9h3nO9DAKXJP4sq+5VBjrQMSxMVXSB3HyEz+cUbHQ5+6ogxCOpaew==
-  dependencies:
-    "@ant-design/colors" "^7.0.0"
-    "@ant-design/icons-svg" "^4.4.0"
-    "@babel/runtime" "^7.11.2"
-    classnames "^2.2.6"
-    rc-util "^5.31.1"
-
-"@ant-design/react-slick@~1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@ant-design/react-slick/-/react-slick-1.1.2.tgz#f84ce3e4d0dc941f02b16f1d1d6d7a371ffbb4f1"
-  integrity sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==
-  dependencies:
-    "@babel/runtime" "^7.10.4"
-    classnames "^2.2.5"
-    json2mq "^0.2.0"
-    resize-observer-polyfill "^1.5.1"
-    throttle-debounce "^5.0.0"
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
-  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
-  dependencies:
-    "@babel/highlight" "^7.24.7"
-    picocolors "^1.0.0"
-
-"@babel/generator@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d"
-  integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==
-  dependencies:
-    "@babel/types" "^7.24.7"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
-
-"@babel/helper-environment-visitor@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9"
-  integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-function-name@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
-  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
-  dependencies:
-    "@babel/template" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-hoist-variables@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee"
-  integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-module-imports@^7.16.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
-  integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==
-  dependencies:
-    "@babel/traverse" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-split-export-declaration@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856"
-  integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==
-  dependencies:
-    "@babel/types" "^7.24.7"
-
-"@babel/helper-string-parser@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
-  integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
-
-"@babel/helper-validator-identifier@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
-  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
-
-"@babel/highlight@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
-  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.24.7"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-    picocolors "^1.0.0"
-
-"@babel/parser@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
-  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
-
-"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.16.7", "@babel/runtime@^7.18.0", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.0", "@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.5", "@babel/runtime@^7.23.2", "@babel/runtime@^7.23.6", "@babel/runtime@^7.23.9", "@babel/runtime@^7.24.1", "@babel/runtime@^7.24.4", "@babel/runtime@^7.24.7", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.7.tgz#f4f0d5530e8dbdf59b3451b9b3e594b6ba082e12"
-  integrity sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-
-"@babel/template@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315"
-  integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/types" "^7.24.7"
-
-"@babel/traverse@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
-  integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.7"
-    "@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.7"
-    "@babel/types" "^7.24.7"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/types@^7.24.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
-  integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.7"
-    "@babel/helper-validator-identifier" "^7.24.7"
-    to-fast-properties "^2.0.0"
-
-"@ctrl/tinycolor@^3.6.1":
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
-  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
-
-"@emotion/babel-plugin@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
-  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/runtime" "^7.18.3"
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/serialize" "^1.1.2"
-    babel-plugin-macros "^3.1.0"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^4.0.0"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-    stylis "4.2.0"
-
-"@emotion/cache@^11.11.0", "@emotion/cache@^11.4.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
-  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
-  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.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
-  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
-
-"@emotion/hash@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
-  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
-
-"@emotion/is-prop-valid@1.2.2", "@emotion/is-prop-valid@^1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz#d4175076679c6a26faa92b03bb786f9e52612337"
-  integrity sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==
-  dependencies:
-    "@emotion/memoize" "^0.8.1"
-
-"@emotion/is-prop-valid@^0.8.2":
-  version "0.8.8"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
-  integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
-  dependencies:
-    "@emotion/memoize" "0.7.4"
-
-"@emotion/memoize@0.7.4":
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
-  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
-
-"@emotion/memoize@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
-  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
-
-"@emotion/react@^11.11.4", "@emotion/react@^11.8.1":
-  version "11.11.4"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.4.tgz#3a829cac25c1f00e126408fab7f891f00ecc3c1d"
-  integrity sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/cache" "^11.11.0"
-    "@emotion/serialize" "^1.1.3"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@emotion/utils" "^1.2.1"
-    "@emotion/weak-memoize" "^0.3.1"
-    hoist-non-react-statics "^3.3.1"
-
-"@emotion/serialize@^1.1.2", "@emotion/serialize@^1.1.3", "@emotion/serialize@^1.1.4":
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.4.tgz#fc8f6d80c492cfa08801d544a05331d1cc7cd451"
-  integrity sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==
-  dependencies:
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/unitless" "^0.8.1"
-    "@emotion/utils" "^1.2.1"
-    csstype "^3.0.2"
-
-"@emotion/sheet@^1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
-  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
-
-"@emotion/styled@^11.11.5":
-  version "11.11.5"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.5.tgz#0c5c8febef9d86e8a926e663b2e5488705545dfb"
-  integrity sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/is-prop-valid" "^1.2.2"
-    "@emotion/serialize" "^1.1.4"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@emotion/utils" "^1.2.1"
-
-"@emotion/unitless@0.8.1", "@emotion/unitless@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
-  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
-
-"@emotion/unitless@^0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
-  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
-
-"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
-  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
-
-"@emotion/utils@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
-  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
-
-"@emotion/weak-memoize@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
-  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
-
-"@eslint-community/eslint-utils@^4.2.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.6.1":
-  version "4.11.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.0.tgz#b0ffd0312b4a3fd2d6f77237e7248a5ad3a680ae"
-  integrity sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==
-
-"@eslint/config-array@^0.17.0":
-  version "0.17.0"
-  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.17.0.tgz#ff305e1ee618a00e6e5d0485454c8d92d94a860d"
-  integrity sha512-A68TBu6/1mHHuc5YJL0U0VVeGNiklLAL6rRmhTCP2B5XjWLMnrX+HkO+IAXyHvks5cyyY1jjK5ITPQ1HGS2EVA==
-  dependencies:
-    "@eslint/object-schema" "^2.1.4"
-    debug "^4.3.1"
-    minimatch "^3.1.2"
-
-"@eslint/eslintrc@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6"
-  integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==
-  dependencies:
-    ajv "^6.12.4"
-    debug "^4.3.2"
-    espree "^10.0.1"
-    globals "^14.0.0"
-    ignore "^5.2.0"
-    import-fresh "^3.2.1"
-    js-yaml "^4.1.0"
-    minimatch "^3.1.2"
-    strip-json-comments "^3.1.1"
-
-"@eslint/js@9.6.0":
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.6.0.tgz#5b0cb058cc13d9c92d4e561d3538807fa5127c95"
-  integrity sha512-D9B0/3vNg44ZeWbYMpBoXqNP4j6eQD5vNwIlGAuFRRzK/WtT/jvDQW3Bi9kkf3PMDMlM7Yi+73VLUsn5bJcl8A==
-
-"@eslint/object-schema@^2.1.4":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843"
-  integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==
-
-"@faker-js/faker@^8.4.1":
-  version "8.4.1"
-  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.4.1.tgz#5d5e8aee8fce48f5e189bf730ebd1f758f491451"
-  integrity sha512-XQ3cU+Q8Uqmrbf2e0cIC/QN43sTBSC8KF12u29Mb47tWrt2hAgBXSgpZMj4Ao8Uk0iJcU99QsOCaIL8934obCg==
-
-"@floating-ui/core@^1.6.0":
-  version "1.6.4"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.4.tgz#0140cf5091c8dee602bff9da5ab330840ff91df6"
-  integrity sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==
-  dependencies:
-    "@floating-ui/utils" "^0.2.4"
-
-"@floating-ui/dom@^1.0.0", "@floating-ui/dom@^1.0.1":
-  version "1.6.7"
-  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.7.tgz#85d22f731fcc5b209db504478fb1df5116a83015"
-  integrity sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==
-  dependencies:
-    "@floating-ui/core" "^1.6.0"
-    "@floating-ui/utils" "^0.2.4"
-
-"@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.0.8":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.1.tgz#cca58b6b04fc92b4c39288252e285e0422291fb0"
-  integrity sha512-4h84MJt3CHrtG18mGsXuLCHMrug49d7DFkU0RMIyshRveBeyV2hmV/pDaF2Uxtu8kgq5r46llp5E5FQiR0K2Yg==
-  dependencies:
-    "@floating-ui/dom" "^1.0.0"
-
-"@floating-ui/utils@^0.2.4":
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.4.tgz#1d459cee5031893a08a0e064c406ad2130cced7c"
-  integrity sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==
-
-"@humanwhocodes/module-importer@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
-  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
-
-"@humanwhocodes/retry@^0.3.0":
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.0.tgz#6d86b8cb322660f03d3f0aa94b99bdd8e172d570"
-  integrity sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==
-
-"@isaacs/cliui@^8.0.2":
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
-  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
-  dependencies:
-    string-width "^5.1.2"
-    string-width-cjs "npm:string-width@^4.2.0"
-    strip-ansi "^7.0.1"
-    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
-    wrap-ansi "^8.1.0"
-    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
-
-"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
-  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
-  dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@jridgewell/resolve-uri@^3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
-  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
-
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
-  version "1.4.15"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
-  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
-
-"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
-"@mui/base@5.0.0-beta.40", "@mui/base@^5.0.0-beta.40":
-  version "5.0.0-beta.40"
-  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.40.tgz#1f8a782f1fbf3f84a961e954c8176b187de3dae2"
-  integrity sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@floating-ui/react-dom" "^2.0.8"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.15.14"
-    "@popperjs/core" "^2.11.8"
-    clsx "^2.1.0"
-    prop-types "^15.8.1"
-
-"@mui/core-downloads-tracker@^5.16.0":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.0.tgz#50153c698e321793c83a0283d8d7a9dc5d43858a"
-  integrity sha512-8SLffXYPRVpcZx5QzxNE8fytTqzp+IuU3deZbQWg/vSaTlDpR5YVrQ4qQtXTi5cRdhOufV5INylmwlKK+//nPw==
-
-"@mui/icons-material@^5.15.20":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.16.0.tgz#5269fda922fe5e6db3577ec497e8b987195606ef"
-  integrity sha512-6ISoOhkp9w5gD0PEW9JklrcbyARDkFWNTBdwXZ1Oy5IGlyu9B0zG0hnUIe4H17IaF1Vgj6C8VI+v4tkSdK0veg==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-
-"@mui/material@^5.15.20":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.16.0.tgz#2ef4f52ae773574fc0a681f25705f376f5cd13f7"
-  integrity sha512-DbR1NckTLpjt9Zut9EGQ70th86HfN0BYQgyYro6aXQrNfjzSwe3BJS1AyBQ5mJ7TdL6YVRqohfukxj9JlqZZUg==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/base" "5.0.0-beta.40"
-    "@mui/core-downloads-tracker" "^5.16.0"
-    "@mui/system" "^5.16.0"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.16.0"
-    "@types/react-transition-group" "^4.4.10"
-    clsx "^2.1.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-    react-is "^18.2.0"
-    react-transition-group "^4.4.5"
-
-"@mui/private-theming@^5.16.0":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.16.0.tgz#c1abfd3e0d9c95459048240ef4209dc7f25dc949"
-  integrity sha512-sYpubkO1MZOnxNyVOClrPNOTs0MfuRVVnAvCeMaOaXt6GimgQbnUcshYv2pSr6PFj+Mqzdff/FYOBceK8u5QgA==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/utils" "^5.16.0"
-    prop-types "^15.8.1"
-
-"@mui/styled-engine@^5.15.14":
-  version "5.15.14"
-  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.15.14.tgz#168b154c4327fa4ccc1933a498331d53f61c0de2"
-  integrity sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@emotion/cache" "^11.11.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-
-"@mui/system@^5.15.20", "@mui/system@^5.16.0":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.16.0.tgz#e5b4cfbdfbc0ee9859f6b168e8b07d750303b7a0"
-  integrity sha512-9YbkC2m3+pNumAvubYv+ijLtog6puJ0fJ6rYfzfLCM47pWrw3m+30nXNM8zMgDaKL6vpfWJcCXm+LPaWBpy7sw==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@mui/private-theming" "^5.16.0"
-    "@mui/styled-engine" "^5.15.14"
-    "@mui/types" "^7.2.14"
-    "@mui/utils" "^5.16.0"
-    clsx "^2.1.0"
-    csstype "^3.1.3"
-    prop-types "^15.8.1"
-
-"@mui/types@^7.2.14":
-  version "7.2.14"
-  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.14.tgz#8a02ac129b70f3d82f2f9b76ded2c8d48e3fc8c9"
-  integrity sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==
-
-"@mui/utils@^5.15.14", "@mui/utils@^5.15.20", "@mui/utils@^5.16.0":
-  version "5.16.0"
-  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.16.0.tgz#3963127d9a619c251e5be1aef9adab0e89d3e7df"
-  integrity sha512-kLLi5J1xY+mwtUlMb8Ubdxf4qFAA1+U7WPBvjM/qQ4CIwLCohNb0sHo1oYPufjSIH/Z9+dhVxD7dJlfGjd1AVA==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@types/prop-types" "^15.7.11"
-    prop-types "^15.8.1"
-    react-is "^18.2.0"
-
-"@mui/x-date-pickers@^7.6.2":
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-7.8.0.tgz#d25c1379da8715a3d9e431cac37bfcf557a69057"
-  integrity sha512-SkolW0vZ4XiUeD5FBevG9NQ3pAgfNYlJA5XFhSLFD/swNQRO4EYOUXw38O/ccOh1lkAcwVR+rrGPCoT4/0YGEg==
-  dependencies:
-    "@babel/runtime" "^7.24.7"
-    "@mui/base" "^5.0.0-beta.40"
-    "@mui/system" "^5.15.20"
-    "@mui/utils" "^5.15.20"
-    "@types/react-transition-group" "^4.4.10"
-    clsx "^2.1.1"
-    prop-types "^15.8.1"
-    react-transition-group "^4.4.5"
-
-"@next/env@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.2.5.tgz#1d9328ab828711d3517d0a1d505acb55e5ef7ad0"
-  integrity sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==
-
-"@next/eslint-plugin-next@14.2.4":
-  version "14.2.4"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.4.tgz#c7f965cb76f0b454e726ef0f69157c4fb4e28f53"
-  integrity sha512-svSFxW9f3xDaZA3idQmlFw7SusOuWTpDTAeBlO3AEPDltrraV+lqs7mAc6A27YdnpQVVIA3sODqUAAHdWhVWsA==
-  dependencies:
-    glob "10.3.10"
-
-"@next/swc-darwin-arm64@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz#d0a160cf78c18731c51cc0bff131c706b3e9bb05"
-  integrity sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==
-
-"@next/swc-darwin-x64@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz#eb832a992407f6e6352eed05a073379f1ce0589c"
-  integrity sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==
-
-"@next/swc-linux-arm64-gnu@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz#098fdab57a4664969bc905f5801ef5a89582c689"
-  integrity sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==
-
-"@next/swc-linux-arm64-musl@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz#243a1cc1087fb75481726dd289c7b219fa01f2b5"
-  integrity sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==
-
-"@next/swc-linux-x64-gnu@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz#b8a2e436387ee4a52aa9719b718992e0330c4953"
-  integrity sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==
-
-"@next/swc-linux-x64-musl@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz#cb8a9adad5fb8df86112cfbd363aab5c6d32757b"
-  integrity sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==
-
-"@next/swc-win32-arm64-msvc@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz#81f996c1c38ea0900d4e7719cc8814be8a835da0"
-  integrity sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==
-
-"@next/swc-win32-ia32-msvc@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz#f61c74ce823e10b2bc150e648fc192a7056422e0"
-  integrity sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==
-
-"@next/swc-win32-x64-msvc@14.2.5":
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz#ed199a920efb510cfe941cd75ed38a7be21e756f"
-  integrity sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==
-
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
-"@panva/hkdf@^1.0.2":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@panva/hkdf/-/hkdf-1.2.1.tgz#cb0d111ef700136f4580349ff0226bf25c853f23"
-  integrity sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==
-
-"@pdf-lib/standard-fonts@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz#8ba691c4421f71662ed07c9a0294b44528af2d7f"
-  integrity sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==
-  dependencies:
-    pako "^1.0.6"
-
-"@pdf-lib/upng@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@pdf-lib/upng/-/upng-1.0.1.tgz#7dc9c636271aca007a9df4deaf2dd7e7960280cb"
-  integrity sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==
-  dependencies:
-    pako "^1.0.10"
-
-"@pkgjs/parseargs@^0.11.0":
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
-  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
-
-"@popperjs/core@^2.11.8":
-  version "2.11.8"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
-  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
-
-"@radix-ui/colors@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/colors/-/colors-3.0.0.tgz#e8a591a303c44e503bd1212cacf40a09511165e0"
-  integrity sha512-FUOsGBkHrYJwCSEtWRCIfQbZG7q1e6DgxCIOe1SUQzDe/7rXXeA47s8yCn6fuTNQAj1Zq4oTFi9Yjp3wzElcxg==
-
-"@radix-ui/number@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/number/-/number-1.1.0.tgz#1e95610461a09cdf8bb05c152e76ca1278d5da46"
-  integrity sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==
-
-"@radix-ui/primitive@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.0.tgz#e1d8ef30b10ea10e69c76e896f608d9276352253"
-  integrity sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/primitive@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.0.tgz#42ef83b3b56dccad5d703ae8c42919a68798bbe2"
-  integrity sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==
-
-"@radix-ui/react-accordion@^1.1.2":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-accordion/-/react-accordion-1.2.0.tgz#aed0770fcb16285db992d81873ccd7a014c7f17d"
-  integrity sha512-HJOzSX8dQqtsp/3jVxCU3CXEONF7/2jlGAB28oX8TTw1Dz8JYbEI1UcL8355PuLBE41/IRRMvCw7VkiK/jcUOQ==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-collapsible" "1.1.0"
-    "@radix-ui/react-collection" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-direction" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-
-"@radix-ui/react-arrow@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz#744f388182d360b86285217e43b6c63633f39e7a"
-  integrity sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==
-  dependencies:
-    "@radix-ui/react-primitive" "2.0.0"
-
-"@radix-ui/react-checkbox@^1.0.4":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-checkbox/-/react-checkbox-1.1.1.tgz#a559c4303957d797acee99914480b755aa1f27d6"
-  integrity sha512-0i/EKJ222Afa1FE0C6pNJxDq1itzcl3HChE9DwskA4th4KRse8ojx8a1nVcOjwJdbpDLcz7uol77yYnQNMHdKw==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    "@radix-ui/react-use-previous" "1.1.0"
-    "@radix-ui/react-use-size" "1.1.0"
-
-"@radix-ui/react-collapsible@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-collapsible/-/react-collapsible-1.1.0.tgz#4d49ddcc7b7d38f6c82f1fd29674f6fab5353e77"
-  integrity sha512-zQY7Epa8sTL0mq4ajSJpjgn2YmCgyrG7RsQgLp3C0LQVkG7+Tf6Pv1CeNWZLyqMjhdPkBa5Lx7wYBeSu7uCSTA==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-collection@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.1.0.tgz#f18af78e46454a2360d103c2251773028b7724ed"
-  integrity sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==
-  dependencies:
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-slot" "1.1.0"
-
-"@radix-ui/react-compose-refs@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz#37595b1f16ec7f228d698590e78eeed18ff218ae"
-  integrity sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-compose-refs@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz#656432461fc8283d7b591dcf0d79152fae9ecc74"
-  integrity sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==
-
-"@radix-ui/react-context@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.0.tgz#f38e30c5859a9fb5e9aa9a9da452ee3ed9e0aee0"
-  integrity sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-context@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.0.tgz#6df8d983546cfd1999c8512f3a8ad85a6e7fcee8"
-  integrity sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==
-
-"@radix-ui/react-dialog@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.0.0.tgz#997e97cb183bc90bd888b26b8e23a355ac9fe5f0"
-  integrity sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.0"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-context" "1.0.0"
-    "@radix-ui/react-dismissable-layer" "1.0.0"
-    "@radix-ui/react-focus-guards" "1.0.0"
-    "@radix-ui/react-focus-scope" "1.0.0"
-    "@radix-ui/react-id" "1.0.0"
-    "@radix-ui/react-portal" "1.0.0"
-    "@radix-ui/react-presence" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.0"
-    "@radix-ui/react-slot" "1.0.0"
-    "@radix-ui/react-use-controllable-state" "1.0.0"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.4"
-
-"@radix-ui/react-dialog@^1.0.5":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.1.1.tgz#4906507f7b4ad31e22d7dad69d9330c87c431d44"
-  integrity sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-focus-guards" "1.1.0"
-    "@radix-ui/react-focus-scope" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-slot" "1.1.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.7"
-
-"@radix-ui/react-direction@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.1.0.tgz#a7d39855f4d077adc2a1922f9c353c5977a09cdc"
-  integrity sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==
-
-"@radix-ui/react-dismissable-layer@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.0.tgz#35b7826fa262fd84370faef310e627161dffa76b"
-  integrity sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/primitive" "1.0.0"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.0"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-    "@radix-ui/react-use-escape-keydown" "1.0.0"
-
-"@radix-ui/react-dismissable-layer@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz#2cd0a49a732372513733754e6032d3fb7988834e"
-  integrity sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-escape-keydown" "1.1.0"
-
-"@radix-ui/react-dropdown-menu@^2.0.6":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.1.tgz#3dc578488688250dbbe109d9ff2ca28a9bca27ec"
-  integrity sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-menu" "2.1.1"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-
-"@radix-ui/react-focus-guards@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz#339c1c69c41628c1a5e655f15f7020bf11aa01fa"
-  integrity sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-focus-guards@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.0.tgz#8e9abb472a9a394f59a1b45f3dd26cfe3fc6da13"
-  integrity sha512-w6XZNUPVv6xCpZUqb/yN9DL6auvpGX3C/ee6Hdi16v2UUy25HV2Q5bcflsiDyT/g5RwbPQ/GIT1vLkeRb+ITBw==
-
-"@radix-ui/react-focus-scope@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.0.tgz#95a0c1188276dc8933b1eac5f1cdb6471e01ade5"
-  integrity sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-primitive" "1.0.0"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-
-"@radix-ui/react-focus-scope@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz#ebe2891a298e0a33ad34daab2aad8dea31caf0b2"
-  integrity sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==
-  dependencies:
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-
-"@radix-ui/react-hover-card@^1.0.7":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-hover-card/-/react-hover-card-1.1.1.tgz#2982a5a91c7ae5a98e0cacd845fbdfbfdcdab355"
-  integrity sha512-IwzAOP97hQpDADYVKrEEHUH/b2LA+9MgB0LgdmnbFO2u/3M5hmEofjjr2M6CyzUblaAqJdFm6B7oFtU72DPXrA==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-popper" "1.2.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-
-"@radix-ui/react-icons@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-icons/-/react-icons-1.3.0.tgz#c61af8f323d87682c5ca76b856d60c2312dbcb69"
-  integrity sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==
-
-"@radix-ui/react-id@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.0.tgz#8d43224910741870a45a8c9d092f25887bb6d11e"
-  integrity sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-layout-effect" "1.0.0"
-
-"@radix-ui/react-id@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.1.0.tgz#de47339656594ad722eb87f94a6b25f9cffae0ed"
-  integrity sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==
-  dependencies:
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-label@^2.0.2":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-2.1.0.tgz#3aa2418d70bb242be37c51ff5e51a2adcbc372e3"
-  integrity sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==
-  dependencies:
-    "@radix-ui/react-primitive" "2.0.0"
-
-"@radix-ui/react-menu@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-menu/-/react-menu-2.1.1.tgz#bd623ace0e1ae1ac78023a505fec0541d59fb346"
-  integrity sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-collection" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-direction" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-focus-guards" "1.1.0"
-    "@radix-ui/react-focus-scope" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-popper" "1.2.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-roving-focus" "1.1.0"
-    "@radix-ui/react-slot" "1.1.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.7"
-
-"@radix-ui/react-popover@^1.0.7":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-popover/-/react-popover-1.1.1.tgz#604b783cdb3494ed4f16a58c17f0e81e61ab7775"
-  integrity sha512-3y1A3isulwnWhvTTwmIreiB8CF4L+qRjZnK1wYLO7pplddzXKby/GnZ2M7OZY3qgnl6p9AodUIHRYGXNah8Y7g==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-focus-guards" "1.1.0"
-    "@radix-ui/react-focus-scope" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-popper" "1.2.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-slot" "1.1.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.7"
-
-"@radix-ui/react-popper@1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.2.0.tgz#a3e500193d144fe2d8f5d5e60e393d64111f2a7a"
-  integrity sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==
-  dependencies:
-    "@floating-ui/react-dom" "^2.0.0"
-    "@radix-ui/react-arrow" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-    "@radix-ui/react-use-rect" "1.1.0"
-    "@radix-ui/react-use-size" "1.1.0"
-    "@radix-ui/rect" "1.1.0"
-
-"@radix-ui/react-portal@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.0.tgz#7220b66743394fabb50c55cb32381395cc4a276b"
-  integrity sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-primitive" "1.0.0"
-
-"@radix-ui/react-portal@1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.1.1.tgz#1957f1eb2e1aedfb4a5475bd6867d67b50b1d15f"
-  integrity sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==
-  dependencies:
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-presence@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.0.tgz#814fe46df11f9a468808a6010e3f3ca7e0b2e84a"
-  integrity sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
-    "@radix-ui/react-use-layout-effect" "1.0.0"
-
-"@radix-ui/react-presence@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.1.0.tgz#227d84d20ca6bfe7da97104b1a8b48a833bfb478"
-  integrity sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==
-  dependencies:
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-primitive@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.0.tgz#376cd72b0fcd5e0e04d252ed33eb1b1f025af2b0"
-  integrity sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-slot" "1.0.0"
-
-"@radix-ui/react-primitive@2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz#fe05715faa9203a223ccc0be15dc44b9f9822884"
-  integrity sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==
-  dependencies:
-    "@radix-ui/react-slot" "1.1.0"
-
-"@radix-ui/react-roving-focus@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz#b30c59daf7e714c748805bfe11c76f96caaac35e"
-  integrity sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-collection" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-direction" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-
-"@radix-ui/react-scroll-area@^1.0.5":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.1.0.tgz#50b24b0fc9ada151d176395bcf47b2ec68feada5"
-  integrity sha512-9ArIZ9HWhsrfqS765h+GZuLoxaRHD/j0ZWOWilsCvYTpYJp8XwCqNG7Dt9Nu/TItKOdgLGkOPCodQvDc+UMwYg==
-  dependencies:
-    "@radix-ui/number" "1.1.0"
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-direction" "1.1.0"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-select@^2.0.0":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-select/-/react-select-2.1.1.tgz#df05cb0b29d3deaef83b505917c4042e0e418a9f"
-  integrity sha512-8iRDfyLtzxlprOo9IicnzvpsO1wNCkuwzzCM+Z5Rb5tNOpCdMvcc2AkzX0Fz+Tz9v6NJ5B/7EEgyZveo4FBRfQ==
-  dependencies:
-    "@radix-ui/number" "1.1.0"
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-collection" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-direction" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-focus-guards" "1.1.0"
-    "@radix-ui/react-focus-scope" "1.1.0"
-    "@radix-ui/react-id" "1.1.0"
-    "@radix-ui/react-popper" "1.2.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-slot" "1.1.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-    "@radix-ui/react-use-previous" "1.1.0"
-    "@radix-ui/react-visually-hidden" "1.1.0"
-    aria-hidden "^1.1.1"
-    react-remove-scroll "2.5.7"
-
-"@radix-ui/react-separator@^1.0.3":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-separator/-/react-separator-1.1.0.tgz#ee0f4d86003b0e3ea7bc6ccab01ea0adee32663e"
-  integrity sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==
-  dependencies:
-    "@radix-ui/react-primitive" "2.0.0"
-
-"@radix-ui/react-slot@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.0.tgz#7fa805b99891dea1e862d8f8fbe07f4d6d0fd698"
-  integrity sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "1.0.0"
-
-"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.0.2":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.1.0.tgz#7c5e48c36ef5496d97b08f1357bb26ed7c714b84"
-  integrity sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==
-  dependencies:
-    "@radix-ui/react-compose-refs" "1.1.0"
-
-"@radix-ui/react-toast@^1.1.5":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-toast/-/react-toast-1.2.1.tgz#4bde231ed27d007dcd0455a446565ca619f92a2d"
-  integrity sha512-5trl7piMXcZiCq7MW6r8YYmu0bK5qDpTWz+FdEPdKyft2UixkspheYbjbrLXVN5NGKHFbOP7lm8eD0biiSqZqg==
-  dependencies:
-    "@radix-ui/primitive" "1.1.0"
-    "@radix-ui/react-collection" "1.1.0"
-    "@radix-ui/react-compose-refs" "1.1.0"
-    "@radix-ui/react-context" "1.1.0"
-    "@radix-ui/react-dismissable-layer" "1.1.0"
-    "@radix-ui/react-portal" "1.1.1"
-    "@radix-ui/react-presence" "1.1.0"
-    "@radix-ui/react-primitive" "2.0.0"
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-    "@radix-ui/react-use-controllable-state" "1.1.0"
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-    "@radix-ui/react-visually-hidden" "1.1.0"
-
-"@radix-ui/react-use-callback-ref@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz#9e7b8b6b4946fe3cbe8f748c82a2cce54e7b6a90"
-  integrity sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-use-callback-ref@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz#bce938ca413675bc937944b0d01ef6f4a6dc5bf1"
-  integrity sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==
-
-"@radix-ui/react-use-controllable-state@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz#a64deaafbbc52d5d407afaa22d493d687c538b7f"
-  integrity sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-
-"@radix-ui/react-use-controllable-state@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz#1321446857bb786917df54c0d4d084877aab04b0"
-  integrity sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==
-  dependencies:
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-
-"@radix-ui/react-use-escape-keydown@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz#aef375db4736b9de38a5a679f6f49b45a060e5d1"
-  integrity sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-use-callback-ref" "1.0.0"
-
-"@radix-ui/react-use-escape-keydown@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz#31a5b87c3b726504b74e05dac1edce7437b98754"
-  integrity sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==
-  dependencies:
-    "@radix-ui/react-use-callback-ref" "1.1.0"
-
-"@radix-ui/react-use-layout-effect@1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz#2fc19e97223a81de64cd3ba1dc42ceffd82374dc"
-  integrity sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-
-"@radix-ui/react-use-layout-effect@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz#3c2c8ce04827b26a39e442ff4888d9212268bd27"
-  integrity sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==
-
-"@radix-ui/react-use-previous@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz#d4dd37b05520f1d996a384eb469320c2ada8377c"
-  integrity sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==
-
-"@radix-ui/react-use-rect@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz#13b25b913bd3e3987cc9b073a1a164bb1cf47b88"
-  integrity sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==
-  dependencies:
-    "@radix-ui/rect" "1.1.0"
-
-"@radix-ui/react-use-size@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz#b4dba7fbd3882ee09e8d2a44a3eed3a7e555246b"
-  integrity sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==
-  dependencies:
-    "@radix-ui/react-use-layout-effect" "1.1.0"
-
-"@radix-ui/react-visually-hidden@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz#ad47a8572580f7034b3807c8e6740cd41038a5a2"
-  integrity sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==
-  dependencies:
-    "@radix-ui/react-primitive" "2.0.0"
-
-"@radix-ui/rect@1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.0.tgz#f817d1d3265ac5415dadc67edab30ae196696438"
-  integrity sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==
-
-"@rc-component/async-validator@^5.0.3":
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/@rc-component/async-validator/-/async-validator-5.0.4.tgz#5291ad92f00a14b6766fc81735c234277f83e948"
-  integrity sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==
-  dependencies:
-    "@babel/runtime" "^7.24.4"
-
-"@rc-component/color-picker@~1.5.3":
-  version "1.5.3"
-  resolved "https://registry.yarnpkg.com/@rc-component/color-picker/-/color-picker-1.5.3.tgz#f3b0e14bb67ec5ee77d1fd5d261f63dd4fd00449"
-  integrity sha512-+tGGH3nLmYXTalVe0L8hSZNs73VTP5ueSHwUlDC77KKRaN7G4DS4wcpG5DTDzdcV/Yas+rzA6UGgIyzd8fS4cw==
-  dependencies:
-    "@babel/runtime" "^7.23.6"
-    "@ctrl/tinycolor" "^3.6.1"
-    classnames "^2.2.6"
-    rc-util "^5.38.1"
-
-"@rc-component/context@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/context/-/context-1.4.0.tgz#dc6fb021d6773546af8f016ae4ce9aea088395e8"
-  integrity sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    rc-util "^5.27.0"
-
-"@rc-component/mini-decimal@^1.0.1":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz#7b7a362b14a0a54cb5bc6fd2b82731f29f11d9b0"
-  integrity sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-
-"@rc-component/mutate-observer@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz#ee53cc88b78aade3cd0653609215a44779386fd8"
-  integrity sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-    classnames "^2.3.2"
-    rc-util "^5.24.4"
-
-"@rc-component/portal@^1.0.0-8", "@rc-component/portal@^1.0.0-9", "@rc-component/portal@^1.0.2", "@rc-component/portal@^1.1.0", "@rc-component/portal@^1.1.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@rc-component/portal/-/portal-1.1.2.tgz#55db1e51d784e034442e9700536faaa6ab63fc71"
-  integrity sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-    classnames "^2.3.2"
-    rc-util "^5.24.4"
-
-"@rc-component/qrcode@~1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/qrcode/-/qrcode-1.0.0.tgz#48a8de5eb11d0e65926f1377c4b1ef4c888997f5"
-  integrity sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==
-  dependencies:
-    "@babel/runtime" "^7.24.7"
-    classnames "^2.3.2"
-    rc-util "^5.38.0"
-
-"@rc-component/tour@~1.15.0":
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/tour/-/tour-1.15.0.tgz#37a66ae5af8eefaf0ab0e22ddd8e6fecdbdc14a7"
-  integrity sha512-h6hyILDwL+In9GAgRobwRWihLqqsD7Uft3fZGrJ7L4EiyCoxbnNYwzPXDfz7vNDhWeVyvAWQJj9fJCzpI4+b4g==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-    "@rc-component/portal" "^1.0.0-9"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "^2.3.2"
-    rc-util "^5.24.4"
-
-"@rc-component/trigger@^2.0.0", "@rc-component/trigger@^2.1.1", "@rc-component/trigger@^2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@rc-component/trigger/-/trigger-2.2.0.tgz#503a48b0895a2cfddee0a5b7b11492c3df2a493d"
-  integrity sha512-QarBCji02YE9aRFhZgRZmOpXBj0IZutRippsVBv85sxvG4FGk/vRxwAlkn3MS9zK5mwbETd86mAVg2tKqTkdJA==
-  dependencies:
-    "@babel/runtime" "^7.23.2"
-    "@rc-component/portal" "^1.1.0"
-    classnames "^2.3.2"
-    rc-motion "^2.0.0"
-    rc-resize-observer "^1.3.1"
-    rc-util "^5.38.0"
-
-"@reduxjs/toolkit@^2.0.1":
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-2.2.6.tgz#4a8356dad9d0c1ab255607a555d492168e0e3bc1"
-  integrity sha512-kH0r495c5z1t0g796eDQAkYbEQ3a1OLYN9o8jQQVZyKyw367pfRGS+qZLkHYvFHiUUdafpoSlQ2QYObIApjPWA==
-  dependencies:
-    immer "^10.0.3"
-    redux "^5.0.1"
-    redux-thunk "^3.1.0"
-    reselect "^5.1.0"
-
-"@rushstack/eslint-patch@^1.3.3":
-  version "1.10.3"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz#391d528054f758f81e53210f1a1eebcf1a8b1d20"
-  integrity sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==
-
-"@swc/counter@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
-  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
-
-"@swc/helpers@0.5.5":
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.5.tgz#12689df71bfc9b21c4f4ca00ae55f2f16c8b77c0"
-  integrity sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==
-  dependencies:
-    "@swc/counter" "^0.1.3"
-    tslib "^2.4.0"
-
-"@tailwindcss/forms@^0.5.7":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.5.7.tgz#db5421f062a757b5f828bc9286ba626c6685e821"
-  integrity sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==
-  dependencies:
-    mini-svg-data-uri "^1.2.3"
-
-"@tanstack/match-sorter-utils@8.15.1":
-  version "8.15.1"
-  resolved "https://registry.yarnpkg.com/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz#715e028ff43cf79ece10bd5a757047a1016c3bba"
-  integrity sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==
-  dependencies:
-    remove-accents "0.5.0"
-
-"@tanstack/react-table@8.16.0":
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-table/-/react-table-8.16.0.tgz#92151210ff99d6925353d7a2205735d9c31af48c"
-  integrity sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==
-  dependencies:
-    "@tanstack/table-core" "8.16.0"
-
-"@tanstack/react-table@^8.11.2":
-  version "8.19.2"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-table/-/react-table-8.19.2.tgz#25ee691d12b8e6e0fca32f8e8cf465ee172009af"
-  integrity sha512-itoSIAkA/Vsg+bjY23FSemcTyPhc5/1YjYyaMsr9QSH/cdbZnQxHVWrpWn0Sp2BWN71qkzR7e5ye8WuMmwyOjg==
-  dependencies:
-    "@tanstack/table-core" "8.19.2"
-
-"@tanstack/react-virtual@3.3.0":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz#5a282efc1ed8da3d4e9e0f9b0c512f735d6c4b5f"
-  integrity sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==
-  dependencies:
-    "@tanstack/virtual-core" "3.3.0"
-
-"@tanstack/table-core@8.16.0":
-  version "8.16.0"
-  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.16.0.tgz#7b58018dd3cec8e0015fe22d6bb24d18d33c891f"
-  integrity sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==
-
-"@tanstack/table-core@8.19.2":
-  version "8.19.2"
-  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.19.2.tgz#5fc8ede54f18867f74715ad93927f7df4d255209"
-  integrity sha512-KpRjhgehIhbfH78ARm/GJDXGnpdw4bCg3qas6yjWSi7czJhI/J6pWln7NHtmBkGE9ZbohiiNtLqwGzKmBfixig==
-
-"@tanstack/virtual-core@3.3.0":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz#1bf72d51f269c5a0e3ac872c6b57116767f42c25"
-  integrity sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==
-
-"@types/hoist-non-react-statics@^3.3.1":
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494"
-  integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==
-  dependencies:
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-
-"@types/js-cookie@^3.0.6":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-3.0.6.tgz#a04ca19e877687bd449f5ad37d33b104b71fdf95"
-  integrity sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==
-
-"@types/json5@^0.0.29":
-  version "0.0.29"
-  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
-  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
-
-"@types/node@*", "@types/node@latest":
-  version "20.14.9"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.14.9.tgz#12e8e765ab27f8c421a1820c99f5f313a933b420"
-  integrity sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==
-  dependencies:
-    undici-types "~5.26.4"
-
-"@types/papaparse@^5.3.10":
-  version "5.3.14"
-  resolved "https://registry.yarnpkg.com/@types/papaparse/-/papaparse-5.3.14.tgz#345cc2a675a90106ff1dc33b95500dfb30748031"
-  integrity sha512-LxJ4iEFcpqc6METwp9f6BV6VVc43m6MfH0VqFosHvrUgfXiFe6ww7R3itkOQ+TCK6Y+Iv/+RnnvtRZnkc5Kc9g==
-  dependencies:
-    "@types/node" "*"
-
-"@types/parse-json@^4.0.0":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
-  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
-
-"@types/prop-types@*", "@types/prop-types@^15.7.11":
-  version "15.7.12"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
-  integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==
-
-"@types/qs@^6.9.14":
-  version "6.9.15"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.15.tgz#adde8a060ec9c305a82de1babc1056e73bd64dce"
-  integrity sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==
-
-"@types/react-dom@latest":
-  version "18.3.0"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0"
-  integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-modal@^3.16.3":
-  version "3.16.3"
-  resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.3.tgz#250f32c07f1de28e2bcf9c3e84b56adaa6897013"
-  integrity sha512-xXuGavyEGaFQDgBv4UVm8/ZsG+qxeQ7f77yNrW3n+1J6XAstUy5rYHeIHPh1KzsGc6IkCIdu6lQ2xWzu1jBTLg==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react-transition-group@^4.4.0", "@types/react-transition-group@^4.4.10":
-  version "4.4.10"
-  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.10.tgz#6ee71127bdab1f18f11ad8fb3322c6da27c327ac"
-  integrity sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*", "@types/react@latest":
-  version "18.3.3"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.3.tgz#9679020895318b0915d7a3ab004d92d33375c45f"
-  integrity sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^3.0.2"
-
-"@types/stylis@4.2.5":
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.5.tgz#1daa6456f40959d06157698a653a9ab0a70281df"
-  integrity sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==
-
-"@types/use-sync-external-store@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
-  integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
-
-"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.2.0.tgz#44356312aea8852a3a82deebdacd52ba614ec07a"
-  integrity sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==
-  dependencies:
-    "@typescript-eslint/scope-manager" "7.2.0"
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/typescript-estree" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-    debug "^4.3.4"
-
-"@typescript-eslint/scope-manager@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz#cfb437b09a84f95a0930a76b066e89e35d94e3da"
-  integrity sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-
-"@typescript-eslint/types@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.2.0.tgz#0feb685f16de320e8520f13cca30779c8b7c403f"
-  integrity sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==
-
-"@typescript-eslint/typescript-estree@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz#5beda2876c4137f8440c5a84b4f0370828682556"
-  integrity sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    "@typescript-eslint/visitor-keys" "7.2.0"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    minimatch "9.0.3"
-    semver "^7.5.4"
-    ts-api-utils "^1.0.1"
-
-"@typescript-eslint/visitor-keys@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz#5035f177752538a5750cca1af6044b633610bf9e"
-  integrity sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==
-  dependencies:
-    "@typescript-eslint/types" "7.2.0"
-    eslint-visitor-keys "^3.4.1"
-
-acorn-jsx@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn@^8.12.0:
-  version "8.12.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
-  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
-
-adler-32@~1.3.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/adler-32/-/adler-32-1.3.1.tgz#1dbf0b36dda0012189a32b3679061932df1821e2"
-  integrity sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==
-
-ajv@^6.12.4:
-  version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
-
-ansi-regex@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
-  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
-
-antd@^5.19.1:
-  version "5.19.1"
-  resolved "https://registry.yarnpkg.com/antd/-/antd-5.19.1.tgz#5bd5ddef96f7b529ce37310ba9997032160d3443"
-  integrity sha512-ogGEUPaamSZ2HFGvlyLBNfxZ0c4uX5aqEIwMtmqRTPNjcLY/k+qdMmdWrMMiY1CDJ3j1in5wjzQTvREG+do65g==
-  dependencies:
-    "@ant-design/colors" "^7.1.0"
-    "@ant-design/cssinjs" "^1.21.0"
-    "@ant-design/icons" "^5.3.7"
-    "@ant-design/react-slick" "~1.1.2"
-    "@babel/runtime" "^7.24.7"
-    "@ctrl/tinycolor" "^3.6.1"
-    "@rc-component/color-picker" "~1.5.3"
-    "@rc-component/mutate-observer" "^1.1.0"
-    "@rc-component/qrcode" "~1.0.0"
-    "@rc-component/tour" "~1.15.0"
-    "@rc-component/trigger" "^2.2.0"
-    classnames "^2.5.1"
-    copy-to-clipboard "^3.3.3"
-    dayjs "^1.11.11"
-    rc-cascader "~3.27.0"
-    rc-checkbox "~3.3.0"
-    rc-collapse "~3.7.3"
-    rc-dialog "~9.5.2"
-    rc-drawer "~7.2.0"
-    rc-dropdown "~4.2.0"
-    rc-field-form "~2.2.1"
-    rc-image "~7.9.0"
-    rc-input "~1.5.1"
-    rc-input-number "~9.1.0"
-    rc-mentions "~2.14.0"
-    rc-menu "~9.14.1"
-    rc-motion "^2.9.2"
-    rc-notification "~5.6.0"
-    rc-pagination "~4.2.0"
-    rc-picker "~4.6.7"
-    rc-progress "~4.0.0"
-    rc-rate "~2.13.0"
-    rc-resize-observer "^1.4.0"
-    rc-segmented "~2.3.0"
-    rc-select "~14.15.0"
-    rc-slider "~10.6.2"
-    rc-steps "~6.0.1"
-    rc-switch "~4.1.0"
-    rc-table "~7.45.7"
-    rc-tabs "~15.1.1"
-    rc-textarea "~1.7.0"
-    rc-tooltip "~6.2.0"
-    rc-tree "~5.8.8"
-    rc-tree-select "~5.22.1"
-    rc-upload "~4.5.2"
-    rc-util "^5.43.0"
-    scroll-into-view-if-needed "^3.1.0"
-    throttle-debounce "^5.0.0"
-
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
-aria-hidden@^1.1.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.4.tgz#b78e383fdbc04d05762c78b4a25a501e736c4522"
-  integrity sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==
-  dependencies:
-    tslib "^2.0.0"
-
-aria-query@~5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
-  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
-  dependencies:
-    deep-equal "^2.0.5"
-
-array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
-  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
-  dependencies:
-    call-bind "^1.0.5"
-    is-array-buffer "^3.0.4"
-
-array-includes@^3.1.6, array-includes@^3.1.7, array-includes@^3.1.8:
-  version "3.1.8"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
-  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    is-string "^1.0.7"
-
-array-tree-filter@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz#873ac00fec83749f255ac8dd083814b4f6329190"
-  integrity sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==
-
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
-array.prototype.findlast@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
-  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-shim-unscopables "^1.0.2"
-
-array.prototype.findlastindex@^1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
-  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-shim-unscopables "^1.0.2"
-
-array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
-  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.flatmap@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
-  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.toreversed@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz#b989a6bf35c4c5051e1dc0325151bf8088954eba"
-  integrity sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-shim-unscopables "^1.0.0"
-
-array.prototype.tosorted@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
-  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
-  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:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
-  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
-  dependencies:
-    array-buffer-byte-length "^1.0.1"
-    call-bind "^1.0.5"
-    define-properties "^1.2.1"
-    es-abstract "^1.22.3"
-    es-errors "^1.2.1"
-    get-intrinsic "^1.2.3"
-    is-array-buffer "^3.0.4"
-    is-shared-array-buffer "^1.0.2"
-
-ast-types-flow@^0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
-  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
-
-autoprefixer@latest:
-  version "10.4.19"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.19.tgz#ad25a856e82ee9d7898c59583c1afeb3fa65f89f"
-  integrity sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==
-  dependencies:
-    browserslist "^4.23.0"
-    caniuse-lite "^1.0.30001599"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
-    picocolors "^1.0.0"
-    postcss-value-parser "^4.2.0"
-
-available-typed-arrays@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
-  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
-  dependencies:
-    possible-typed-array-names "^1.0.0"
-
-axe-core@^4.9.1:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.9.1.tgz#fcd0f4496dad09e0c899b44f6c4bb7848da912ae"
-  integrity sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==
-
-axios@^1.6.3:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
-  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
-  dependencies:
-    follow-redirects "^1.15.6"
-    form-data "^4.0.0"
-    proxy-from-env "^1.1.0"
-
-axobject-query@~3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.1.1.tgz#3b6e5c6d4e43ca7ba51c5babf99d22a9c68485e1"
-  integrity sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==
-  dependencies:
-    deep-equal "^2.0.5"
-
-babel-plugin-macros@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
-  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    cosmiconfig "^7.0.0"
-    resolve "^1.19.0"
-
-balanced-match@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
-  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
-
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
-
-brace-expansion@^1.1.7:
-  version "1.1.11"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-brace-expansion@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
-  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
-  dependencies:
-    balanced-match "^1.0.0"
-
-braces@^3.0.3, braces@~3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
-  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
-  dependencies:
-    fill-range "^7.1.1"
-
-browserslist@^4.23.0:
-  version "4.23.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.1.tgz#ce4af0534b3d37db5c1a4ca98b9080f985041e96"
-  integrity sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==
-  dependencies:
-    caniuse-lite "^1.0.30001629"
-    electron-to-chromium "^1.4.796"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.16"
-
-buffer-equal-constant-time@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz#f8e71132f7ffe6e01a5c9697a4c6f3e48d5cc819"
-  integrity sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==
-
-busboy@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
-  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
-  dependencies:
-    streamsearch "^1.1.0"
-
-call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
-  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
-  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.1"
-
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-camelize@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
-  integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
-
-caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001599, caniuse-lite@^1.0.30001629:
-  version "1.0.30001640"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz#32c467d4bf1f1a0faa63fc793c2ba81169e7652f"
-  integrity sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==
-
-cfb@~1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/cfb/-/cfb-1.2.2.tgz#94e687628c700e5155436dac05f74e08df23bc44"
-  integrity sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==
-  dependencies:
-    adler-32 "~1.3.0"
-    crc-32 "~1.2.0"
-
-chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chokidar@^3.5.3:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-class-variance-authority@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.0.tgz#1c3134d634d80271b1837452b06d821915954522"
-  integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==
-  dependencies:
-    clsx "2.0.0"
-
-classnames@2.x, classnames@^2.2.1, classnames@^2.2.3, classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1, classnames@^2.3.2, classnames@^2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
-  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
-
-client-only@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
-  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
-
-clsx@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
-  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
-
-clsx@^2.0.0, clsx@^2.1.0, clsx@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
-  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
-
-cmdk@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/cmdk/-/cmdk-0.2.1.tgz#aa8e1332bb0b8d8484e793017c82537351188d9a"
-  integrity sha512-U6//9lQ6JvT47+6OF6Gi8BvkxYQ8SCRRSKIJkthIMsFsLZRG0cKvTtuTaefyIKMQb8rvvXy0wGdpTNq/jPtm+g==
-  dependencies:
-    "@radix-ui/react-dialog" "1.0.0"
-
-codepage@~1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/codepage/-/codepage-1.15.0.tgz#2e00519024b39424ec66eeb3ec07227e692618ab"
-  integrity sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
-color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-combined-stream@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-compute-scroll-into-view@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz#753f11d972596558d8fe7c6bcbc8497690ab4c87"
-  integrity sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg==
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
-
-convert-source-map@^1.5.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
-cookie@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
-
-copy-to-clipboard@^3.3.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz#55ac43a1db8ae639a4bd99511c148cdd1b83a1b0"
-  integrity sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==
-  dependencies:
-    toggle-selection "^1.0.6"
-
-cosmiconfig@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
-
-crc-32@~1.2.0, crc-32@~1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
-  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
-
-cross-spawn@^7.0.0, cross-spawn@^7.0.2:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-css-color-keywords@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
-  integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
-
-css-mediaquery@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
-  integrity sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==
-
-css-to-react-native@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
-  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
-  dependencies:
-    camelize "^1.0.0"
-    css-color-keywords "^1.0.0"
-    postcss-value-parser "^4.0.2"
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-csstype@3.1.3, csstype@^3.0.2, csstype@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
-  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
-
-csv-parser@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/csv-parser/-/csv-parser-3.0.0.tgz#b88a6256d79e090a97a1b56451f9327b01d710e7"
-  integrity sha512-s6OYSXAK3IdKqYO33y09jhypG/bSDHPuyCme/IdEHfWpLf/jKcpitVFyOC6UemgGk8v7Q5u2XE0vvwmanxhGlQ==
-  dependencies:
-    minimist "^1.2.0"
-
-damerau-levenshtein@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
-  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
-
-data-view-buffer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
-  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-data-view-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
-  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-data-view-byte-offset@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
-  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-data-view "^1.0.1"
-
-dayjs@^1.11.10, dayjs@^1.11.11:
-  version "1.11.11"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.11.tgz#dfe0e9d54c5f8b68ccf8ca5f72ac603e7e5ed59e"
-  integrity sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==
-
-debug@^3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
-  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
-  dependencies:
-    ms "^2.1.1"
-
-debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
-  integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
-  dependencies:
-    ms "2.1.2"
-
-deep-equal@^2.0.5:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1"
-  integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==
-  dependencies:
-    array-buffer-byte-length "^1.0.0"
-    call-bind "^1.0.5"
-    es-get-iterator "^1.1.3"
-    get-intrinsic "^1.2.2"
-    is-arguments "^1.1.1"
-    is-array-buffer "^3.0.2"
-    is-date-object "^1.0.5"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    isarray "^2.0.5"
-    object-is "^1.1.5"
-    object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.1"
-    side-channel "^1.0.4"
-    which-boxed-primitive "^1.0.2"
-    which-collection "^1.0.1"
-    which-typed-array "^1.1.13"
-
-deep-is@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
-deepmerge@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
-  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
-
-define-data-property@^1.0.1, define-data-property@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
-  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
-  dependencies:
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    gopd "^1.0.1"
-
-define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
-  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
-  dependencies:
-    define-data-property "^1.0.1"
-    has-property-descriptors "^1.0.0"
-    object-keys "^1.1.1"
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
-
-detect-node-es@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
-  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
-
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-doctrine@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
-  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
-  dependencies:
-    esutils "^2.0.2"
-
-dom-helpers@^5.0.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
-  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
-  dependencies:
-    "@babel/runtime" "^7.8.7"
-    csstype "^3.0.2"
-
-eastasianwidth@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
-  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
-
-ecdsa-sig-formatter@1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz#ae0f0fa2d85045ef14a817daa3ce9acd0489e5bf"
-  integrity sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==
-  dependencies:
-    safe-buffer "^5.0.1"
-
-electron-to-chromium@^1.4.796:
-  version "1.4.816"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.816.tgz#3624649d1e7fde5cdbadf59d31a524245d8ee85f"
-  integrity sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==
-
-embla-carousel-react@^8.0.0-rc19:
-  version "8.1.6"
-  resolved "https://registry.yarnpkg.com/embla-carousel-react/-/embla-carousel-react-8.1.6.tgz#4de0cef2888443f4203408df73af2707e5c961e9"
-  integrity sha512-DHxwFzF63yVrU95Eo58E9Xr5b6Y9ul6TTsqb/rtwMi+jXudAmIqN1i9iBxQ73i8jKuUVxll/ziNYMmnWvrdQJQ==
-  dependencies:
-    embla-carousel "8.1.6"
-    embla-carousel-reactive-utils "8.1.6"
-
-embla-carousel-reactive-utils@8.1.6:
-  version "8.1.6"
-  resolved "https://registry.yarnpkg.com/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.1.6.tgz#51c4a1dc6df1e608e9480f7a5fc3328e95926f91"
-  integrity sha512-Wg+J2YoqLqkaqsXi7fTJaLmXm6BpgDRJ0EfTdvQ4KE/ip5OsUuKGpJsEQDTt4waGXSDyZhIBlfoQtgGJeyYQ1Q==
-
-embla-carousel@8.1.6:
-  version "8.1.6"
-  resolved "https://registry.yarnpkg.com/embla-carousel/-/embla-carousel-8.1.6.tgz#a67f0b51f0cb51131299c47dff18e2d08165d44a"
-  integrity sha512-9n7FVsbPAs1KD+JmO84DnEDOZMXPBQbLujjMQqvsBRN2CDWwgZ9hRSNapztdPnyJfzOIxowGmj0BUQ8ACYAPkA==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emoji-regex@^9.2.2:
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
-  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
-
-enhanced-resolve@^5.12.0:
-  version "5.17.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz#d037603789dd9555b89aaec7eb78845c49089bc5"
-  integrity sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==
-  dependencies:
-    graceful-fs "^4.2.4"
-    tapable "^2.2.0"
-
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-es-abstract@^1.17.5, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3:
-  version "1.23.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
-  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
-  dependencies:
-    array-buffer-byte-length "^1.0.1"
-    arraybuffer.prototype.slice "^1.0.3"
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.7"
-    data-view-buffer "^1.0.1"
-    data-view-byte-length "^1.0.1"
-    data-view-byte-offset "^1.0.0"
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    es-set-tostringtag "^2.0.3"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.4"
-    get-symbol-description "^1.0.2"
-    globalthis "^1.0.3"
-    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.1"
-    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:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
-  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
-  dependencies:
-    get-intrinsic "^1.2.4"
-
-es-errors@^1.2.1, es-errors@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
-  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
-
-es-get-iterator@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
-  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    has-symbols "^1.0.3"
-    is-arguments "^1.1.1"
-    is-map "^2.0.2"
-    is-set "^2.0.2"
-    is-string "^1.0.7"
-    isarray "^2.0.5"
-    stop-iteration-iterator "^1.0.0"
-
-es-iterator-helpers@^1.0.19:
-  version "1.0.19"
-  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz#117003d0e5fec237b4b5c08aded722e0c6d50ca8"
-  integrity sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==
-  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.3"
-    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:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
-  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
-  dependencies:
-    es-errors "^1.3.0"
-
-es-set-tostringtag@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
-  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
-  dependencies:
-    get-intrinsic "^1.2.4"
-    has-tostringtag "^1.0.2"
-    hasown "^2.0.1"
-
-es-shim-unscopables@^1.0.0, es-shim-unscopables@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
-  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
-  dependencies:
-    hasown "^2.0.0"
-
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-  dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
-
-escalade@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
-  integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
-
-escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-eslint-config-next@latest:
-  version "14.2.4"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.2.4.tgz#eb0bedfe4a894bc2aea918214bb5243ee4fa7d4b"
-  integrity sha512-Qr0wMgG9m6m4uYy2jrYJmyuNlYZzPRQq5Kvb9IDlYwn+7yq6W6sfMNFgb+9guM1KYwuIo6TIaiFhZJ6SnQ/Efw==
-  dependencies:
-    "@next/eslint-plugin-next" "14.2.4"
-    "@rushstack/eslint-patch" "^1.3.3"
-    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0"
-    eslint-import-resolver-node "^0.3.6"
-    eslint-import-resolver-typescript "^3.5.2"
-    eslint-plugin-import "^2.28.1"
-    eslint-plugin-jsx-a11y "^6.7.1"
-    eslint-plugin-react "^7.33.2"
-    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
-
-eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9:
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
-  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
-  dependencies:
-    debug "^3.2.7"
-    is-core-module "^2.13.0"
-    resolve "^1.22.4"
-
-eslint-import-resolver-typescript@^3.5.2:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz#7b983680edd3f1c5bce1a5829ae0bc2d57fe9efa"
-  integrity sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==
-  dependencies:
-    debug "^4.3.4"
-    enhanced-resolve "^5.12.0"
-    eslint-module-utils "^2.7.4"
-    fast-glob "^3.3.1"
-    get-tsconfig "^4.5.0"
-    is-core-module "^2.11.0"
-    is-glob "^4.0.3"
-
-eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz#52f2404300c3bd33deece9d7372fb337cc1d7c34"
-  integrity sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==
-  dependencies:
-    debug "^3.2.7"
-
-eslint-plugin-import@^2.28.1:
-  version "2.29.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz#d45b37b5ef5901d639c15270d74d46d161150643"
-  integrity sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==
-  dependencies:
-    array-includes "^3.1.7"
-    array.prototype.findlastindex "^1.2.3"
-    array.prototype.flat "^1.3.2"
-    array.prototype.flatmap "^1.3.2"
-    debug "^3.2.7"
-    doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.9"
-    eslint-module-utils "^2.8.0"
-    hasown "^2.0.0"
-    is-core-module "^2.13.1"
-    is-glob "^4.0.3"
-    minimatch "^3.1.2"
-    object.fromentries "^2.0.7"
-    object.groupby "^1.0.1"
-    object.values "^1.1.7"
-    semver "^6.3.1"
-    tsconfig-paths "^3.15.0"
-
-eslint-plugin-jsx-a11y@^6.7.1:
-  version "6.9.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.9.0.tgz#67ab8ff460d4d3d6a0b4a570e9c1670a0a8245c8"
-  integrity sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==
-  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"
-    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.5.0 || 5.0.0-canary-7118f5dd7-20230705":
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
-  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
-
-eslint-plugin-react@^7.33.2:
-  version "7.34.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.3.tgz#9965f27bd1250a787b5d4cfcc765e5a5d58dcb7b"
-  integrity sha512-aoW4MV891jkUulwDApQbPYTVZmeuSyFrudpbTAQuj5Fv8VL+o6df2xIGpw8B0hPjAaih1/Fb0om9grCdyFYemA==
-  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"
-    estraverse "^5.3.0"
-    jsx-ast-utils "^2.4.1 || ^3.0.0"
-    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@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.0.1.tgz#a9601e4b81a0b9171657c343fb13111688963cfc"
-  integrity sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
-  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
-
-eslint-visitor-keys@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
-  integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
-
-eslint@latest:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.6.0.tgz#9f54373afa15e1ba356656a8d96233182027fb49"
-  integrity sha512-ElQkdLMEEqQNM9Njff+2Y4q2afHk7JpkPvrd7Xh7xefwgQynqPxwf55J7di9+MEibWUGdNjFF9ITG9Pck5M84w==
-  dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/config-array" "^0.17.0"
-    "@eslint/eslintrc" "^3.1.0"
-    "@eslint/js" "9.6.0"
-    "@humanwhocodes/module-importer" "^1.0.1"
-    "@humanwhocodes/retry" "^0.3.0"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.12.4"
-    chalk "^4.0.0"
-    cross-spawn "^7.0.2"
-    debug "^4.3.2"
-    escape-string-regexp "^4.0.0"
-    eslint-scope "^8.0.1"
-    eslint-visitor-keys "^4.0.0"
-    espree "^10.1.0"
-    esquery "^1.5.0"
-    esutils "^2.0.2"
-    fast-deep-equal "^3.1.3"
-    file-entry-cache "^8.0.0"
-    find-up "^5.0.0"
-    glob-parent "^6.0.2"
-    ignore "^5.2.0"
-    imurmurhash "^0.1.4"
-    is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    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.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-espree@^10.0.1, espree@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-10.1.0.tgz#8788dae611574c0f070691f522e4116c5a11fc56"
-  integrity sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==
-  dependencies:
-    acorn "^8.12.0"
-    acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^4.0.0"
-
-esquery@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-exenv@^1.2.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
-  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
-
-export-to-csv@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/export-to-csv/-/export-to-csv-1.3.0.tgz#9f53cf61fcd6bed836683ed7d611767022d49919"
-  integrity sha512-msPjbfozZdYzDghAEKmCVH5veMeKHNacplE6noXvGiA8AeV1qa/SOxp6JXDjF9R8Kf6v3ypI6jskiY19dkhZeA==
-
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
-  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.4"
-
-fast-json-stable-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
-fastq@^1.6.0:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
-  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
-  dependencies:
-    reusify "^1.0.4"
-
-file-entry-cache@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
-  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
-  dependencies:
-    flat-cache "^4.0.0"
-
-fill-range@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
-  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-flat-cache@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
-  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
-  dependencies:
-    flatted "^3.2.9"
-    keyv "^4.5.4"
-
-flatted@^3.2.9:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
-  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
-
-follow-redirects@^1.15.6:
-  version "1.15.6"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
-  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
-
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
-  dependencies:
-    is-callable "^1.1.3"
-
-foreground-child@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.2.1.tgz#767004ccf3a5b30df39bed90718bab43fe0a59f7"
-  integrity sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^4.0.1"
-
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    mime-types "^2.1.12"
-
-formik-wizard-form@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/formik-wizard-form/-/formik-wizard-form-2.1.0.tgz#b7e3b94b9e15d675e642b82ab94da79a049b17f8"
-  integrity sha512-LU8mFTkhXkvFi6BW9XwQ2Vw93EU8hclPD/cK6qBaGGkhfQlfUCajf5fRWz04J2HkUQt6qhopQTORBygk4K/nIA==
-
-formik@^2.4.5:
-  version "2.4.6"
-  resolved "https://registry.yarnpkg.com/formik/-/formik-2.4.6.tgz#4da75ca80f1a827ab35b08fd98d5a76e928c9686"
-  integrity sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==
-  dependencies:
-    "@types/hoist-non-react-statics" "^3.3.1"
-    deepmerge "^2.1.1"
-    hoist-non-react-statics "^3.3.0"
-    lodash "^4.17.21"
-    lodash-es "^4.17.21"
-    react-fast-compare "^2.0.1"
-    tiny-warning "^1.0.2"
-    tslib "^2.0.0"
-
-frac@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/frac/-/frac-1.1.2.tgz#3d74f7f6478c88a1b5020306d747dc6313c74d0b"
-  integrity sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==
-
-fraction.js@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
-  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
-
-framer-motion@^10.16.4:
-  version "10.18.0"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.18.0.tgz#1f4fc51403996ea7170af885bd44a7079d255950"
-  integrity sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==
-  dependencies:
-    tslib "^2.4.0"
-  optionalDependencies:
-    "@emotion/is-prop-valid" "^0.8.2"
-
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
-function-bind@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
-  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
-
-function.prototype.name@^1.1.5, function.prototype.name@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
-  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    functions-have-names "^1.2.3"
-
-functions-have-names@^1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
-  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
-
-get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
-  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
-  dependencies:
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    hasown "^2.0.0"
-
-get-nonce@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
-  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
-
-get-symbol-description@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
-  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
-  dependencies:
-    call-bind "^1.0.5"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-
-get-tsconfig@^4.5.0:
-  version "4.7.5"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.7.5.tgz#5e012498579e9a6947511ed0cd403272c7acbbaf"
-  integrity sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==
-  dependencies:
-    resolve-pkg-maps "^1.0.0"
-
-glob-parent@^5.1.2, glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob@10.3.10:
-  version "10.3.10"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
-  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^2.3.5"
-    minimatch "^9.0.1"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-    path-scurry "^1.10.1"
-
-glob@^10.3.10:
-  version "10.4.2"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.2.tgz#bed6b95dade5c1f80b4434daced233aee76160e5"
-  integrity sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.4"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^1.11.1"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^14.0.0:
-  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
-  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
-
-globalthis@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
-  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
-  dependencies:
-    define-properties "^1.2.1"
-    gopd "^1.0.1"
-
-globby@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
-  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.9"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^3.0.0"
-
-goober@^2.1.10:
-  version "2.1.14"
-  resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.14.tgz#4a5c94fc34dc086a8e6035360ae1800005135acd"
-  integrity sha512-4UpC0NdGyAFqLNPnhCT2iHpza2q+RAY3GV85a/mRPdzyPQMsj0KmMMuetdIkzWRbJ+Hgau1EZztq8ImmiMGhsg==
-
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
-
-graceful-fs@^4.2.11, graceful-fs@^4.2.4:
-  version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
-has-bigints@^1.0.1, has-bigints@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
-  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
-  dependencies:
-    es-define-property "^1.0.0"
-
-has-proto@^1.0.1, has-proto@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
-  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
-
-has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
-  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
-  dependencies:
-    has-symbols "^1.0.3"
-
-hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
-  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
-  dependencies:
-    function-bind "^1.1.2"
-
-highlight-words@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/highlight-words/-/highlight-words-1.2.2.tgz#9875b75d11814d7356b24f23feeb7d77761fa867"
-  integrity sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==
-
-hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
-hyphenate-style-name@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz#1797bf50369588b47b72ca6d5e65374607cf4436"
-  integrity sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==
-
-ignore@^5.2.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
-  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
-
-immer@^10.0.3:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-10.1.1.tgz#206f344ea372d8ea176891545ee53ccc062db7bc"
-  integrity sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==
-
-import-fresh@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
-
-internal-slot@^1.0.4, internal-slot@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
-  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
-  dependencies:
-    es-errors "^1.3.0"
-    hasown "^2.0.0"
-    side-channel "^1.0.4"
-
-invariant@^2.2.4:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
-  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-  dependencies:
-    loose-envify "^1.0.0"
-
-is-arguments@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
-  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-array-buffer@^3.0.2, is-array-buffer@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
-  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.1"
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
-
-is-async-function@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
-  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
-  dependencies:
-    has-bigints "^1.0.1"
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
-  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
-
-is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.14.0.tgz#43b8ef9f46a6a08888db67b1ffd4ec9e3dfd59d1"
-  integrity sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==
-  dependencies:
-    hasown "^2.0.2"
-
-is-data-view@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
-  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
-  dependencies:
-    is-typed-array "^1.1.13"
-
-is-date-object@^1.0.1, is-date-object@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-finalizationregistry@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
-  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
-is-generator-function@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
-  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-map@^2.0.2, is-map@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
-  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
-
-is-negative-zero@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
-  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-set@^2.0.2, is-set@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
-  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
-
-is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
-  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
-  dependencies:
-    call-bind "^1.0.7"
-
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
-  dependencies:
-    has-symbols "^1.0.2"
-
-is-typed-array@^1.1.13:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
-  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
-  dependencies:
-    which-typed-array "^1.1.14"
-
-is-weakmap@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
-  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
-
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
-  dependencies:
-    call-bind "^1.0.2"
-
-is-weakset@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.3.tgz#e801519df8c0c43e12ff2834eead84ec9e624007"
-  integrity sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==
-  dependencies:
-    call-bind "^1.0.7"
-    get-intrinsic "^1.2.4"
-
-isarray@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
-  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
-
-iterator.prototype@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
-  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
-  dependencies:
-    define-properties "^1.2.1"
-    get-intrinsic "^1.2.1"
-    has-symbols "^1.0.3"
-    reflect.getprototypeof "^1.0.4"
-    set-function-name "^2.0.1"
-
-jackspeak@^2.3.5:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
-  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jackspeak@^3.1.2:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.0.tgz#a75763ff36ad778ede6a156d8ee8b124de445b4a"
-  integrity sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-jiti@^1.21.0:
-  version "1.21.6"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
-  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
-
-jose@^4.15.5:
-  version "4.15.9"
-  resolved "https://registry.yarnpkg.com/jose/-/jose-4.15.9.tgz#9b68eda29e9a0614c042fa29387196c7dd800100"
-  integrity sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==
-
-js-cookie@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
-  integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
-
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
-  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
-  dependencies:
-    argparse "^2.0.1"
-
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-json-buffer@3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
-  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
-
-json-parse-even-better-errors@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
-  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
-json2mq@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/json2mq/-/json2mq-0.2.0.tgz#b637bd3ba9eabe122c83e9720483aeb10d2c904a"
-  integrity sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==
-  dependencies:
-    string-convert "^0.2.0"
-
-json5@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
-  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
-  dependencies:
-    minimist "^1.2.0"
-
-jsonwebtoken@^9.0.2:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz#65ff91f4abef1784697d40952bb1998c504caaf3"
-  integrity sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==
-  dependencies:
-    jws "^3.2.2"
-    lodash.includes "^4.3.0"
-    lodash.isboolean "^3.0.3"
-    lodash.isinteger "^4.0.4"
-    lodash.isnumber "^3.0.3"
-    lodash.isplainobject "^4.0.6"
-    lodash.isstring "^4.0.1"
-    lodash.once "^4.0.0"
-    ms "^2.1.1"
-    semver "^7.5.4"
-
-"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
-  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
-  dependencies:
-    array-includes "^3.1.6"
-    array.prototype.flat "^1.3.1"
-    object.assign "^4.1.4"
-    object.values "^1.1.6"
-
-jwa@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jwa/-/jwa-1.4.1.tgz#743c32985cb9e98655530d53641b66c8645b039a"
-  integrity sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==
-  dependencies:
-    buffer-equal-constant-time "1.0.1"
-    ecdsa-sig-formatter "1.0.11"
-    safe-buffer "^5.0.1"
-
-jws@^3.2.2:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/jws/-/jws-3.2.2.tgz#001099f3639468c9414000e99995fa52fb478304"
-  integrity sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==
-  dependencies:
-    jwa "^1.4.1"
-    safe-buffer "^5.0.1"
-
-jwt-decode@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-4.0.0.tgz#2270352425fd413785b2faf11f6e755c5151bd4b"
-  integrity sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==
-
-keyv@^4.5.4:
-  version "4.5.4"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
-  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
-  dependencies:
-    json-buffer "3.0.1"
-
-language-subtag-registry@^0.3.20:
-  version "0.3.23"
-  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
-  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
-
-language-tags@^1.0.9:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
-  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
-  dependencies:
-    language-subtag-registry "^0.3.20"
-
-levn@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
-  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
-  dependencies:
-    prelude-ls "^1.2.1"
-    type-check "~0.4.0"
-
-lilconfig@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
-lilconfig@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb"
-  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
-
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash-es@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
-  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
-
-lodash.includes@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/lodash.includes/-/lodash.includes-4.3.0.tgz#60bb98a87cb923c68ca1e51325483314849f553f"
-  integrity sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==
-
-lodash.isboolean@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz#6c2e171db2a257cd96802fd43b01b20d5f5870f6"
-  integrity sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==
-
-lodash.isinteger@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz#619c0af3d03f8b04c31f5882840b77b11cd68343"
-  integrity sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==
-
-lodash.isnumber@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz#3ce76810c5928d03352301ac287317f11c0b1ffc"
-  integrity sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==
-
-lodash.isplainobject@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
-  integrity sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==
-
-lodash.isstring@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
-  integrity sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==
-
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
-lodash.once@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
-  integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
-
-lodash@^4.16.6, lodash@^4.17.21:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
-  dependencies:
-    js-tokens "^3.0.0 || ^4.0.0"
-
-lru-cache@^10.2.0:
-  version "10.3.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.3.0.tgz#4a4aaf10c84658ab70f79a85a9a3f1e1fb11196b"
-  integrity sha512-CQl19J/g+Hbjbv4Y3mFNNXFEL/5t/KCg8POCuUqd4rMKjGG+j1ybER83hxV58zL+dFI1PTkt3GNFSHRt+d8qEQ==
-
-lru-cache@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
-  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
-  dependencies:
-    yallist "^4.0.0"
-
-lucide-react@^0.302.0:
-  version "0.302.0"
-  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.302.0.tgz#ba5d1f90d2348cf564991fb06966560ee2edc54b"
-  integrity sha512-JZX+1fjpqxvQmEgItvPOAwRlqf0Eg9dSZMxljA2/V2M6dluOhQCPBhewIlSJWgkNu0M36kViOgmTAMnDaAMOFw==
-
-matchmediaquery@^0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/matchmediaquery/-/matchmediaquery-0.4.2.tgz#22582bd4ae63ad9f54c53001bba80cbed0f7eafa"
-  integrity sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==
-  dependencies:
-    css-mediaquery "^0.1.2"
-
-material-icons@^1.13.12:
-  version "1.13.12"
-  resolved "https://registry.yarnpkg.com/material-icons/-/material-icons-1.13.12.tgz#eed4082bf0426642edeb027e75397e3064adc536"
-  integrity sha512-/2YoaB79IjUK2B2JB+vIXXYGtBfHb/XG66LvoKVM5ykHW7yfrV5SP6d7KLX6iijY6/G9GqwgtPQ/sbhFnOURVA==
-
-material-react-table@^2.13.0:
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/material-react-table/-/material-react-table-2.13.0.tgz#445df17dd266a3177c2a1bb3114bd852f752e3da"
-  integrity sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==
-  dependencies:
-    "@tanstack/match-sorter-utils" "8.15.1"
-    "@tanstack/react-table" "8.16.0"
-    "@tanstack/react-virtual" "3.3.0"
-    highlight-words "1.2.2"
-
-memoize-one@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
-  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
-
-merge2@^1.3.0, merge2@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-micromatch@^4.0.4, micromatch@^4.0.5:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
-  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
-  dependencies:
-    braces "^3.0.3"
-    picomatch "^2.3.1"
-
-mime-db@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
-  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-
-mime-types@^2.1.12:
-  version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
-  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
-  dependencies:
-    mime-db "1.52.0"
-
-mini-svg-data-uri@^1.2.3:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
-  integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
-
-minimatch@9.0.3:
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
-  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimatch@^9.0.1, minimatch@^9.0.4:
-  version "9.0.5"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
-  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimist@^1.2.0, minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
-  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
-
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-ms@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
-nanoid@^3.3.6, nanoid@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
-
-next-auth@^4.23.2:
-  version "4.24.7"
-  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-4.24.7.tgz#0a14c1e35b4a2c0c1ecff95c295b74bd48d3817a"
-  integrity sha512-iChjE8ov/1K/z98gdKbn2Jw+2vLgJtVV39X+rCP5SGnVQuco7QOr19FRNGMIrD8d3LYhHWV9j9sKLzq1aDWWQQ==
-  dependencies:
-    "@babel/runtime" "^7.20.13"
-    "@panva/hkdf" "^1.0.2"
-    cookie "^0.5.0"
-    jose "^4.15.5"
-    oauth "^0.9.15"
-    openid-client "^5.4.0"
-    preact "^10.6.3"
-    preact-render-to-string "^5.1.19"
-    uuid "^8.3.2"
-
-next@^14.1.4:
-  version "14.2.5"
-  resolved "https://registry.yarnpkg.com/next/-/next-14.2.5.tgz#afe4022bb0b752962e2205836587a289270efbea"
-  integrity sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==
-  dependencies:
-    "@next/env" "14.2.5"
-    "@swc/helpers" "0.5.5"
-    busboy "1.6.0"
-    caniuse-lite "^1.0.30001579"
-    graceful-fs "^4.2.11"
-    postcss "8.4.31"
-    styled-jsx "5.1.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"
-
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-oauth@^0.9.15:
-  version "0.9.15"
-  resolved "https://registry.yarnpkg.com/oauth/-/oauth-0.9.15.tgz#bd1fefaf686c96b75475aed5196412ff60cfb9c1"
-  integrity sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==
-
-object-assign@^4.0.1, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-hash@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
-  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
-
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
-object-inspect@^1.13.1:
-  version "1.13.2"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
-  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
-
-object-is@^1.1.5:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.6.tgz#1a6a53aed2dd8f7e6775ff870bea58545956ab07"
-  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-
-object-keys@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object.assign@^4.1.4, object.assign@^4.1.5:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
-  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
-  dependencies:
-    call-bind "^1.0.5"
-    define-properties "^1.2.1"
-    has-symbols "^1.0.3"
-    object-keys "^1.1.1"
-
-object.entries@^1.1.8:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
-  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-object.fromentries@^2.0.7, object.fromentries@^2.0.8:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
-  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-
-object.groupby@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
-  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-
-object.hasown@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.4.tgz#e270ae377e4c120cdcb7656ce66884a6218283dc"
-  integrity sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==
-  dependencies:
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-object-atoms "^1.0.0"
-
-object.values@^1.1.6, object.values@^1.1.7, object.values@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
-  integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-oidc-token-hash@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz#9a229f0a1ce9d4fc89bcaee5478c97a889e7b7b6"
-  integrity sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==
-
-openid-client@^5.4.0:
-  version "5.6.5"
-  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.6.5.tgz#c149ad07b9c399476dc347097e297bbe288b8b00"
-  integrity sha512-5P4qO9nGJzB5PI0LFlhj4Dzg3m4odt0qsJTfyEtZyOlkgpILwEioOhVVJOrS1iVH494S4Ee5OCjjg6Bf5WOj3w==
-  dependencies:
-    jose "^4.15.5"
-    lru-cache "^6.0.0"
-    object-hash "^2.2.0"
-    oidc-token-hash "^5.0.3"
-
-optionator@^0.9.3:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
-  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
-  dependencies:
-    deep-is "^0.1.3"
-    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-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
-package-json-from-dist@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz#e501cd3094b278495eb4258d4c9f6d5ac3019f00"
-  integrity sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==
-
-pako@^1.0.10, pako@^1.0.11, pako@^1.0.6:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-papaparse@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.4.1.tgz#f45c0f871853578bd3a30f92d96fdcfb6ebea127"
-  integrity sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-json@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
-  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-even-better-errors "^2.3.0"
-    lines-and-columns "^1.1.6"
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path-scurry@^1.10.1, path-scurry@^1.11.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
-  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
-  dependencies:
-    lru-cache "^10.2.0"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
-pdf-lib@^1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/pdf-lib/-/pdf-lib-1.17.1.tgz#9e7dd21261a0c1fb17992580885b39e7d08f451f"
-  integrity sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==
-  dependencies:
-    "@pdf-lib/standard-fonts" "^1.0.0"
-    "@pdf-lib/upng" "^1.0.1"
-    pako "^1.0.11"
-    tslib "^1.11.1"
-
-picocolors@^1.0.0, picocolors@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
-  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pirates@^4.0.1:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
-  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
-
-possible-typed-array-names@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
-  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
-  dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
-
-postcss-nested@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.1.tgz#f83dc9846ca16d2f4fa864f16e9d9f7d0961662c"
-  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
-  dependencies:
-    postcss-selector-parser "^6.0.11"
-
-postcss-selector-parser@^6.0.11:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz#49694cb4e7c649299fea510a29fa6577104bcf53"
-  integrity sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@8.4.31:
-  version "8.4.31"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
-postcss@8.4.38:
-  version "8.4.38"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
-  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.0.0"
-    source-map-js "^1.2.0"
-
-postcss@^8.4.23, postcss@latest:
-  version "8.4.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.39.tgz#aa3c94998b61d3a9c259efa51db4b392e1bde0e3"
-  integrity sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.0.1"
-    source-map-js "^1.2.0"
-
-preact-render-to-string@^5.1.19:
-  version "5.2.6"
-  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz#0ff0c86cd118d30affb825193f18e92bd59d0604"
-  integrity sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==
-  dependencies:
-    pretty-format "^3.8.0"
-
-preact@^10.6.3:
-  version "10.22.1"
-  resolved "https://registry.yarnpkg.com/preact/-/preact-10.22.1.tgz#6a3589973fe0c6e53211091607d31f4b7b27334d"
-  integrity sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==
-
-prelude-ls@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
-  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-
-prettier@3.3.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
-  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
-
-pretty-format@^3.8.0:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385"
-  integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
-
-prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
-  version "15.8.1"
-  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
-  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
-  dependencies:
-    loose-envify "^1.4.0"
-    object-assign "^4.1.1"
-    react-is "^16.13.1"
-
-property-expr@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/property-expr/-/property-expr-2.0.6.tgz#f77bc00d5928a6c748414ad12882e83f24aec1e8"
-  integrity sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==
-
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
-punycode@^2.1.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
-  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
-
-qs@^6.12.0:
-  version "6.12.2"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.12.2.tgz#5443b587f3bf73ac68968de491e5b25bafe04478"
-  integrity sha512-x+NLUpx9SYrcwXtX7ob1gnkSems4i/mGZX5SlYxwIau6RrUSODO89TR/XDGGpn5RPWSYIB+aSfuSlV5+CmbTBg==
-  dependencies:
-    side-channel "^1.0.6"
-
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
-rc-cascader@~3.27.0:
-  version "3.27.0"
-  resolved "https://registry.yarnpkg.com/rc-cascader/-/rc-cascader-3.27.0.tgz#efb1a3c20e0d834b5b0b0b5dd3a9abf16ffa3860"
-  integrity sha512-z5uq8VvQadFUBiuZJ7YF5UAUGNkZtdEtcEYiIA94N/Kc2MIKr6lEbN5HyVddvYSgwWlKqnL6pH5bFXFuIK3MNg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    array-tree-filter "^2.1.0"
-    classnames "^2.3.1"
-    rc-select "~14.15.0"
-    rc-tree "~5.8.1"
-    rc-util "^5.37.0"
-
-rc-checkbox@~3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/rc-checkbox/-/rc-checkbox-3.3.0.tgz#0ffcb65ab78c7d2fcd1a0d6554af36786516bd02"
-  integrity sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.3.2"
-    rc-util "^5.25.2"
-
-rc-collapse@~3.7.3:
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/rc-collapse/-/rc-collapse-3.7.3.tgz#68161683d8fd1004bef4eb281fc106f3c8dc16eb"
-  integrity sha512-60FJcdTRn0X5sELF18TANwtVi7FtModq649H11mYF1jh83DniMoM4MqY627sEKRCTm4+WXfGDcB7hY5oW6xhyw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "2.x"
-    rc-motion "^2.3.4"
-    rc-util "^5.27.0"
-
-rc-dialog@~9.5.2:
-  version "9.5.2"
-  resolved "https://registry.yarnpkg.com/rc-dialog/-/rc-dialog-9.5.2.tgz#4cf7cca23aedb6fd3d9344ea8ffd14daa94ee3a0"
-  integrity sha512-qVUjc8JukG+j/pNaHVSRa2GO2/KbV2thm7yO4hepQ902eGdYK913sGkwg/fh9yhKYV1ql3BKIN2xnud3rEXAPw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    "@rc-component/portal" "^1.0.0-8"
-    classnames "^2.2.6"
-    rc-motion "^2.3.0"
-    rc-util "^5.21.0"
-
-rc-drawer@~7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/rc-drawer/-/rc-drawer-7.2.0.tgz#8d7de2f1fd52f3ac5a25f54afbb8ac14c62e5663"
-  integrity sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==
-  dependencies:
-    "@babel/runtime" "^7.23.9"
-    "@rc-component/portal" "^1.1.1"
-    classnames "^2.2.6"
-    rc-motion "^2.6.1"
-    rc-util "^5.38.1"
-
-rc-dropdown@~4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/rc-dropdown/-/rc-dropdown-4.2.0.tgz#c6052fcfe9c701487b141e411cdc277dc7c6f061"
-  integrity sha512-odM8Ove+gSh0zU27DUj5cG1gNKg7mLWBYzB5E4nNLrLwBmYEgYP43vHKDGOVZcJSVElQBI0+jTQgjnq0NfLjng==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "^2.2.6"
-    rc-util "^5.17.0"
-
-rc-field-form@~2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/rc-field-form/-/rc-field-form-2.2.1.tgz#0a8c76a0103535c229311dac7f91d32ea13cd3bc"
-  integrity sha512-uoNqDoR7A4tn4QTSqoWPAzrR7ZwOK5I+vuZ/qdcHtbKx+ZjEsTg7QXm2wk/jalDiSksAQmATxL0T5LJkRREdIA==
-  dependencies:
-    "@babel/runtime" "^7.18.0"
-    "@rc-component/async-validator" "^5.0.3"
-    rc-util "^5.32.2"
-
-rc-image@~7.9.0:
-  version "7.9.0"
-  resolved "https://registry.yarnpkg.com/rc-image/-/rc-image-7.9.0.tgz#2d700a5cf891bb3d0d800b7c38348927ebb9f49b"
-  integrity sha512-l4zqO5E0quuLMCtdKfBgj4Suv8tIS011F5k1zBBlK25iMjjiNHxA0VeTzGFtUZERSA45gvpXDg8/P6qNLjR25g==
-  dependencies:
-    "@babel/runtime" "^7.11.2"
-    "@rc-component/portal" "^1.0.2"
-    classnames "^2.2.6"
-    rc-dialog "~9.5.2"
-    rc-motion "^2.6.2"
-    rc-util "^5.34.1"
-
-rc-input-number@~9.1.0:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/rc-input-number/-/rc-input-number-9.1.0.tgz#fd577db284b65548c156500322a2feaa04321565"
-  integrity sha512-NqJ6i25Xn/AgYfVxynlevIhX3FuKlMwIFpucGG1h98SlK32wQwDK0zhN9VY32McOmuaqzftduNYWWooWz8pXQA==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    "@rc-component/mini-decimal" "^1.0.1"
-    classnames "^2.2.5"
-    rc-input "~1.5.0"
-    rc-util "^5.40.1"
-
-rc-input@~1.5.0, rc-input@~1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/rc-input/-/rc-input-1.5.1.tgz#36d37eb045f1fa17de7da1a3fab94edfa331ab92"
-  integrity sha512-+nOzQJDeIfIpNP/SgY45LXSKbuMlp4Yap2y8c+ZpU7XbLmNzUd6+d5/S75sA/52jsVE6S/AkhkkDEAOjIu7i6g==
-  dependencies:
-    "@babel/runtime" "^7.11.1"
-    classnames "^2.2.1"
-    rc-util "^5.18.1"
-
-rc-mentions@~2.14.0:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/rc-mentions/-/rc-mentions-2.14.0.tgz#7cad133de2e95b7478c0ebb5d2a4315dbe9bda29"
-  integrity sha512-qKR59FMuF8PK4ZqsbWX3UuA5P1M/snzyqV6Yt3y1DCFbCEdqUGIBgQp6vEfLCO6Z0RoRFlzXtCeSlBTcDDpg1A==
-  dependencies:
-    "@babel/runtime" "^7.22.5"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "^2.2.6"
-    rc-input "~1.5.0"
-    rc-menu "~9.14.0"
-    rc-textarea "~1.7.0"
-    rc-util "^5.34.1"
-
-rc-menu@~9.14.0, rc-menu@~9.14.1:
-  version "9.14.1"
-  resolved "https://registry.yarnpkg.com/rc-menu/-/rc-menu-9.14.1.tgz#5c2aea72bdce421e9d50bf721ad8b76c154ae66f"
-  integrity sha512-5wlRb3M8S4yGlWhSoEYJ7ZVRElyScdcpUHxgiLxkeig1tEdyKrnED3B2fhpN0Rrpdp9jyhnmZR/Lwq2fH5VvDQ==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "2.x"
-    rc-motion "^2.4.3"
-    rc-overflow "^1.3.1"
-    rc-util "^5.27.0"
-
-rc-motion@^2.0.0, rc-motion@^2.0.1, rc-motion@^2.3.0, rc-motion@^2.3.4, rc-motion@^2.4.3, rc-motion@^2.4.4, rc-motion@^2.6.1, rc-motion@^2.6.2, rc-motion@^2.9.0, rc-motion@^2.9.2:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/rc-motion/-/rc-motion-2.9.2.tgz#f7c6d480250df8a512d0cfdce07ff3da906958cf"
-  integrity sha512-fUAhHKLDdkAXIDLH0GYwof3raS58dtNUmzLF2MeiR8o6n4thNpSDQhOqQzWE4WfFZDCi9VEN8n7tiB7czREcyw==
-  dependencies:
-    "@babel/runtime" "^7.11.1"
-    classnames "^2.2.1"
-    rc-util "^5.43.0"
-
-rc-notification@~5.6.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/rc-notification/-/rc-notification-5.6.0.tgz#1639aa30686d79ee4bb8ace05a698a5a104aaa74"
-  integrity sha512-TGQW5T7waOxLwgJG7fXcw8l7AQiFOjaZ7ISF5PrU526nunHRNcTMuzKihQHaF4E/h/KfOCDk3Mv8eqzbu2e28w==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "2.x"
-    rc-motion "^2.9.0"
-    rc-util "^5.20.1"
-
-rc-overflow@^1.3.1, rc-overflow@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/rc-overflow/-/rc-overflow-1.3.2.tgz#72ee49e85a1308d8d4e3bd53285dc1f3e0bcce2c"
-  integrity sha512-nsUm78jkYAoPygDAcGZeC2VwIg/IBGSodtOY3pMof4W3M9qRJgqaDYm03ZayHlde3I6ipliAxbN0RUcGf5KOzw==
-  dependencies:
-    "@babel/runtime" "^7.11.1"
-    classnames "^2.2.1"
-    rc-resize-observer "^1.0.0"
-    rc-util "^5.37.0"
-
-rc-pagination@~4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/rc-pagination/-/rc-pagination-4.2.0.tgz#b7222b429dec38f6c74e139a30ae7765e9a0b8a6"
-  integrity sha512-V6qeANJsT6tmOcZ4XiUmj8JXjRLbkusuufpuoBw2GiAn94fIixYjFLmbruD1Sbhn8fPLDnWawPp4CN37zQorvw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.3.2"
-    rc-util "^5.38.0"
-
-rc-picker@~4.6.7:
-  version "4.6.7"
-  resolved "https://registry.yarnpkg.com/rc-picker/-/rc-picker-4.6.7.tgz#2956b15a9db17218e60832699208a61b6d38fdde"
-  integrity sha512-ZntxLH863jdNPZq2i6e2+1iXpRfYKHjNfUGgoObA1YExuWAnTCHpZzOkBuS43GnVcnp2MPDp78pH9OZJFd2hLw==
-  dependencies:
-    "@babel/runtime" "^7.24.7"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "^2.2.1"
-    rc-overflow "^1.3.2"
-    rc-resize-observer "^1.4.0"
-    rc-util "^5.43.0"
-
-rc-progress@~4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/rc-progress/-/rc-progress-4.0.0.tgz#5382147d9add33d3a5fbd264001373df6440e126"
-  integrity sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.2.6"
-    rc-util "^5.16.1"
-
-rc-rate@~2.13.0:
-  version "2.13.0"
-  resolved "https://registry.yarnpkg.com/rc-rate/-/rc-rate-2.13.0.tgz#642f591ccf55c3a5d84d8d212caf1f7951d203a8"
-  integrity sha512-oxvx1Q5k5wD30sjN5tqAyWTvJfLNNJn7Oq3IeS4HxWfAiC4BOXMITNAsw7u/fzdtO4MS8Ki8uRLOzcnEuoQiAw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.2.5"
-    rc-util "^5.0.1"
-
-rc-resize-observer@^1.0.0, rc-resize-observer@^1.1.0, rc-resize-observer@^1.3.1, rc-resize-observer@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/rc-resize-observer/-/rc-resize-observer-1.4.0.tgz#7bba61e6b3c604834980647cce6451914750d0cc"
-  integrity sha512-PnMVyRid9JLxFavTjeDXEXo65HCRqbmLBw9xX9gfC4BZiSzbLXKzW3jPz+J0P71pLbD5tBMTT+mkstV5gD0c9Q==
-  dependencies:
-    "@babel/runtime" "^7.20.7"
-    classnames "^2.2.1"
-    rc-util "^5.38.0"
-    resize-observer-polyfill "^1.5.1"
-
-rc-segmented@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/rc-segmented/-/rc-segmented-2.3.0.tgz#b3fe080fb434a266c02e30bb62a47d2c6e094341"
-  integrity sha512-I3FtM5Smua/ESXutFfb8gJ8ZPcvFR+qUgeeGFQHBOvRiRKyAk4aBE5nfqrxXx+h8/vn60DQjOt6i4RNtrbOobg==
-  dependencies:
-    "@babel/runtime" "^7.11.1"
-    classnames "^2.2.1"
-    rc-motion "^2.4.4"
-    rc-util "^5.17.0"
-
-rc-select@~14.15.0:
-  version "14.15.0"
-  resolved "https://registry.yarnpkg.com/rc-select/-/rc-select-14.15.0.tgz#5f07ea130a337b7a6df3c6379031d7539d15fef0"
-  integrity sha512-BDqnDLhhm/8VyyyDlX7ju06S75k6ObJvbsN86zqZ4SY1Fu2ANQxeSWPo7pnwx5nwA5JgG+HcQevtddAgsdeBVQ==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    "@rc-component/trigger" "^2.1.1"
-    classnames "2.x"
-    rc-motion "^2.0.1"
-    rc-overflow "^1.3.1"
-    rc-util "^5.16.1"
-    rc-virtual-list "^3.5.2"
-
-rc-slider@~10.6.2:
-  version "10.6.2"
-  resolved "https://registry.yarnpkg.com/rc-slider/-/rc-slider-10.6.2.tgz#8bd3b63b24f2f3682ea1bf86d021073189cf33eb"
-  integrity sha512-FjkoFjyvUQWcBo1F3RgSglky3ar0+qHLM41PlFVYB4Bj3RD8E/Mv7kqMouLFBU+3aFglMzzctAIWRwajEuueSw==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.2.5"
-    rc-util "^5.36.0"
-
-rc-steps@~6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/rc-steps/-/rc-steps-6.0.1.tgz#c2136cd0087733f6d509209a84a5c80dc29a274d"
-  integrity sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==
-  dependencies:
-    "@babel/runtime" "^7.16.7"
-    classnames "^2.2.3"
-    rc-util "^5.16.1"
-
-rc-switch@~4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/rc-switch/-/rc-switch-4.1.0.tgz#f37d81b4e0c5afd1274fd85367b17306bf25e7d7"
-  integrity sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==
-  dependencies:
-    "@babel/runtime" "^7.21.0"
-    classnames "^2.2.1"
-    rc-util "^5.30.0"
-
-rc-table@~7.45.7:
-  version "7.45.7"
-  resolved "https://registry.yarnpkg.com/rc-table/-/rc-table-7.45.7.tgz#f7c509e05c677a30ad5b212750122da6f5318004"
-  integrity sha512-wi9LetBL1t1csxyGkMB2p3mCiMt+NDexMlPbXHvQFmBBAsMxrgNSAPwUci2zDLUq9m8QdWc1Nh8suvrpy9mXrg==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    "@rc-component/context" "^1.4.0"
-    classnames "^2.2.5"
-    rc-resize-observer "^1.1.0"
-    rc-util "^5.37.0"
-    rc-virtual-list "^3.14.2"
-
-rc-tabs@~15.1.1:
-  version "15.1.1"
-  resolved "https://registry.yarnpkg.com/rc-tabs/-/rc-tabs-15.1.1.tgz#99f4c7647e01d3e22216d94222d717e928ed98d0"
-  integrity sha512-Tc7bJvpEdkWIVCUL7yQrMNBJY3j44NcyWS48jF/UKMXuUlzaXK+Z/pEL5LjGcTadtPvVmNqA40yv7hmr+tCOAw==
-  dependencies:
-    "@babel/runtime" "^7.11.2"
-    classnames "2.x"
-    rc-dropdown "~4.2.0"
-    rc-menu "~9.14.0"
-    rc-motion "^2.6.2"
-    rc-resize-observer "^1.0.0"
-    rc-util "^5.34.1"
-
-rc-textarea@~1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/rc-textarea/-/rc-textarea-1.7.0.tgz#115c421359dddee58c601008ec2209b41cb8f8df"
-  integrity sha512-UxizYJkWkmxP3zofXgc487QiGyDmhhheDLLjIWbFtDmiru1ls30KpO8odDaPyqNUIy9ugj5djxTEuezIn6t3Jg==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "^2.2.1"
-    rc-input "~1.5.0"
-    rc-resize-observer "^1.0.0"
-    rc-util "^5.27.0"
-
-rc-tooltip@~6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/rc-tooltip/-/rc-tooltip-6.2.0.tgz#4dd7575674137a5b14f118a5c16435d3f5e4a9c9"
-  integrity sha512-iS/3iOAvtDh9GIx1ulY7EFUXUtktFccNLsARo3NPgLf0QW9oT0w3dA9cYWlhqAKmD+uriEwdWz1kH0Qs4zk2Aw==
-  dependencies:
-    "@babel/runtime" "^7.11.2"
-    "@rc-component/trigger" "^2.0.0"
-    classnames "^2.3.1"
-
-rc-tree-select@~5.22.1:
-  version "5.22.1"
-  resolved "https://registry.yarnpkg.com/rc-tree-select/-/rc-tree-select-5.22.1.tgz#02daa09624378107f4c13d4deadcf6327c669cd8"
-  integrity sha512-b8mAK52xEpRgS+b2PTapCt29GoIrO5cO8jB7AfHttFsIJfcnynY9FCtnYzURsKXJkGHbFY6UzSEB2I3TETtdWg==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "2.x"
-    rc-select "~14.15.0"
-    rc-tree "~5.8.1"
-    rc-util "^5.16.1"
-
-rc-tree@~5.8.1, rc-tree@~5.8.8:
-  version "5.8.8"
-  resolved "https://registry.yarnpkg.com/rc-tree/-/rc-tree-5.8.8.tgz#650a13ec825a5a4feec6bbaf6a380465986ee0db"
-  integrity sha512-S+mCMWo91m5AJqjz3PdzKilGgbFm7fFJRFiTDOcoRbD7UfMOPnerXwMworiga0O2XIo383UoWuEfeHs1WOltag==
-  dependencies:
-    "@babel/runtime" "^7.10.1"
-    classnames "2.x"
-    rc-motion "^2.0.1"
-    rc-util "^5.16.1"
-    rc-virtual-list "^3.5.1"
-
-rc-upload@~4.5.2:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/rc-upload/-/rc-upload-4.5.2.tgz#ea493fbaaf57d9369ee954b20e1d8bc35c818a1a"
-  integrity sha512-QO3ne77DwnAPKFn0bA5qJM81QBjQi0e0NHdkvpFyY73Bea2NfITiotqJqVjHgeYPOJu5lLVR32TNGP084aSoXA==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    classnames "^2.2.5"
-    rc-util "^5.2.0"
-
-rc-util@^5.0.1, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.2.0, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.27.0, rc-util@^5.30.0, rc-util@^5.31.1, rc-util@^5.32.2, rc-util@^5.34.1, rc-util@^5.35.0, rc-util@^5.36.0, rc-util@^5.37.0, rc-util@^5.38.0, rc-util@^5.38.1, rc-util@^5.40.1, rc-util@^5.43.0:
-  version "5.43.0"
-  resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-5.43.0.tgz#bba91fbef2c3e30ea2c236893746f3e9b05ecc4c"
-  integrity sha512-AzC7KKOXFqAdIBqdGWepL9Xn7cm3vnAmjlHqUnoQaTMZYhM4VlXGLkkHHxj/BZ7Td0+SOPKB4RGPboBVKT9htw==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    react-is "^18.2.0"
-
-rc-virtual-list@^3.14.2, rc-virtual-list@^3.5.1, rc-virtual-list@^3.5.2:
-  version "3.14.5"
-  resolved "https://registry.yarnpkg.com/rc-virtual-list/-/rc-virtual-list-3.14.5.tgz#593cd13fe05eabf4ad098329704a30c77701869e"
-  integrity sha512-ZMOnkCLv2wUN8Jz7yI4XiSLa9THlYvf00LuMhb1JlsQCewuU7ydPuHw1rGVPhe9VZYl/5UqODtNd7QKJ2DMGfg==
-  dependencies:
-    "@babel/runtime" "^7.20.0"
-    classnames "^2.2.6"
-    rc-resize-observer "^1.0.0"
-    rc-util "^5.36.0"
-
-react-chronos@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/react-chronos/-/react-chronos-1.0.5.tgz#bb9c1fdb8efdd91a3a8ab4890c9a34f7b29ffb54"
-  integrity sha512-kUKfFAlbqLrZVQ0LbIJKu0qjBhFcAfjuB57+qcJBruqxHw32kVNcBjVvQtC0vV/hQRB1xyen3VcW1EG+DeoUiA==
-  dependencies:
-    classnames "^2.2.5"
-    lodash "^4.16.6"
-
-react-cool-onclickoutside@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/react-cool-onclickoutside/-/react-cool-onclickoutside-1.7.0.tgz#abc844e14852220fe15f81d7ef44976d15cd9980"
-  integrity sha512-HVZK2155Unee+enpoHKyYP2UdQK69thw90XAOUCjvJBcgRSgfRPgWWt/W1dYzoGp3+nleAa8SJxF1d4FMA4Qmw==
-
-react-dom@latest:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
-  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
-  dependencies:
-    loose-envify "^1.1.0"
-    scheduler "^0.23.2"
-
-react-fast-compare@^2.0.1:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
-  integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
-
-react-google-button@^0.7.2:
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/react-google-button/-/react-google-button-0.7.2.tgz#5bb2bcb0d54e36da3cd3b712a6fac4f9209b764c"
-  integrity sha512-LPIqU2hIlc212kqks8MtKjRstquVkP3SIjxlK5B1nIfg2R7YqSusJAxZUkJA5dv/z6QeSuGyI9ujwV/VWMTyAA==
-  dependencies:
-    prop-types "^15.7.2"
-
-react-hot-toast@^2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/react-hot-toast/-/react-hot-toast-2.4.1.tgz#df04295eda8a7b12c4f968e54a61c8d36f4c0994"
-  integrity sha512-j8z+cQbWIM5LY37pR6uZR6D4LfseplqnuAO4co4u8917hBUvXlEqyP1ZzqVLcqoyUesZZv/ImreoCeHVDpE5pQ==
-  dependencies:
-    goober "^2.1.10"
-
-react-icons@^4.12.0:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.12.0.tgz#54806159a966961bfd5cdb26e492f4dafd6a8d78"
-  integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
-
-react-is@^16.13.1, react-is@^16.7.0:
-  version "16.13.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
-react-is@^18.2.0:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
-  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
-
-react-lifecycles-compat@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
-  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
-
-react-modal@^3.16.1:
-  version "3.16.1"
-  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b"
-  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
-  dependencies:
-    exenv "^1.2.0"
-    prop-types "^15.7.2"
-    react-lifecycles-compat "^3.0.0"
-    warning "^4.0.3"
-
-react-redux@^9.0.4:
-  version "9.1.2"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-9.1.2.tgz#deba38c64c3403e9abd0c3fbeab69ffd9d8a7e4b"
-  integrity sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==
-  dependencies:
-    "@types/use-sync-external-store" "^0.0.3"
-    use-sync-external-store "^1.0.0"
-
-react-remove-scroll-bar@^2.3.3, react-remove-scroll-bar@^2.3.4:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
-  integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
-  dependencies:
-    react-style-singleton "^2.2.1"
-    tslib "^2.0.0"
-
-react-remove-scroll@2.5.4:
-  version "2.5.4"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.4.tgz#afe6491acabde26f628f844b67647645488d2ea0"
-  integrity sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==
-  dependencies:
-    react-remove-scroll-bar "^2.3.3"
-    react-style-singleton "^2.2.1"
-    tslib "^2.1.0"
-    use-callback-ref "^1.3.0"
-    use-sidecar "^1.1.2"
-
-react-remove-scroll@2.5.7:
-  version "2.5.7"
-  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz#15a1fd038e8497f65a695bf26a4a57970cac1ccb"
-  integrity sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==
-  dependencies:
-    react-remove-scroll-bar "^2.3.4"
-    react-style-singleton "^2.2.1"
-    tslib "^2.1.0"
-    use-callback-ref "^1.3.0"
-    use-sidecar "^1.1.2"
-
-react-responsive@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/react-responsive/-/react-responsive-10.0.0.tgz#657c7a90823cd565f43aa5918bd8eb0cd2c91c91"
-  integrity sha512-N6/UiRLGQyGUqrarhBZmrSmHi2FXSD++N5VbSKsBBvWfG0ZV7asvUBluSv5lSzdMyEVjzZ6Y8DL4OHABiztDOg==
-  dependencies:
-    hyphenate-style-name "^1.0.0"
-    matchmediaquery "^0.4.2"
-    prop-types "^15.6.1"
-    shallow-equal "^3.1.0"
-
-react-select@^5.8.0:
-  version "5.8.0"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.8.0.tgz#bd5c467a4df223f079dd720be9498076a3f085b5"
-  integrity sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==
-  dependencies:
-    "@babel/runtime" "^7.12.0"
-    "@emotion/cache" "^11.4.0"
-    "@emotion/react" "^11.8.1"
-    "@floating-ui/dom" "^1.0.1"
-    "@types/react-transition-group" "^4.4.0"
-    memoize-one "^6.0.0"
-    prop-types "^15.6.0"
-    react-transition-group "^4.3.0"
-    use-isomorphic-layout-effect "^1.1.2"
-
-react-style-singleton@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
-  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
-  dependencies:
-    get-nonce "^1.0.0"
-    invariant "^2.2.4"
-    tslib "^2.0.0"
-
-react-table@^7.8.0:
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/react-table/-/react-table-7.8.0.tgz#07858c01c1718c09f7f1aed7034fcfd7bda907d2"
-  integrity sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==
-
-react-transition-group@^4.3.0, react-transition-group@^4.4.5:
-  version "4.4.5"
-  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
-  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    dom-helpers "^5.0.1"
-    loose-envify "^1.4.0"
-    prop-types "^15.6.2"
-
-react@latest:
-  version "18.3.1"
-  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
-  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
-  dependencies:
-    loose-envify "^1.1.0"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-redux-thunk@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-3.1.0.tgz#94aa6e04977c30e14e892eae84978c1af6058ff3"
-  integrity sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==
-
-redux@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/redux/-/redux-5.0.1.tgz#97fa26881ce5746500125585d5642c77b6e9447b"
-  integrity sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==
-
-reflect.getprototypeof@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
-  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.1"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-    globalthis "^1.0.3"
-    which-builtin-type "^1.1.3"
-
-regenerator-runtime@^0.14.0:
-  version "0.14.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
-  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
-
-regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
-  integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
-  dependencies:
-    call-bind "^1.0.6"
-    define-properties "^1.2.1"
-    es-errors "^1.3.0"
-    set-function-name "^2.0.1"
-
-remove-accents@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/remove-accents/-/remove-accents-0.5.0.tgz#77991f37ba212afba162e375b627631315bed687"
-  integrity sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==
-
-reselect@^5.1.0:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/reselect/-/reselect-5.1.1.tgz#c766b1eb5d558291e5e550298adb0becc24bb72e"
-  integrity sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==
-
-resize-observer-polyfill@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
-  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
-
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve-pkg-maps@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
-  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
-
-resolve@^1.1.7, resolve@^1.19.0, resolve@^1.22.2, resolve@^1.22.4:
-  version "1.22.8"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
-  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-resolve@^2.0.0-next.5:
-  version "2.0.0-next.5"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
-  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
-  dependencies:
-    is-core-module "^2.13.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
-safe-array-concat@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
-  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
-  dependencies:
-    call-bind "^1.0.7"
-    get-intrinsic "^1.2.4"
-    has-symbols "^1.0.3"
-    isarray "^2.0.5"
-
-safe-buffer@^5.0.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-regex-test@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
-  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
-  dependencies:
-    call-bind "^1.0.6"
-    es-errors "^1.3.0"
-    is-regex "^1.1.4"
-
-scheduler@^0.23.2:
-  version "0.23.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
-  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
-  dependencies:
-    loose-envify "^1.1.0"
-
-scroll-into-view-if-needed@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz#fa9524518c799b45a2ef6bbffb92bcad0296d01f"
-  integrity sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==
-  dependencies:
-    compute-scroll-into-view "^3.0.2"
-
-semver@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
-semver@^7.5.4:
-  version "7.6.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
-  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
-
-set-function-length@^1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
-  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
-  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.1, set-function-name@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
-  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
-  dependencies:
-    define-data-property "^1.1.4"
-    es-errors "^1.3.0"
-    functions-have-names "^1.2.3"
-    has-property-descriptors "^1.0.2"
-
-shallow-equal@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-3.1.0.tgz#e7a54bac629c7f248eff6c2f5b63122ba4320bec"
-  integrity sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg==
-
-shallowequal@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
-  integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-side-channel@^1.0.4, side-channel@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
-  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
-    object-inspect "^1.13.1"
-
-signal-exit@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
-  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
-
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-source-map-js@^1.0.2, source-map-js@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
-  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
-
-source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
-ssf@~0.11.2:
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/ssf/-/ssf-0.11.2.tgz#0b99698b237548d088fc43cdf2b70c1a7512c06c"
-  integrity sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==
-  dependencies:
-    frac "~1.1.2"
-
-stop-iteration-iterator@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
-  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
-  dependencies:
-    internal-slot "^1.0.4"
-
-streamsearch@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
-  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
-
-string-convert@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/string-convert/-/string-convert-0.2.1.tgz#6982cc3049fbb4cd85f8b24568b9d9bf39eeff97"
-  integrity sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==
-
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^5.0.1, string-width@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
-  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
-  dependencies:
-    eastasianwidth "^0.2.0"
-    emoji-regex "^9.2.2"
-    strip-ansi "^7.0.1"
-
-string.prototype.includes@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.0.tgz#8986d57aee66d5460c144620a6d873778ad7289f"
-  integrity sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.5"
-
-string.prototype.matchall@^4.0.11:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz#1092a72c59268d2abaad76582dccc687c0297e0a"
-  integrity sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.2"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.0.0"
-    get-intrinsic "^1.2.4"
-    gopd "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.7"
-    regexp.prototype.flags "^1.5.2"
-    set-function-name "^2.0.2"
-    side-channel "^1.0.6"
-
-string.prototype.trim@^1.2.9:
-  version "1.2.9"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
-  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-abstract "^1.23.0"
-    es-object-atoms "^1.0.0"
-
-string.prototype.trimend@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
-  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-string.prototype.trimstart@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
-  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
-  dependencies:
-    call-bind "^1.0.7"
-    define-properties "^1.2.1"
-    es-object-atoms "^1.0.0"
-
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^7.0.1:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
-  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
-  dependencies:
-    ansi-regex "^6.0.1"
-
-strip-bom@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
-
-strip-json-comments@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
-styled-components@^6.1.8:
-  version "6.1.11"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.11.tgz#01948e5195bf1d39e57e0a85b41958c80e40cfb8"
-  integrity sha512-Ui0jXPzbp1phYij90h12ksljKGqF8ncGx+pjrNPsSPhbUUjWT2tD1FwGo2LF6USCnbrsIhNngDfodhxbegfEOA==
-  dependencies:
-    "@emotion/is-prop-valid" "1.2.2"
-    "@emotion/unitless" "0.8.1"
-    "@types/stylis" "4.2.5"
-    css-to-react-native "3.2.0"
-    csstype "3.1.3"
-    postcss "8.4.38"
-    shallowequal "1.1.0"
-    stylis "4.3.2"
-    tslib "2.6.2"
-
-styled-jsx@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
-  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
-  dependencies:
-    client-only "0.0.1"
-
-stylis@4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
-  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
-
-stylis@4.3.2, stylis@^4.0.13:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.2.tgz#8f76b70777dd53eb669c6f58c997bf0a9972e444"
-  integrity sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==
-
-sucrase@^3.32.0:
-  version "3.35.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "^10.3.10"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
-
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-tailwind-merge@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.3.0.tgz#27d2134fd00a1f77eca22bcaafdd67055917d286"
-  integrity sha512-vkYrLpIP+lgR0tQCG6AP7zZXCTLc1Lnv/CCRT3BqJ9CZ3ui2++GPaGb1x/ILsINIMSYqqvrpqjUFsMNLlW99EA==
-  dependencies:
-    "@babel/runtime" "^7.24.1"
-
-tailwindcss-animate@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
-  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
-
-tailwindcss@latest:
-  version "3.4.4"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.4.tgz#351d932273e6abfa75ce7d226b5bf3a6cb257c05"
-  integrity sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==
-  dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.5.3"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.3.0"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.21.0"
-    lilconfig "^2.1.0"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.0.0"
-    postcss "^8.4.23"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.1"
-    postcss-nested "^6.0.1"
-    postcss-selector-parser "^6.0.11"
-    resolve "^1.22.2"
-    sucrase "^3.32.0"
-
-tapable@^2.2.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
-  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
-
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
-throttle-debounce@^5.0.0:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-5.0.2.tgz#ec5549d84e053f043c9fd0f2a6dd892ff84456b1"
-  integrity sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==
-
-tiny-case@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-case/-/tiny-case-1.0.3.tgz#d980d66bc72b5d5a9ca86fb7c9ffdb9c898ddd03"
-  integrity sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==
-
-tiny-warning@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
-to-fast-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-toggle-selection@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
-  integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
-
-toposort@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
-  integrity sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==
-
-ts-api-utils@^1.0.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
-  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
-
-tsconfig-paths@^3.15.0:
-  version "3.15.0"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
-  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
-  dependencies:
-    "@types/json5" "^0.0.29"
-    json5 "^1.0.2"
-    minimist "^1.2.6"
-    strip-bom "^3.0.0"
-
-tslib@2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
-  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
-
-tslib@^1.11.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
-tslib@^2.0.0, tslib@^2.1.0, tslib@^2.4.0:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
-  integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==
-
-type-check@^0.4.0, type-check@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
-  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
-  dependencies:
-    prelude-ls "^1.2.1"
-
-type-fest@^2.19.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
-  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
-
-typed-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
-  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
-  dependencies:
-    call-bind "^1.0.7"
-    es-errors "^1.3.0"
-    is-typed-array "^1.1.13"
-
-typed-array-byte-length@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
-  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
-  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:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
-  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
-  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:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
-  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
-  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@latest:
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.5.3.tgz#e1b0a3c394190838a0b168e771b0ad56a0af0faa"
-  integrity sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==
-
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
-  dependencies:
-    call-bind "^1.0.2"
-    has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
-
-undici-types@~5.26.4:
-  version "5.26.5"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
-  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
-
-update-browserslist-db@^1.0.16:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
-  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
-  dependencies:
-    escalade "^3.1.2"
-    picocolors "^1.0.1"
-
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
-use-callback-ref@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.2.tgz#6134c7f6ff76e2be0b56c809b17a650c942b1693"
-  integrity sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==
-  dependencies:
-    tslib "^2.0.0"
-
-use-isomorphic-layout-effect@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
-  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
-
-use-sidecar@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"
-  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
-  dependencies:
-    detect-node-es "^1.1.0"
-    tslib "^2.0.0"
-
-use-sync-external-store@^1.0.0:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz#c3b6390f3a30eba13200d2302dcdf1e7b57b2ef9"
-  integrity sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==
-
-util-deprecate@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
-warning@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
-  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
-  dependencies:
-    loose-envify "^1.0.0"
-
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
-  dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
-
-which-builtin-type@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
-  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
-  dependencies:
-    function.prototype.name "^1.1.5"
-    has-tostringtag "^1.0.0"
-    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.1"
-    which-typed-array "^1.1.9"
-
-which-collection@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
-  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
-  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.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.9:
-  version "1.1.15"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
-  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
-  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.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-wmf@~1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wmf/-/wmf-1.0.2.tgz#7d19d621071a08c2bdc6b7e688a9c435298cc2da"
-  integrity sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==
-
-word-wrap@^1.2.5:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
-
-word@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/word/-/word-0.3.0.tgz#8542157e4f8e849f4a363a288992d47612db9961"
-  integrity sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==
-
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
-xlsx@^0.18.5:
-  version "0.18.5"
-  resolved "https://registry.yarnpkg.com/xlsx/-/xlsx-0.18.5.tgz#16711b9113c848076b8a177022799ad356eba7d0"
-  integrity sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==
-  dependencies:
-    adler-32 "~1.3.0"
-    cfb "~1.2.1"
-    codepage "~1.15.0"
-    crc-32 "~1.2.1"
-    ssf "~0.11.2"
-    wmf "~1.0.1"
-    word "~0.3.0"
-
-yallist@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
-  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-
-yaml@^1.10.0:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
-yaml@^2.3.4:
-  version "2.4.5"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.5.tgz#60630b206dd6d84df97003d33fc1ddf6296cca5e"
-  integrity sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==
-
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
-yup@^1.3.3:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/yup/-/yup-1.4.0.tgz#898dcd660f9fb97c41f181839d3d65c3ee15a43e"
-  integrity sha512-wPbgkJRCqIf+OHyiTBQoJiP5PFuAXaWiJK6AmYkzQAh5/c2K9hzSApBZG5wV9KoKSePF7sAxmNSvh/13YHkFDg==
-  dependencies:
-    property-expr "^2.0.5"
-    tiny-case "^1.0.3"
-    toposort "^2.0.2"
-    type-fest "^2.19.0"
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
+"@ant-design/colors@^7.0.0", "@ant-design/colors@^7.1.0":
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/@ant-design/colors/-/colors-7.1.0.tgz#60eadfa2e21871d8948dac5d50b9f056062f8af3"
+  integrity sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==
+  dependencies:
+    "@ctrl/tinycolor" "^3.6.1"
+
+"@ant-design/cssinjs@^1.21.0":
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/@ant-design/cssinjs/-/cssinjs-1.21.0.tgz#de7289bfd71c7a494a28b96569ad88f999619105"
+  integrity sha512-gIilraPl+9EoKdYxnupxjHB/Q6IHNRjEXszKbDxZdsgv4sAZ9pjkCq8yanDWNvyfjp4leir2OVAJm0vxwKK8YA==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    "@emotion/hash" "^0.8.0"
+    "@emotion/unitless" "^0.7.5"
+    classnames "^2.3.1"
+    csstype "^3.1.3"
+    rc-util "^5.35.0"
+    stylis "^4.0.13"
+
+"@ant-design/icons-svg@^4.4.0":
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz#ed2be7fb4d82ac7e1d45a54a5b06d6cecf8be6f6"
+  integrity sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==
+
+"@ant-design/icons@^5.3.7":
+  version "5.3.7"
+  resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-5.3.7.tgz#d9f3654bf7934ee5faba43f91b5a187f5309ec68"
+  integrity sha512-bCPXTAg66f5bdccM4TT21SQBDO1Ek2gho9h3nO9DAKXJP4sq+5VBjrQMSxMVXSB3HyEz+cUbHQ5+6ogxCOpaew==
+  dependencies:
+    "@ant-design/colors" "^7.0.0"
+    "@ant-design/icons-svg" "^4.4.0"
+    "@babel/runtime" "^7.11.2"
+    classnames "^2.2.6"
+    rc-util "^5.31.1"
+
+"@ant-design/react-slick@~1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@ant-design/react-slick/-/react-slick-1.1.2.tgz#f84ce3e4d0dc941f02b16f1d1d6d7a371ffbb4f1"
+  integrity sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==
+  dependencies:
+    "@babel/runtime" "^7.10.4"
+    classnames "^2.2.5"
+    json2mq "^0.2.0"
+    resize-observer-polyfill "^1.5.1"
+    throttle-debounce "^5.0.0"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.7.tgz#882fd9e09e8ee324e496bd040401c6f046ef4465"
+  integrity sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==
+  dependencies:
+    "@babel/highlight" "^7.24.7"
+    picocolors "^1.0.0"
+
+"@babel/generator@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.7.tgz#1654d01de20ad66b4b4d99c135471bc654c55e6d"
+  integrity sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==
+  dependencies:
+    "@babel/types" "^7.24.7"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^2.5.1"
+
+"@babel/helper-environment-visitor@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz#4b31ba9551d1f90781ba83491dd59cf9b269f7d9"
+  integrity sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-function-name@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz#75f1e1725742f39ac6584ee0b16d94513da38dd2"
+  integrity sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==
+  dependencies:
+    "@babel/template" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-hoist-variables@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz#b4ede1cde2fd89436397f30dc9376ee06b0f25ee"
+  integrity sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-module-imports@^7.16.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz#f2f980392de5b84c3328fc71d38bd81bbb83042b"
+  integrity sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==
+  dependencies:
+    "@babel/traverse" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-split-export-declaration@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz#83949436890e07fa3d6873c61a96e3bbf692d856"
+  integrity sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==
+  dependencies:
+    "@babel/types" "^7.24.7"
+
+"@babel/helper-string-parser@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
+  integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
+
+"@babel/helper-validator-identifier@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz#75b889cfaf9e35c2aaf42cf0d72c8e91719251db"
+  integrity sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==
+
+"@babel/highlight@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.7.tgz#a05ab1df134b286558aae0ed41e6c5f731bf409d"
+  integrity sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.24.7"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
+
+"@babel/parser@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
+  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
+
+"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.0", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.16.7", "@babel/runtime@^7.18.0", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.0", "@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.5", "@babel/runtime@^7.23.2", "@babel/runtime@^7.23.6", "@babel/runtime@^7.23.9", "@babel/runtime@^7.24.1", "@babel/runtime@^7.24.4", "@babel/runtime@^7.24.7", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.7.tgz#f4f0d5530e8dbdf59b3451b9b3e594b6ba082e12"
+  integrity sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.7.tgz#02efcee317d0609d2c07117cb70ef8fb17ab7315"
+  integrity sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/parser" "^7.24.7"
+    "@babel/types" "^7.24.7"
+
+"@babel/traverse@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.7.tgz#de2b900163fa741721ba382163fe46a936c40cf5"
+  integrity sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.24.7"
+    "@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.7"
+    "@babel/types" "^7.24.7"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.24.7":
+  version "7.24.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.7.tgz#6027fe12bc1aa724cd32ab113fb7f1988f1f66f2"
+  integrity sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
+"@ctrl/tinycolor@^3.6.1":
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz#b6c75a56a1947cc916ea058772d666a2c8932f31"
+  integrity sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==
+
+"@emotion/babel-plugin@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
+  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/serialize" "^1.1.2"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.2.0"
+
+"@emotion/cache@^11.11.0", "@emotion/cache@^11.4.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
+  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
+  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.8.0":
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
+  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
+
+"@emotion/hash@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
+  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
+
+"@emotion/is-prop-valid@1.2.2", "@emotion/is-prop-valid@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz#d4175076679c6a26faa92b03bb786f9e52612337"
+  integrity sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+
+"@emotion/is-prop-valid@^0.8.2":
+  version "0.8.8"
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
+  integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
+  dependencies:
+    "@emotion/memoize" "0.7.4"
+
+"@emotion/memoize@0.7.4":
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
+  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+
+"@emotion/memoize@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
+  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
+
+"@emotion/react@^11.11.4", "@emotion/react@^11.8.1":
+  version "11.11.4"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.4.tgz#3a829cac25c1f00e126408fab7f891f00ecc3c1d"
+  integrity sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.3"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.1.2", "@emotion/serialize@^1.1.3", "@emotion/serialize@^1.1.4":
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.4.tgz#fc8f6d80c492cfa08801d544a05331d1cc7cd451"
+  integrity sha512-RIN04MBT8g+FnDwgvIUi8czvr1LU1alUMI05LekWB5DGyTm8cCBMCRpq3GqaiyEDRptEXOyXnvZ58GZYu4kBxQ==
+  dependencies:
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/unitless" "^0.8.1"
+    "@emotion/utils" "^1.2.1"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
+  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
+
+"@emotion/styled@^11.11.5":
+  version "11.11.5"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.5.tgz#0c5c8febef9d86e8a926e663b2e5488705545dfb"
+  integrity sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/is-prop-valid" "^1.2.2"
+    "@emotion/serialize" "^1.1.4"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
+
+"@emotion/unitless@0.8.1", "@emotion/unitless@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
+
+"@emotion/unitless@^0.7.5":
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
+  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
+
+"@emotion/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
+  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
+
+"@emotion/weak-memoize@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
+  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
+
+"@eslint-community/eslint-utils@^4.2.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.6.1":
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.11.0.tgz#b0ffd0312b4a3fd2d6f77237e7248a5ad3a680ae"
+  integrity sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==
+
+"@eslint/config-array@^0.17.0":
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.17.0.tgz#ff305e1ee618a00e6e5d0485454c8d92d94a860d"
+  integrity sha512-A68TBu6/1mHHuc5YJL0U0VVeGNiklLAL6rRmhTCP2B5XjWLMnrX+HkO+IAXyHvks5cyyY1jjK5ITPQ1HGS2EVA==
+  dependencies:
+    "@eslint/object-schema" "^2.1.4"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/eslintrc@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.1.0.tgz#dbd3482bfd91efa663cbe7aa1f506839868207b6"
+  integrity sha512-4Bfj15dVJdoy3RfZmmo86RK1Fwzn6SstsvK9JS+BaVKqC6QQQQyXekNaC+g+LKNgkQ+2VhGAzm6hO40AhMR3zQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^10.0.1"
+    globals "^14.0.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
+"@eslint/js@9.6.0":
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.6.0.tgz#5b0cb058cc13d9c92d4e561d3538807fa5127c95"
+  integrity sha512-D9B0/3vNg44ZeWbYMpBoXqNP4j6eQD5vNwIlGAuFRRzK/WtT/jvDQW3Bi9kkf3PMDMlM7Yi+73VLUsn5bJcl8A==
+
+"@eslint/object-schema@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843"
+  integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==
+
+"@faker-js/faker@^8.4.1":
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/@faker-js/faker/-/faker-8.4.1.tgz#5d5e8aee8fce48f5e189bf730ebd1f758f491451"
+  integrity sha512-XQ3cU+Q8Uqmrbf2e0cIC/QN43sTBSC8KF12u29Mb47tWrt2hAgBXSgpZMj4Ao8Uk0iJcU99QsOCaIL8934obCg==
+
+"@floating-ui/core@^1.6.0":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.6.4.tgz#0140cf5091c8dee602bff9da5ab330840ff91df6"
+  integrity sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==
+  dependencies:
+    "@floating-ui/utils" "^0.2.4"
+
+"@floating-ui/dom@^1.0.0", "@floating-ui/dom@^1.0.1":
+  version "1.6.7"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.6.7.tgz#85d22f731fcc5b209db504478fb1df5116a83015"
+  integrity sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==
+  dependencies:
+    "@floating-ui/core" "^1.6.0"
+    "@floating-ui/utils" "^0.2.4"
+
+"@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.0.8":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.1.1.tgz#cca58b6b04fc92b4c39288252e285e0422291fb0"
+  integrity sha512-4h84MJt3CHrtG18mGsXuLCHMrug49d7DFkU0RMIyshRveBeyV2hmV/pDaF2Uxtu8kgq5r46llp5E5FQiR0K2Yg==
+  dependencies:
+    "@floating-ui/dom" "^1.0.0"
+
+"@floating-ui/utils@^0.2.4":
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.4.tgz#1d459cee5031893a08a0e064c406ad2130cced7c"
+  integrity sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.0.tgz#6d86b8cb322660f03d3f0aa94b99bdd8e172d570"
+  integrity sha512-d2CGZR2o7fS6sWB7DG/3a95bGKQyHMACZ5aW8qGkkqQpUoZV6C0X7Pc7l4ZNMZkfNBf4VWNe9E1jRsf0G146Ew==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
+  integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@mui/base@5.0.0-beta.40", "@mui/base@^5.0.0-beta.40":
+  version "5.0.0-beta.40"
+  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.40.tgz#1f8a782f1fbf3f84a961e954c8176b187de3dae2"
+  integrity sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@floating-ui/react-dom" "^2.0.8"
+    "@mui/types" "^7.2.14"
+    "@mui/utils" "^5.15.14"
+    "@popperjs/core" "^2.11.8"
+    clsx "^2.1.0"
+    prop-types "^15.8.1"
+
+"@mui/core-downloads-tracker@^5.16.0":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.16.0.tgz#50153c698e321793c83a0283d8d7a9dc5d43858a"
+  integrity sha512-8SLffXYPRVpcZx5QzxNE8fytTqzp+IuU3deZbQWg/vSaTlDpR5YVrQ4qQtXTi5cRdhOufV5INylmwlKK+//nPw==
+
+"@mui/icons-material@^5.15.20":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.16.0.tgz#5269fda922fe5e6db3577ec497e8b987195606ef"
+  integrity sha512-6ISoOhkp9w5gD0PEW9JklrcbyARDkFWNTBdwXZ1Oy5IGlyu9B0zG0hnUIe4H17IaF1Vgj6C8VI+v4tkSdK0veg==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+
+"@mui/material@^5.15.20":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.16.0.tgz#2ef4f52ae773574fc0a681f25705f376f5cd13f7"
+  integrity sha512-DbR1NckTLpjt9Zut9EGQ70th86HfN0BYQgyYro6aXQrNfjzSwe3BJS1AyBQ5mJ7TdL6YVRqohfukxj9JlqZZUg==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@mui/base" "5.0.0-beta.40"
+    "@mui/core-downloads-tracker" "^5.16.0"
+    "@mui/system" "^5.16.0"
+    "@mui/types" "^7.2.14"
+    "@mui/utils" "^5.16.0"
+    "@types/react-transition-group" "^4.4.10"
+    clsx "^2.1.0"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+    react-transition-group "^4.4.5"
+
+"@mui/private-theming@^5.16.0":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.16.0.tgz#c1abfd3e0d9c95459048240ef4209dc7f25dc949"
+  integrity sha512-sYpubkO1MZOnxNyVOClrPNOTs0MfuRVVnAvCeMaOaXt6GimgQbnUcshYv2pSr6PFj+Mqzdff/FYOBceK8u5QgA==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@mui/utils" "^5.16.0"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine@^5.15.14":
+  version "5.15.14"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.15.14.tgz#168b154c4327fa4ccc1933a498331d53f61c0de2"
+  integrity sha512-RILkuVD8gY6PvjZjqnWhz8fu68dVkqhM5+jYWfB5yhlSQKg+2rHkmEwm75XIeAqI3qwOndK6zELK5H6Zxn4NHw==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@emotion/cache" "^11.11.0"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+
+"@mui/system@^5.15.20", "@mui/system@^5.16.0":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.16.0.tgz#e5b4cfbdfbc0ee9859f6b168e8b07d750303b7a0"
+  integrity sha512-9YbkC2m3+pNumAvubYv+ijLtog6puJ0fJ6rYfzfLCM47pWrw3m+30nXNM8zMgDaKL6vpfWJcCXm+LPaWBpy7sw==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@mui/private-theming" "^5.16.0"
+    "@mui/styled-engine" "^5.15.14"
+    "@mui/types" "^7.2.14"
+    "@mui/utils" "^5.16.0"
+    clsx "^2.1.0"
+    csstype "^3.1.3"
+    prop-types "^15.8.1"
+
+"@mui/types@^7.2.14":
+  version "7.2.14"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.14.tgz#8a02ac129b70f3d82f2f9b76ded2c8d48e3fc8c9"
+  integrity sha512-MZsBZ4q4HfzBsywtXgM1Ksj6HDThtiwmOKUXH1pKYISI9gAVXCNHNpo7TlGoGrBaYWZTdNoirIN7JsQcQUjmQQ==
+
+"@mui/utils@^5.15.14", "@mui/utils@^5.15.20", "@mui/utils@^5.16.0":
+  version "5.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.16.0.tgz#3963127d9a619c251e5be1aef9adab0e89d3e7df"
+  integrity sha512-kLLi5J1xY+mwtUlMb8Ubdxf4qFAA1+U7WPBvjM/qQ4CIwLCohNb0sHo1oYPufjSIH/Z9+dhVxD7dJlfGjd1AVA==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@types/prop-types" "^15.7.11"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/x-date-pickers@^7.6.2":
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-7.8.0.tgz#d25c1379da8715a3d9e431cac37bfcf557a69057"
+  integrity sha512-SkolW0vZ4XiUeD5FBevG9NQ3pAgfNYlJA5XFhSLFD/swNQRO4EYOUXw38O/ccOh1lkAcwVR+rrGPCoT4/0YGEg==
+  dependencies:
+    "@babel/runtime" "^7.24.7"
+    "@mui/base" "^5.0.0-beta.40"
+    "@mui/system" "^5.15.20"
+    "@mui/utils" "^5.15.20"
+    "@types/react-transition-group" "^4.4.10"
+    clsx "^2.1.1"
+    prop-types "^15.8.1"
+    react-transition-group "^4.4.5"
+
+"@next/env@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.2.5.tgz#1d9328ab828711d3517d0a1d505acb55e5ef7ad0"
+  integrity sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==
+
+"@next/eslint-plugin-next@14.2.4":
+  version "14.2.4"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.4.tgz#c7f965cb76f0b454e726ef0f69157c4fb4e28f53"
+  integrity sha512-svSFxW9f3xDaZA3idQmlFw7SusOuWTpDTAeBlO3AEPDltrraV+lqs7mAc6A27YdnpQVVIA3sODqUAAHdWhVWsA==
+  dependencies:
+    glob "10.3.10"
+
+"@next/swc-darwin-arm64@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz#d0a160cf78c18731c51cc0bff131c706b3e9bb05"
+  integrity sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==
+
+"@next/swc-darwin-x64@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz#eb832a992407f6e6352eed05a073379f1ce0589c"
+  integrity sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==
+
+"@next/swc-linux-arm64-gnu@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz#098fdab57a4664969bc905f5801ef5a89582c689"
+  integrity sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==
+
+"@next/swc-linux-arm64-musl@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz#243a1cc1087fb75481726dd289c7b219fa01f2b5"
+  integrity sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==
+
+"@next/swc-linux-x64-gnu@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz#b8a2e436387ee4a52aa9719b718992e0330c4953"
+  integrity sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==
+
+"@next/swc-linux-x64-musl@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz#cb8a9adad5fb8df86112cfbd363aab5c6d32757b"
+  integrity sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==
+
+"@next/swc-win32-arm64-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz#81f996c1c38ea0900d4e7719cc8814be8a835da0"
+  integrity sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==
+
+"@next/swc-win32-ia32-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz#f61c74ce823e10b2bc150e648fc192a7056422e0"
+  integrity sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==
+
+"@next/swc-win32-x64-msvc@14.2.5":
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz#ed199a920efb510cfe941cd75ed38a7be21e756f"
+  integrity sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==
+
+"@nodelib/fs.scandir@2.1.5":
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.5"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.5"
+    fastq "^1.6.0"
+
+"@panva/hkdf@^1.0.2":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@panva/hkdf/-/hkdf-1.2.1.tgz#cb0d111ef700136f4580349ff0226bf25c853f23"
+  integrity sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==
+
+"@pdf-lib/standard-fonts@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz#8ba691c4421f71662ed07c9a0294b44528af2d7f"
+  integrity sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==
+  dependencies:
+    pako "^1.0.6"
+
+"@pdf-lib/upng@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@pdf-lib/upng/-/upng-1.0.1.tgz#7dc9c636271aca007a9df4deaf2dd7e7960280cb"
+  integrity sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==
+  dependencies:
+    pako "^1.0.10"
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@popperjs/core@^2.11.8":
+  version "2.11.8"
+  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
+  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
+
+"@radix-ui/colors@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/colors/-/colors-3.0.0.tgz#e8a591a303c44e503bd1212cacf40a09511165e0"
+  integrity sha512-FUOsGBkHrYJwCSEtWRCIfQbZG7q1e6DgxCIOe1SUQzDe/7rXXeA47s8yCn6fuTNQAj1Zq4oTFi9Yjp3wzElcxg==
+
+"@radix-ui/number@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/number/-/number-1.1.0.tgz#1e95610461a09cdf8bb05c152e76ca1278d5da46"
+  integrity sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==
+
+"@radix-ui/primitive@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.0.0.tgz#e1d8ef30b10ea10e69c76e896f608d9276352253"
+  integrity sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/primitive@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.0.tgz#42ef83b3b56dccad5d703ae8c42919a68798bbe2"
+  integrity sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==
+
+"@radix-ui/react-accordion@^1.1.2":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-accordion/-/react-accordion-1.2.0.tgz#aed0770fcb16285db992d81873ccd7a014c7f17d"
+  integrity sha512-HJOzSX8dQqtsp/3jVxCU3CXEONF7/2jlGAB28oX8TTw1Dz8JYbEI1UcL8355PuLBE41/IRRMvCw7VkiK/jcUOQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collapsible" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-arrow@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz#744f388182d360b86285217e43b6c63633f39e7a"
+  integrity sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/react-checkbox@^1.0.4":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-checkbox/-/react-checkbox-1.1.1.tgz#a559c4303957d797acee99914480b755aa1f27d6"
+  integrity sha512-0i/EKJ222Afa1FE0C6pNJxDq1itzcl3HChE9DwskA4th4KRse8ojx8a1nVcOjwJdbpDLcz7uol77yYnQNMHdKw==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-previous" "1.1.0"
+    "@radix-ui/react-use-size" "1.1.0"
+
+"@radix-ui/react-collapsible@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collapsible/-/react-collapsible-1.1.0.tgz#4d49ddcc7b7d38f6c82f1fd29674f6fab5353e77"
+  integrity sha512-zQY7Epa8sTL0mq4ajSJpjgn2YmCgyrG7RsQgLp3C0LQVkG7+Tf6Pv1CeNWZLyqMjhdPkBa5Lx7wYBeSu7uCSTA==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-collection@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-1.1.0.tgz#f18af78e46454a2360d103c2251773028b7724ed"
+  integrity sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+
+"@radix-ui/react-compose-refs@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz#37595b1f16ec7f228d698590e78eeed18ff218ae"
+  integrity sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-compose-refs@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz#656432461fc8283d7b591dcf0d79152fae9ecc74"
+  integrity sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==
+
+"@radix-ui/react-context@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.0.0.tgz#f38e30c5859a9fb5e9aa9a9da452ee3ed9e0aee0"
+  integrity sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-context@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.0.tgz#6df8d983546cfd1999c8512f3a8ad85a6e7fcee8"
+  integrity sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==
+
+"@radix-ui/react-dialog@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.0.0.tgz#997e97cb183bc90bd888b26b8e23a355ac9fe5f0"
+  integrity sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-context" "1.0.0"
+    "@radix-ui/react-dismissable-layer" "1.0.0"
+    "@radix-ui/react-focus-guards" "1.0.0"
+    "@radix-ui/react-focus-scope" "1.0.0"
+    "@radix-ui/react-id" "1.0.0"
+    "@radix-ui/react-portal" "1.0.0"
+    "@radix-ui/react-presence" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.0"
+    "@radix-ui/react-slot" "1.0.0"
+    "@radix-ui/react-use-controllable-state" "1.0.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.4"
+
+"@radix-ui/react-dialog@^1.0.5":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.1.1.tgz#4906507f7b4ad31e22d7dad69d9330c87c431d44"
+  integrity sha512-zysS+iU4YP3STKNS6USvFVqI4qqx8EpiwmT5TuCApVEBca+eRCbONi4EgzfNSuVnOXvC5UPHHMjs8RXO6DH9Bg==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-focus-guards" "1.1.0"
+    "@radix-ui/react-focus-scope" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.7"
+
+"@radix-ui/react-direction@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.1.0.tgz#a7d39855f4d077adc2a1922f9c353c5977a09cdc"
+  integrity sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==
+
+"@radix-ui/react-dismissable-layer@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.0.tgz#35b7826fa262fd84370faef310e627161dffa76b"
+  integrity sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "1.0.0"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.0"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+    "@radix-ui/react-use-escape-keydown" "1.0.0"
+
+"@radix-ui/react-dismissable-layer@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz#2cd0a49a732372513733754e6032d3fb7988834e"
+  integrity sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-escape-keydown" "1.1.0"
+
+"@radix-ui/react-dropdown-menu@^2.0.6":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.1.tgz#3dc578488688250dbbe109d9ff2ca28a9bca27ec"
+  integrity sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-menu" "2.1.1"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-focus-guards@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.0.tgz#339c1c69c41628c1a5e655f15f7020bf11aa01fa"
+  integrity sha512-UagjDk4ijOAnGu4WMUPj9ahi7/zJJqNZ9ZAiGPp7waUWJO0O1aWXi/udPphI0IUjvrhBsZJGSN66dR2dsueLWQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-focus-guards@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.0.tgz#8e9abb472a9a394f59a1b45f3dd26cfe3fc6da13"
+  integrity sha512-w6XZNUPVv6xCpZUqb/yN9DL6auvpGX3C/ee6Hdi16v2UUy25HV2Q5bcflsiDyT/g5RwbPQ/GIT1vLkeRb+ITBw==
+
+"@radix-ui/react-focus-scope@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.0.tgz#95a0c1188276dc8933b1eac5f1cdb6471e01ade5"
+  integrity sha512-C4SWtsULLGf/2L4oGeIHlvWQx7Rf+7cX/vKOAD2dXW0A1b5QXwi3wWeaEgW+wn+SEVrraMUk05vLU9fZZz5HbQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-primitive" "1.0.0"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
+"@radix-ui/react-focus-scope@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz#ebe2891a298e0a33ad34daab2aad8dea31caf0b2"
+  integrity sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-hover-card@^1.0.7":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-hover-card/-/react-hover-card-1.1.1.tgz#2982a5a91c7ae5a98e0cacd845fbdfbfdcdab355"
+  integrity sha512-IwzAOP97hQpDADYVKrEEHUH/b2LA+9MgB0LgdmnbFO2u/3M5hmEofjjr2M6CyzUblaAqJdFm6B7oFtU72DPXrA==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-popper" "1.2.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-icons@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-icons/-/react-icons-1.3.0.tgz#c61af8f323d87682c5ca76b856d60c2312dbcb69"
+  integrity sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==
+
+"@radix-ui/react-id@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.0.0.tgz#8d43224910741870a45a8c9d092f25887bb6d11e"
+  integrity sha512-Q6iAB/U7Tq3NTolBBQbHTgclPmGWE3OlktGGqrClPozSw4vkQ1DfQAOtzgRPecKsMdJINE05iaoDUG8tRzCBjw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+
+"@radix-ui/react-id@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-1.1.0.tgz#de47339656594ad722eb87f94a6b25f9cffae0ed"
+  integrity sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-label@^2.0.2":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-2.1.0.tgz#3aa2418d70bb242be37c51ff5e51a2adcbc372e3"
+  integrity sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/react-menu@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-menu/-/react-menu-2.1.1.tgz#bd623ace0e1ae1ac78023a505fec0541d59fb346"
+  integrity sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-focus-guards" "1.1.0"
+    "@radix-ui/react-focus-scope" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-popper" "1.2.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-roving-focus" "1.1.0"
+    "@radix-ui/react-slot" "1.1.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.7"
+
+"@radix-ui/react-popover@^1.0.7":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-popover/-/react-popover-1.1.1.tgz#604b783cdb3494ed4f16a58c17f0e81e61ab7775"
+  integrity sha512-3y1A3isulwnWhvTTwmIreiB8CF4L+qRjZnK1wYLO7pplddzXKby/GnZ2M7OZY3qgnl6p9AodUIHRYGXNah8Y7g==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-focus-guards" "1.1.0"
+    "@radix-ui/react-focus-scope" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-popper" "1.2.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.7"
+
+"@radix-ui/react-popper@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.2.0.tgz#a3e500193d144fe2d8f5d5e60e393d64111f2a7a"
+  integrity sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==
+  dependencies:
+    "@floating-ui/react-dom" "^2.0.0"
+    "@radix-ui/react-arrow" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-use-rect" "1.1.0"
+    "@radix-ui/react-use-size" "1.1.0"
+    "@radix-ui/rect" "1.1.0"
+
+"@radix-ui/react-portal@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.0.tgz#7220b66743394fabb50c55cb32381395cc4a276b"
+  integrity sha512-a8qyFO/Xb99d8wQdu4o7qnigNjTPG123uADNecz0eX4usnQEj7o+cG4ZX4zkqq98NYekT7UoEQIjxBNWIFuqTA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-primitive" "1.0.0"
+
+"@radix-ui/react-portal@1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.1.1.tgz#1957f1eb2e1aedfb4a5475bd6867d67b50b1d15f"
+  integrity sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-presence@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.0.tgz#814fe46df11f9a468808a6010e3f3ca7e0b2e84a"
+  integrity sha512-A+6XEvN01NfVWiKu38ybawfHsBjWum42MRPnEuqPsBZ4eV7e/7K321B5VgYMPv3Xx5An6o1/l9ZuDBgmcmWK3w==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+    "@radix-ui/react-use-layout-effect" "1.0.0"
+
+"@radix-ui/react-presence@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.1.0.tgz#227d84d20ca6bfe7da97104b1a8b48a833bfb478"
+  integrity sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-primitive@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.0.tgz#376cd72b0fcd5e0e04d252ed33eb1b1f025af2b0"
+  integrity sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-slot" "1.0.0"
+
+"@radix-ui/react-primitive@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz#fe05715faa9203a223ccc0be15dc44b9f9822884"
+  integrity sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==
+  dependencies:
+    "@radix-ui/react-slot" "1.1.0"
+
+"@radix-ui/react-roving-focus@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz#b30c59daf7e714c748805bfe11c76f96caaac35e"
+  integrity sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+
+"@radix-ui/react-scroll-area@^1.0.5":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.1.0.tgz#50b24b0fc9ada151d176395bcf47b2ec68feada5"
+  integrity sha512-9ArIZ9HWhsrfqS765h+GZuLoxaRHD/j0ZWOWilsCvYTpYJp8XwCqNG7Dt9Nu/TItKOdgLGkOPCodQvDc+UMwYg==
+  dependencies:
+    "@radix-ui/number" "1.1.0"
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-select@^2.0.0":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-select/-/react-select-2.1.1.tgz#df05cb0b29d3deaef83b505917c4042e0e418a9f"
+  integrity sha512-8iRDfyLtzxlprOo9IicnzvpsO1wNCkuwzzCM+Z5Rb5tNOpCdMvcc2AkzX0Fz+Tz9v6NJ5B/7EEgyZveo4FBRfQ==
+  dependencies:
+    "@radix-ui/number" "1.1.0"
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-direction" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-focus-guards" "1.1.0"
+    "@radix-ui/react-focus-scope" "1.1.0"
+    "@radix-ui/react-id" "1.1.0"
+    "@radix-ui/react-popper" "1.2.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-slot" "1.1.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-use-previous" "1.1.0"
+    "@radix-ui/react-visually-hidden" "1.1.0"
+    aria-hidden "^1.1.1"
+    react-remove-scroll "2.5.7"
+
+"@radix-ui/react-separator@^1.0.3":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-separator/-/react-separator-1.1.0.tgz#ee0f4d86003b0e3ea7bc6ccab01ea0adee32663e"
+  integrity sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/react-slot@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.0.0.tgz#7fa805b99891dea1e862d8f8fbe07f4d6d0fd698"
+  integrity sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "1.0.0"
+
+"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.0.2":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.1.0.tgz#7c5e48c36ef5496d97b08f1357bb26ed7c714b84"
+  integrity sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==
+  dependencies:
+    "@radix-ui/react-compose-refs" "1.1.0"
+
+"@radix-ui/react-toast@^1.1.5":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-toast/-/react-toast-1.2.1.tgz#4bde231ed27d007dcd0455a446565ca619f92a2d"
+  integrity sha512-5trl7piMXcZiCq7MW6r8YYmu0bK5qDpTWz+FdEPdKyft2UixkspheYbjbrLXVN5NGKHFbOP7lm8eD0biiSqZqg==
+  dependencies:
+    "@radix-ui/primitive" "1.1.0"
+    "@radix-ui/react-collection" "1.1.0"
+    "@radix-ui/react-compose-refs" "1.1.0"
+    "@radix-ui/react-context" "1.1.0"
+    "@radix-ui/react-dismissable-layer" "1.1.0"
+    "@radix-ui/react-portal" "1.1.1"
+    "@radix-ui/react-presence" "1.1.0"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-controllable-state" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+    "@radix-ui/react-visually-hidden" "1.1.0"
+
+"@radix-ui/react-use-callback-ref@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.0.tgz#9e7b8b6b4946fe3cbe8f748c82a2cce54e7b6a90"
+  integrity sha512-GZtyzoHz95Rhs6S63D2t/eqvdFCm7I+yHMLVQheKM7nBD8mbZIt+ct1jz4536MDnaOGKIxynJ8eHTkVGVVkoTg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-use-callback-ref@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz#bce938ca413675bc937944b0d01ef6f4a6dc5bf1"
+  integrity sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==
+
+"@radix-ui/react-use-controllable-state@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.0.tgz#a64deaafbbc52d5d407afaa22d493d687c538b7f"
+  integrity sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
+"@radix-ui/react-use-controllable-state@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz#1321446857bb786917df54c0d4d084877aab04b0"
+  integrity sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==
+  dependencies:
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-use-escape-keydown@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.0.tgz#aef375db4736b9de38a5a679f6f49b45a060e5d1"
+  integrity sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "1.0.0"
+
+"@radix-ui/react-use-escape-keydown@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz#31a5b87c3b726504b74e05dac1edce7437b98754"
+  integrity sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==
+  dependencies:
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+
+"@radix-ui/react-use-layout-effect@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.0.tgz#2fc19e97223a81de64cd3ba1dc42ceffd82374dc"
+  integrity sha512-6Tpkq+R6LOlmQb1R5NNETLG0B4YP0wc+klfXafpUCj6JGyaUc8il7/kUZ7m59rGbXGczE9Bs+iz2qloqsZBduQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
+"@radix-ui/react-use-layout-effect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz#3c2c8ce04827b26a39e442ff4888d9212268bd27"
+  integrity sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==
+
+"@radix-ui/react-use-previous@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz#d4dd37b05520f1d996a384eb469320c2ada8377c"
+  integrity sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==
+
+"@radix-ui/react-use-rect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz#13b25b913bd3e3987cc9b073a1a164bb1cf47b88"
+  integrity sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==
+  dependencies:
+    "@radix-ui/rect" "1.1.0"
+
+"@radix-ui/react-use-size@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz#b4dba7fbd3882ee09e8d2a44a3eed3a7e555246b"
+  integrity sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==
+  dependencies:
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
+"@radix-ui/react-visually-hidden@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz#ad47a8572580f7034b3807c8e6740cd41038a5a2"
+  integrity sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
+"@radix-ui/rect@1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.1.0.tgz#f817d1d3265ac5415dadc67edab30ae196696438"
+  integrity sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==
+
+"@rc-component/async-validator@^5.0.3":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@rc-component/async-validator/-/async-validator-5.0.4.tgz#5291ad92f00a14b6766fc81735c234277f83e948"
+  integrity sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==
+  dependencies:
+    "@babel/runtime" "^7.24.4"
+
+"@rc-component/color-picker@~1.5.3":
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/@rc-component/color-picker/-/color-picker-1.5.3.tgz#f3b0e14bb67ec5ee77d1fd5d261f63dd4fd00449"
+  integrity sha512-+tGGH3nLmYXTalVe0L8hSZNs73VTP5ueSHwUlDC77KKRaN7G4DS4wcpG5DTDzdcV/Yas+rzA6UGgIyzd8fS4cw==
+  dependencies:
+    "@babel/runtime" "^7.23.6"
+    "@ctrl/tinycolor" "^3.6.1"
+    classnames "^2.2.6"
+    rc-util "^5.38.1"
+
+"@rc-component/context@^1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/context/-/context-1.4.0.tgz#dc6fb021d6773546af8f016ae4ce9aea088395e8"
+  integrity sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    rc-util "^5.27.0"
+
+"@rc-component/mini-decimal@^1.0.1":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz#7b7a362b14a0a54cb5bc6fd2b82731f29f11d9b0"
+  integrity sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+
+"@rc-component/mutate-observer@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz#ee53cc88b78aade3cd0653609215a44779386fd8"
+  integrity sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    classnames "^2.3.2"
+    rc-util "^5.24.4"
+
+"@rc-component/portal@^1.0.0-8", "@rc-component/portal@^1.0.0-9", "@rc-component/portal@^1.0.2", "@rc-component/portal@^1.1.0", "@rc-component/portal@^1.1.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@rc-component/portal/-/portal-1.1.2.tgz#55db1e51d784e034442e9700536faaa6ab63fc71"
+  integrity sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    classnames "^2.3.2"
+    rc-util "^5.24.4"
+
+"@rc-component/qrcode@~1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/qrcode/-/qrcode-1.0.0.tgz#48a8de5eb11d0e65926f1377c4b1ef4c888997f5"
+  integrity sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==
+  dependencies:
+    "@babel/runtime" "^7.24.7"
+    classnames "^2.3.2"
+    rc-util "^5.38.0"
+
+"@rc-component/tour@~1.15.0":
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/tour/-/tour-1.15.0.tgz#37a66ae5af8eefaf0ab0e22ddd8e6fecdbdc14a7"
+  integrity sha512-h6hyILDwL+In9GAgRobwRWihLqqsD7Uft3fZGrJ7L4EiyCoxbnNYwzPXDfz7vNDhWeVyvAWQJj9fJCzpI4+b4g==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    "@rc-component/portal" "^1.0.0-9"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "^2.3.2"
+    rc-util "^5.24.4"
+
+"@rc-component/trigger@^2.0.0", "@rc-component/trigger@^2.1.1", "@rc-component/trigger@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@rc-component/trigger/-/trigger-2.2.0.tgz#503a48b0895a2cfddee0a5b7b11492c3df2a493d"
+  integrity sha512-QarBCji02YE9aRFhZgRZmOpXBj0IZutRippsVBv85sxvG4FGk/vRxwAlkn3MS9zK5mwbETd86mAVg2tKqTkdJA==
+  dependencies:
+    "@babel/runtime" "^7.23.2"
+    "@rc-component/portal" "^1.1.0"
+    classnames "^2.3.2"
+    rc-motion "^2.0.0"
+    rc-resize-observer "^1.3.1"
+    rc-util "^5.38.0"
+
+"@reduxjs/toolkit@^2.0.1":
+  version "2.2.6"
+  resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-2.2.6.tgz#4a8356dad9d0c1ab255607a555d492168e0e3bc1"
+  integrity sha512-kH0r495c5z1t0g796eDQAkYbEQ3a1OLYN9o8jQQVZyKyw367pfRGS+qZLkHYvFHiUUdafpoSlQ2QYObIApjPWA==
+  dependencies:
+    immer "^10.0.3"
+    redux "^5.0.1"
+    redux-thunk "^3.1.0"
+    reselect "^5.1.0"
+
+"@rushstack/eslint-patch@^1.3.3":
+  version "1.10.3"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz#391d528054f758f81e53210f1a1eebcf1a8b1d20"
+  integrity sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==
+
+"@swc/counter@^0.1.3":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
+  integrity sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==
+
+"@swc/helpers@0.5.5":
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.5.tgz#12689df71bfc9b21c4f4ca00ae55f2f16c8b77c0"
+  integrity sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==
+  dependencies:
+    "@swc/counter" "^0.1.3"
+    tslib "^2.4.0"
+
+"@tailwindcss/forms@^0.5.7":
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.5.7.tgz#db5421f062a757b5f828bc9286ba626c6685e821"
+  integrity sha512-QE7X69iQI+ZXwldE+rzasvbJiyV/ju1FGHH0Qn2W3FKbuYtqp8LKcy6iSw79fVUT5/Vvf+0XgLCeYVG+UV6hOw==
+  dependencies:
+    mini-svg-data-uri "^1.2.3"
+
+"@tanstack/match-sorter-utils@8.15.1":
+  version "8.15.1"
+  resolved "https://registry.yarnpkg.com/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz#715e028ff43cf79ece10bd5a757047a1016c3bba"
+  integrity sha512-PnVV3d2poenUM31ZbZi/yXkBu3J7kd5k2u51CGwwNojag451AjTH9N6n41yjXz2fpLeewleyLBmNS6+HcGDlXw==
+  dependencies:
+    remove-accents "0.5.0"
+
+"@tanstack/react-table@8.16.0":
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-table/-/react-table-8.16.0.tgz#92151210ff99d6925353d7a2205735d9c31af48c"
+  integrity sha512-rKRjnt8ostqN2fercRVOIH/dq7MAmOENCMvVlKx6P9Iokhh6woBGnIZEkqsY/vEJf1jN3TqLOb34xQGLVRuhAg==
+  dependencies:
+    "@tanstack/table-core" "8.16.0"
+
+"@tanstack/react-table@^8.11.2":
+  version "8.19.2"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-table/-/react-table-8.19.2.tgz#25ee691d12b8e6e0fca32f8e8cf465ee172009af"
+  integrity sha512-itoSIAkA/Vsg+bjY23FSemcTyPhc5/1YjYyaMsr9QSH/cdbZnQxHVWrpWn0Sp2BWN71qkzR7e5ye8WuMmwyOjg==
+  dependencies:
+    "@tanstack/table-core" "8.19.2"
+
+"@tanstack/react-virtual@3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-virtual/-/react-virtual-3.3.0.tgz#5a282efc1ed8da3d4e9e0f9b0c512f735d6c4b5f"
+  integrity sha512-QFxmTSZBniq15S0vSZ55P4ToXquMXwJypPXyX/ux7sYo6a2FX3/zWoRLLc4eIOGWTjvzqcIVNKhcuFb+OZL3aQ==
+  dependencies:
+    "@tanstack/virtual-core" "3.3.0"
+
+"@tanstack/table-core@8.16.0":
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.16.0.tgz#7b58018dd3cec8e0015fe22d6bb24d18d33c891f"
+  integrity sha512-dCG8vQGk4js5v88/k83tTedWOwjGnIyONrKpHpfmSJB8jwFHl8GSu1sBBxbtACVAPtAQgwNxl0rw1d3RqRM1Tg==
+
+"@tanstack/table-core@8.19.2":
+  version "8.19.2"
+  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.19.2.tgz#5fc8ede54f18867f74715ad93927f7df4d255209"
+  integrity sha512-KpRjhgehIhbfH78ARm/GJDXGnpdw4bCg3qas6yjWSi7czJhI/J6pWln7NHtmBkGE9ZbohiiNtLqwGzKmBfixig==
+
+"@tanstack/virtual-core@3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.3.0.tgz#1bf72d51f269c5a0e3ac872c6b57116767f42c25"
+  integrity sha512-A0004OAa1FcUkPHeeGoKgBrAgjH+uHdDPrw1L7RpkwnODYqRvoilqsHPs8cyTjMg1byZBbiNpQAq2TlFLIaQag==
+
+"@types/hoist-non-react-statics@^3.3.1":
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz#dab7867ef789d87e2b4b0003c9d65c49cc44a494"
+  integrity sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==
+  dependencies:
+    "@types/react" "*"
+    hoist-non-react-statics "^3.3.0"
+
+"@types/js-cookie@^3.0.6":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-3.0.6.tgz#a04ca19e877687bd449f5ad37d33b104b71fdf95"
+  integrity sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==
+
+"@types/json5@^0.0.29":
+  version "0.0.29"
+  resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
+  integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+
+"@types/node@*", "@types/node@latest":
+  version "20.14.9"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.14.9.tgz#12e8e765ab27f8c421a1820c99f5f313a933b420"
+  integrity sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==
+  dependencies:
+    undici-types "~5.26.4"
+
+"@types/papaparse@^5.3.10":
+  version "5.3.14"
+  resolved "https://registry.yarnpkg.com/@types/papaparse/-/papaparse-5.3.14.tgz#345cc2a675a90106ff1dc33b95500dfb30748031"
+  integrity sha512-LxJ4iEFcpqc6METwp9f6BV6VVc43m6MfH0VqFosHvrUgfXiFe6ww7R3itkOQ+TCK6Y+Iv/+RnnvtRZnkc5Kc9g==
+  dependencies:
+    "@types/node" "*"
+
+"@types/parse-json@^4.0.0":
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
+  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
+
+"@types/prop-types@*", "@types/prop-types@^15.7.11":
+  version "15.7.12"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
+  integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==
+
+"@types/qs@^6.9.14":
+  version "6.9.15"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.15.tgz#adde8a060ec9c305a82de1babc1056e73bd64dce"
+  integrity sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==
+
+"@types/react-dom@latest":
+  version "18.3.0"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.3.0.tgz#0cbc818755d87066ab6ca74fbedb2547d74a82b0"
+  integrity sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-modal@^3.16.3":
+  version "3.16.3"
+  resolved "https://registry.yarnpkg.com/@types/react-modal/-/react-modal-3.16.3.tgz#250f32c07f1de28e2bcf9c3e84b56adaa6897013"
+  integrity sha512-xXuGavyEGaFQDgBv4UVm8/ZsG+qxeQ7f77yNrW3n+1J6XAstUy5rYHeIHPh1KzsGc6IkCIdu6lQ2xWzu1jBTLg==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react-transition-group@^4.4.0", "@types/react-transition-group@^4.4.10":
+  version "4.4.10"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.10.tgz#6ee71127bdab1f18f11ad8fb3322c6da27c327ac"
+  integrity sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/react@latest":
+  version "18.3.3"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.3.tgz#9679020895318b0915d7a3ab004d92d33375c45f"
+  integrity sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^3.0.2"
+
+"@types/stylis@4.2.5":
+  version "4.2.5"
+  resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.5.tgz#1daa6456f40959d06157698a653a9ab0a70281df"
+  integrity sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==
+
+"@types/use-sync-external-store@^0.0.3":
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
+  integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
+
+"@typescript-eslint/parser@^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.2.0.tgz#44356312aea8852a3a82deebdacd52ba614ec07a"
+  integrity sha512-5FKsVcHTk6TafQKQbuIVkXq58Fnbkd2wDL4LB7AURN7RUOu1utVP+G8+6u3ZhEroW3DF6hyo3ZEXxgKgp4KeCg==
+  dependencies:
+    "@typescript-eslint/scope-manager" "7.2.0"
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/typescript-estree" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.2.0.tgz#cfb437b09a84f95a0930a76b066e89e35d94e3da"
+  integrity sha512-Qh976RbQM/fYtjx9hs4XkayYujB/aPwglw2choHmf3zBjB4qOywWSdt9+KLRdHubGcoSwBnXUH2sR3hkyaERRg==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+
+"@typescript-eslint/types@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.2.0.tgz#0feb685f16de320e8520f13cca30779c8b7c403f"
+  integrity sha512-XFtUHPI/abFhm4cbCDc5Ykc8npOKBSJePY3a3s+lwumt7XWJuzP5cZcfZ610MIPHjQjNsOLlYK8ASPaNG8UiyA==
+
+"@typescript-eslint/typescript-estree@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.2.0.tgz#5beda2876c4137f8440c5a84b4f0370828682556"
+  integrity sha512-cyxS5WQQCoBwSakpMrvMXuMDEbhOo9bNHHrNcEWis6XHx6KF518tkF1wBvKIn/tpq5ZpUYK7Bdklu8qY0MsFIA==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    "@typescript-eslint/visitor-keys" "7.2.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/visitor-keys@7.2.0":
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.2.0.tgz#5035f177752538a5750cca1af6044b633610bf9e"
+  integrity sha512-c6EIQRHhcpl6+tO8EMR+kjkkV+ugUNXOmeASA1rlzkd8EPIriavpWoiEz1HR/VLhbVIdhqnV6E7JZm00cBDx2A==
+  dependencies:
+    "@typescript-eslint/types" "7.2.0"
+    eslint-visitor-keys "^3.4.1"
+
+acorn-jsx@^5.3.2:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
+
+acorn@^8.12.0:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
+adler-32@~1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/adler-32/-/adler-32-1.3.1.tgz#1dbf0b36dda0012189a32b3679061932df1821e2"
+  integrity sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==
+
+ajv@^6.12.4:
+  version "6.12.6"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
+  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
+
+ansi-regex@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
+  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+
+ansi-regex@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
+  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
+
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
+ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
+antd@^5.19.1:
+  version "5.19.1"
+  resolved "https://registry.yarnpkg.com/antd/-/antd-5.19.1.tgz#5bd5ddef96f7b529ce37310ba9997032160d3443"
+  integrity sha512-ogGEUPaamSZ2HFGvlyLBNfxZ0c4uX5aqEIwMtmqRTPNjcLY/k+qdMmdWrMMiY1CDJ3j1in5wjzQTvREG+do65g==
+  dependencies:
+    "@ant-design/colors" "^7.1.0"
+    "@ant-design/cssinjs" "^1.21.0"
+    "@ant-design/icons" "^5.3.7"
+    "@ant-design/react-slick" "~1.1.2"
+    "@babel/runtime" "^7.24.7"
+    "@ctrl/tinycolor" "^3.6.1"
+    "@rc-component/color-picker" "~1.5.3"
+    "@rc-component/mutate-observer" "^1.1.0"
+    "@rc-component/qrcode" "~1.0.0"
+    "@rc-component/tour" "~1.15.0"
+    "@rc-component/trigger" "^2.2.0"
+    classnames "^2.5.1"
+    copy-to-clipboard "^3.3.3"
+    dayjs "^1.11.11"
+    rc-cascader "~3.27.0"
+    rc-checkbox "~3.3.0"
+    rc-collapse "~3.7.3"
+    rc-dialog "~9.5.2"
+    rc-drawer "~7.2.0"
+    rc-dropdown "~4.2.0"
+    rc-field-form "~2.2.1"
+    rc-image "~7.9.0"
+    rc-input "~1.5.1"
+    rc-input-number "~9.1.0"
+    rc-mentions "~2.14.0"
+    rc-menu "~9.14.1"
+    rc-motion "^2.9.2"
+    rc-notification "~5.6.0"
+    rc-pagination "~4.2.0"
+    rc-picker "~4.6.7"
+    rc-progress "~4.0.0"
+    rc-rate "~2.13.0"
+    rc-resize-observer "^1.4.0"
+    rc-segmented "~2.3.0"
+    rc-select "~14.15.0"
+    rc-slider "~10.6.2"
+    rc-steps "~6.0.1"
+    rc-switch "~4.1.0"
+    rc-table "~7.45.7"
+    rc-tabs "~15.1.1"
+    rc-textarea "~1.7.0"
+    rc-tooltip "~6.2.0"
+    rc-tree "~5.8.8"
+    rc-tree-select "~5.22.1"
+    rc-upload "~4.5.2"
+    rc-util "^5.43.0"
+    scroll-into-view-if-needed "^3.1.0"
+    throttle-debounce "^5.0.0"
+
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
+anymatch@~3.1.2:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
+  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
+argparse@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+aria-hidden@^1.1.1:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.4.tgz#b78e383fdbc04d05762c78b4a25a501e736c4522"
+  integrity sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==
+  dependencies:
+    tslib "^2.0.0"
+
+aria-query@~5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
+  integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
+  dependencies:
+    deep-equal "^2.0.5"
+
+array-buffer-byte-length@^1.0.0, array-buffer-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f"
+  integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==
+  dependencies:
+    call-bind "^1.0.5"
+    is-array-buffer "^3.0.4"
+
+array-includes@^3.1.6, array-includes@^3.1.7, array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    is-string "^1.0.7"
+
+array-tree-filter@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-tree-filter/-/array-tree-filter-2.1.0.tgz#873ac00fec83749f255ac8dd083814b4f6329190"
+  integrity sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==
+
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+array.prototype.findlast@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz#3e4fbcb30a15a7f5bf64cf2faae22d139c2e4904"
+  integrity sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.findlastindex@^1.2.3:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz#8c35a755c72908719453f87145ca011e39334d0d"
+  integrity sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-shim-unscopables "^1.0.2"
+
+array.prototype.flat@^1.3.1, array.prototype.flat@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
+  integrity sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.flatmap@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz#c9a7c6831db8e719d6ce639190146c24bbd3e527"
+  integrity sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.toreversed@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz#b989a6bf35c4c5051e1dc0325151bf8088954eba"
+  integrity sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+
+array.prototype.tosorted@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz#fe954678ff53034e717ea3352a03f0b0b86f7ffc"
+  integrity sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==
+  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:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
+  integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.3"
+    es-errors "^1.2.1"
+    get-intrinsic "^1.2.3"
+    is-array-buffer "^3.0.4"
+    is-shared-array-buffer "^1.0.2"
+
+ast-types-flow@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
+  integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
+
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+autoprefixer@latest:
+  version "10.4.19"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.19.tgz#ad25a856e82ee9d7898c59583c1afeb3fa65f89f"
+  integrity sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==
+  dependencies:
+    browserslist "^4.23.0"
+    caniuse-lite "^1.0.30001599"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.0"
+    postcss-value-parser "^4.2.0"
+
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
+  dependencies:
+    possible-typed-array-names "^1.0.0"
+
+axe-core@^4.9.1:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.9.1.tgz#fcd0f4496dad09e0c899b44f6c4bb7848da912ae"
+  integrity sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==
+
+axios@^1.6.3:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
+  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
+  dependencies:
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+axobject-query@~3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-3.1.1.tgz#3b6e5c6d4e43ca7ba51c5babf99d22a9c68485e1"
+  integrity sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==
+  dependencies:
+    deep-equal "^2.0.5"
+
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
+balanced-match@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+binary-extensions@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
+
+brace-expansion@^1.1.7:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
+  dependencies:
+    balanced-match "^1.0.0"
+    concat-map "0.0.1"
+
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+browserslist@^4.23.0:
+  version "4.23.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.1.tgz#ce4af0534b3d37db5c1a4ca98b9080f985041e96"
+  integrity sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==
+  dependencies:
+    caniuse-lite "^1.0.30001629"
+    electron-to-chromium "^1.4.796"
+    node-releases "^2.0.14"
+    update-browserslist-db "^1.0.16"
+
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
+call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
+  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.1"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
+camelize@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
+  integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
+
+caniuse-lite@^1.0.30001579, caniuse-lite@^1.0.30001599, caniuse-lite@^1.0.30001629:
+  version "1.0.30001640"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz#32c467d4bf1f1a0faa63fc793c2ba81169e7652f"
+  integrity sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==
+
+cfb@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/cfb/-/cfb-1.2.2.tgz#94e687628c700e5155436dac05f74e08df23bc44"
+  integrity sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==
+  dependencies:
+    adler-32 "~1.3.0"
+    crc-32 "~1.2.0"
+
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
+chalk@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
+  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+chokidar@^3.5.3:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+class-variance-authority@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.0.tgz#1c3134d634d80271b1837452b06d821915954522"
+  integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==
+  dependencies:
+    clsx "2.0.0"
+
+classnames@2.x, classnames@^2.2.1, classnames@^2.2.3, classnames@^2.2.5, classnames@^2.2.6, classnames@^2.3.1, classnames@^2.3.2, classnames@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
+
+client-only@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
+  integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+
+clsx@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
+clsx@^2.0.0, clsx@^2.1.0, clsx@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
+  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
+
+cmdk@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/cmdk/-/cmdk-0.2.1.tgz#aa8e1332bb0b8d8484e793017c82537351188d9a"
+  integrity sha512-U6//9lQ6JvT47+6OF6Gi8BvkxYQ8SCRRSKIJkthIMsFsLZRG0cKvTtuTaefyIKMQb8rvvXy0wGdpTNq/jPtm+g==
+  dependencies:
+    "@radix-ui/react-dialog" "1.0.0"
+
+codepage@~1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/codepage/-/codepage-1.15.0.tgz#2e00519024b39424ec66eeb3ec07227e692618ab"
+  integrity sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==
+
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
+commander@^4.0.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+compute-scroll-into-view@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz#753f11d972596558d8fe7c6bcbc8497690ab4c87"
+  integrity sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg==
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+convert-source-map@^1.5.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
+cookie@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
+copy-to-clipboard@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz#55ac43a1db8ae639a4bd99511c148cdd1b83a1b0"
+  integrity sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==
+  dependencies:
+    toggle-selection "^1.0.6"
+
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
+crc-32@~1.2.0, crc-32@~1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
+cross-spawn@^7.0.0, cross-spawn@^7.0.2:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+css-color-keywords@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
+  integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
+
+css-mediaquery@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
+  integrity sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==
+
+css-to-react-native@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
+  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
+  dependencies:
+    camelize "^1.0.0"
+    css-color-keywords "^1.0.0"
+    postcss-value-parser "^4.0.2"
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+csstype@3.1.3, csstype@^3.0.2, csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
+
+csv-parser@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/csv-parser/-/csv-parser-3.0.0.tgz#b88a6256d79e090a97a1b56451f9327b01d710e7"
+  integrity sha512-s6OYSXAK3IdKqYO33y09jhypG/bSDHPuyCme/IdEHfWpLf/jKcpitVFyOC6UemgGk8v7Q5u2XE0vvwmanxhGlQ==
+  dependencies:
+    minimist "^1.2.0"
+
+damerau-levenshtein@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
+  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+
+data-view-buffer@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2"
+  integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2"
+  integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+data-view-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a"
+  integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+dayjs@^1.11.10, dayjs@^1.11.11:
+  version "1.11.11"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.11.tgz#dfe0e9d54c5f8b68ccf8ca5f72ac603e7e5ed59e"
+  integrity sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==
+
+debug@^3.2.7:
+  version "3.2.7"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
+  integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
+  dependencies:
+    ms "^2.1.1"
+
+debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
+  integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
+  dependencies:
+    ms "2.1.2"
+
+deep-equal@^2.0.5:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.3.tgz#af89dafb23a396c7da3e862abc0be27cf51d56e1"
+  integrity sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    call-bind "^1.0.5"
+    es-get-iterator "^1.1.3"
+    get-intrinsic "^1.2.2"
+    is-arguments "^1.1.1"
+    is-array-buffer "^3.0.2"
+    is-date-object "^1.0.5"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    isarray "^2.0.5"
+    object-is "^1.1.5"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.5.1"
+    side-channel "^1.0.4"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.13"
+
+deep-is@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
+  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
+
+deepmerge@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
+  integrity sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
+
+define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+detect-node-es@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
+  integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
+
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
+doctrine@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
+  integrity sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==
+  dependencies:
+    esutils "^2.0.2"
+
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
+electron-to-chromium@^1.4.796:
+  version "1.4.816"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.816.tgz#3624649d1e7fde5cdbadf59d31a524245d8ee85f"
+  integrity sha512-EKH5X5oqC6hLmiS7/vYtZHZFTNdhsYG5NVPRN6Yn0kQHNBlT59+xSM8HBy66P5fxWpKgZbPqb+diC64ng295Jw==
+
+embla-carousel-react@^8.0.0-rc19:
+  version "8.1.6"
+  resolved "https://registry.yarnpkg.com/embla-carousel-react/-/embla-carousel-react-8.1.6.tgz#4de0cef2888443f4203408df73af2707e5c961e9"
+  integrity sha512-DHxwFzF63yVrU95Eo58E9Xr5b6Y9ul6TTsqb/rtwMi+jXudAmIqN1i9iBxQ73i8jKuUVxll/ziNYMmnWvrdQJQ==
+  dependencies:
+    embla-carousel "8.1.6"
+    embla-carousel-reactive-utils "8.1.6"
+
+embla-carousel-reactive-utils@8.1.6:
+  version "8.1.6"
+  resolved "https://registry.yarnpkg.com/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.1.6.tgz#51c4a1dc6df1e608e9480f7a5fc3328e95926f91"
+  integrity sha512-Wg+J2YoqLqkaqsXi7fTJaLmXm6BpgDRJ0EfTdvQ4KE/ip5OsUuKGpJsEQDTt4waGXSDyZhIBlfoQtgGJeyYQ1Q==
+
+embla-carousel@8.1.6:
+  version "8.1.6"
+  resolved "https://registry.yarnpkg.com/embla-carousel/-/embla-carousel-8.1.6.tgz#a67f0b51f0cb51131299c47dff18e2d08165d44a"
+  integrity sha512-9n7FVsbPAs1KD+JmO84DnEDOZMXPBQbLujjMQqvsBRN2CDWwgZ9hRSNapztdPnyJfzOIxowGmj0BUQ8ACYAPkA==
+
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
+enhanced-resolve@^5.12.0:
+  version "5.17.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz#d037603789dd9555b89aaec7eb78845c49089bc5"
+  integrity sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
+es-abstract@^1.17.5, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.1, es-abstract@^1.23.2, es-abstract@^1.23.3:
+  version "1.23.3"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0"
+  integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==
+  dependencies:
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.7"
+    data-view-buffer "^1.0.1"
+    data-view-byte-length "^1.0.1"
+    data-view-byte-offset "^1.0.0"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.0.3"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
+    globalthis "^1.0.3"
+    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.1"
+    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:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+
+es-errors@^1.2.1, es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-get-iterator@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6"
+  integrity sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.3"
+    has-symbols "^1.0.3"
+    is-arguments "^1.1.1"
+    is-map "^2.0.2"
+    is-set "^2.0.2"
+    is-string "^1.0.7"
+    isarray "^2.0.5"
+    stop-iteration-iterator "^1.0.0"
+
+es-iterator-helpers@^1.0.19:
+  version "1.0.19"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz#117003d0e5fec237b4b5c08aded722e0c6d50ca8"
+  integrity sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==
+  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.3"
+    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:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941"
+  integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==
+  dependencies:
+    es-errors "^1.3.0"
+
+es-set-tostringtag@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777"
+  integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.1"
+
+es-shim-unscopables@^1.0.0, es-shim-unscopables@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
+  integrity sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==
+  dependencies:
+    hasown "^2.0.0"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
+
+escalade@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27"
+  integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==
+
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+eslint-config-next@latest:
+  version "14.2.4"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.2.4.tgz#eb0bedfe4a894bc2aea918214bb5243ee4fa7d4b"
+  integrity sha512-Qr0wMgG9m6m4uYy2jrYJmyuNlYZzPRQq5Kvb9IDlYwn+7yq6W6sfMNFgb+9guM1KYwuIo6TIaiFhZJ6SnQ/Efw==
+  dependencies:
+    "@next/eslint-plugin-next" "14.2.4"
+    "@rushstack/eslint-patch" "^1.3.3"
+    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0"
+    eslint-import-resolver-node "^0.3.6"
+    eslint-import-resolver-typescript "^3.5.2"
+    eslint-plugin-import "^2.28.1"
+    eslint-plugin-jsx-a11y "^6.7.1"
+    eslint-plugin-react "^7.33.2"
+    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
+
+eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
+  dependencies:
+    debug "^3.2.7"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
+
+eslint-import-resolver-typescript@^3.5.2:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz#7b983680edd3f1c5bce1a5829ae0bc2d57fe9efa"
+  integrity sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==
+  dependencies:
+    debug "^4.3.4"
+    enhanced-resolve "^5.12.0"
+    eslint-module-utils "^2.7.4"
+    fast-glob "^3.3.1"
+    get-tsconfig "^4.5.0"
+    is-core-module "^2.11.0"
+    is-glob "^4.0.3"
+
+eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz#52f2404300c3bd33deece9d7372fb337cc1d7c34"
+  integrity sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==
+  dependencies:
+    debug "^3.2.7"
+
+eslint-plugin-import@^2.28.1:
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz#d45b37b5ef5901d639c15270d74d46d161150643"
+  integrity sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==
+  dependencies:
+    array-includes "^3.1.7"
+    array.prototype.findlastindex "^1.2.3"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
+    debug "^3.2.7"
+    doctrine "^2.1.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.8.0"
+    hasown "^2.0.0"
+    is-core-module "^2.13.1"
+    is-glob "^4.0.3"
+    minimatch "^3.1.2"
+    object.fromentries "^2.0.7"
+    object.groupby "^1.0.1"
+    object.values "^1.1.7"
+    semver "^6.3.1"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jsx-a11y@^6.7.1:
+  version "6.9.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.9.0.tgz#67ab8ff460d4d3d6a0b4a570e9c1670a0a8245c8"
+  integrity sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==
+  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"
+    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.5.0 || 5.0.0-canary-7118f5dd7-20230705":
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz#c829eb06c0e6f484b3fbb85a97e57784f328c596"
+  integrity sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==
+
+eslint-plugin-react@^7.33.2:
+  version "7.34.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.34.3.tgz#9965f27bd1250a787b5d4cfcc765e5a5d58dcb7b"
+  integrity sha512-aoW4MV891jkUulwDApQbPYTVZmeuSyFrudpbTAQuj5Fv8VL+o6df2xIGpw8B0hPjAaih1/Fb0om9grCdyFYemA==
+  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"
+    estraverse "^5.3.0"
+    jsx-ast-utils "^2.4.1 || ^3.0.0"
+    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@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.0.1.tgz#a9601e4b81a0b9171657c343fb13111688963cfc"
+  integrity sha512-pL8XjgP4ZOmmwfFE8mEhSxA7ZY4C+LWyqjQ3o4yWkkmD0qcMT9kkW3zWHOczhWcjTSgqycYAgwSlXvZltv65og==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint-visitor-keys@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
+  integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
+
+eslint@latest:
+  version "9.6.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.6.0.tgz#9f54373afa15e1ba356656a8d96233182027fb49"
+  integrity sha512-ElQkdLMEEqQNM9Njff+2Y4q2afHk7JpkPvrd7Xh7xefwgQynqPxwf55J7di9+MEibWUGdNjFF9ITG9Pck5M84w==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/config-array" "^0.17.0"
+    "@eslint/eslintrc" "^3.1.0"
+    "@eslint/js" "9.6.0"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@humanwhocodes/retry" "^0.3.0"
+    "@nodelib/fs.walk" "^1.2.8"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^8.0.1"
+    eslint-visitor-keys "^4.0.0"
+    espree "^10.1.0"
+    esquery "^1.5.0"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^8.0.0"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    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.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+espree@^10.0.1, espree@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.1.0.tgz#8788dae611574c0f070691f522e4116c5a11fc56"
+  integrity sha512-M1M6CpiE6ffoigIOWYO9UDP8TMUw9kqb21tf+08IgDYjCsOvCuDt4jQcZmoYxx+w7zlKw9/N0KXfto+I8/FrXA==
+  dependencies:
+    acorn "^8.12.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.0.0"
+
+esquery@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
+  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
+  dependencies:
+    estraverse "^5.1.0"
+
+esrecurse@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
+  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
+  dependencies:
+    estraverse "^5.2.0"
+
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
+  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
+
+esutils@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
+
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
+
+export-to-csv@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/export-to-csv/-/export-to-csv-1.3.0.tgz#9f53cf61fcd6bed836683ed7d611767022d49919"
+  integrity sha512-msPjbfozZdYzDghAEKmCVH5veMeKHNacplE6noXvGiA8AeV1qa/SOxp6JXDjF9R8Kf6v3ypI6jskiY19dkhZeA==
+
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
+
+fastq@^1.6.0:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47"
+  integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==
+  dependencies:
+    reusify "^1.0.4"
+
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
+  dependencies:
+    flat-cache "^4.0.0"
+
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.4"
+
+flatted@^3.2.9:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
+  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+
+follow-redirects@^1.15.6:
+  version "1.15.6"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
+  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+
+for-each@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
+  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+  dependencies:
+    is-callable "^1.1.3"
+
+foreground-child@^3.1.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.2.1.tgz#767004ccf3a5b30df39bed90718bab43fe0a59f7"
+  integrity sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==
+  dependencies:
+    cross-spawn "^7.0.0"
+    signal-exit "^4.0.1"
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+formik-wizard-form@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/formik-wizard-form/-/formik-wizard-form-2.1.0.tgz#b7e3b94b9e15d675e642b82ab94da79a049b17f8"
+  integrity sha512-LU8mFTkhXkvFi6BW9XwQ2Vw93EU8hclPD/cK6qBaGGkhfQlfUCajf5fRWz04J2HkUQt6qhopQTORBygk4K/nIA==
+
+formik@^2.4.5:
+  version "2.4.6"
+  resolved "https://registry.yarnpkg.com/formik/-/formik-2.4.6.tgz#4da75ca80f1a827ab35b08fd98d5a76e928c9686"
+  integrity sha512-A+2EI7U7aG296q2TLGvNapDNTZp1khVt5Vk0Q/fyfSROss0V/V6+txt2aJnwEos44IxTCW/LYAi/zgWzlevj+g==
+  dependencies:
+    "@types/hoist-non-react-statics" "^3.3.1"
+    deepmerge "^2.1.1"
+    hoist-non-react-statics "^3.3.0"
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+    react-fast-compare "^2.0.1"
+    tiny-warning "^1.0.2"
+    tslib "^2.0.0"
+
+frac@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/frac/-/frac-1.1.2.tgz#3d74f7f6478c88a1b5020306d747dc6313c74d0b"
+  integrity sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==
+
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
+framer-motion@^10.16.4:
+  version "10.18.0"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-10.18.0.tgz#1f4fc51403996ea7170af885bd44a7079d255950"
+  integrity sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==
+  dependencies:
+    tslib "^2.4.0"
+  optionalDependencies:
+    "@emotion/is-prop-valid" "^0.8.2"
+
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.5, function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
+functions-have-names@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
+  integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
+
+get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd"
+  integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==
+  dependencies:
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+get-nonce@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
+  integrity sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==
+
+get-symbol-description@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
+  integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
+  dependencies:
+    call-bind "^1.0.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+
+get-tsconfig@^4.5.0:
+  version "4.7.5"
+  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.7.5.tgz#5e012498579e9a6947511ed0cd403272c7acbbaf"
+  integrity sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==
+  dependencies:
+    resolve-pkg-maps "^1.0.0"
+
+glob-parent@^5.1.2, glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob-parent@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
+  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
+  dependencies:
+    is-glob "^4.0.3"
+
+glob@10.3.10:
+  version "10.3.10"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
+  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^2.3.5"
+    minimatch "^9.0.1"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+    path-scurry "^1.10.1"
+
+glob@^10.3.10:
+  version "10.4.2"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.2.tgz#bed6b95dade5c1f80b4434daced233aee76160e5"
+  integrity sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+globalthis@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+  dependencies:
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
+
+globby@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+  integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.2.9"
+    ignore "^5.2.0"
+    merge2 "^1.4.1"
+    slash "^3.0.0"
+
+goober@^2.1.10:
+  version "2.1.14"
+  resolved "https://registry.yarnpkg.com/goober/-/goober-2.1.14.tgz#4a5c94fc34dc086a8e6035360ae1800005135acd"
+  integrity sha512-4UpC0NdGyAFqLNPnhCT2iHpza2q+RAY3GV85a/mRPdzyPQMsj0KmMMuetdIkzWRbJ+Hgau1EZztq8ImmiMGhsg==
+
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
+graceful-fs@^4.2.11, graceful-fs@^4.2.4:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+has-bigints@^1.0.1, has-bigints@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
+  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+  dependencies:
+    es-define-property "^1.0.0"
+
+has-proto@^1.0.1, has-proto@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd"
+  integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==
+
+has-symbols@^1.0.2, has-symbols@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
+  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
+
+has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+highlight-words@1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/highlight-words/-/highlight-words-1.2.2.tgz#9875b75d11814d7356b24f23feeb7d77761fa867"
+  integrity sha512-Mf4xfPXYm8Ay1wTibCrHpNWeR2nUMynMVFkXCi4mbl+TEgmNOe+I4hV7W3OCZcSvzGL6kupaqpfHOemliMTGxQ==
+
+hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
+hyphenate-style-name@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz#1797bf50369588b47b72ca6d5e65374607cf4436"
+  integrity sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==
+
+ignore@^5.2.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
+  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
+
+immer@^10.0.3:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-10.1.1.tgz#206f344ea372d8ea176891545ee53ccc062db7bc"
+  integrity sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==
+
+import-fresh@^3.2.1:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
+  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+  dependencies:
+    parent-module "^1.0.0"
+    resolve-from "^4.0.0"
+
+imurmurhash@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
+
+internal-slot@^1.0.4, internal-slot@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802"
+  integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.0"
+    side-channel "^1.0.4"
+
+invariant@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
+  dependencies:
+    loose-envify "^1.0.0"
+
+is-arguments@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
+  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-array-buffer@^3.0.2, is-array-buffer@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98"
+  integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-bigint@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
+  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+  dependencies:
+    has-bigints "^1.0.1"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-boolean-object@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
+  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
+  integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
+
+is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.13.1:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.14.0.tgz#43b8ef9f46a6a08888db67b1ffd4ec9e3dfd59d1"
+  integrity sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==
+  dependencies:
+    hasown "^2.0.2"
+
+is-data-view@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f"
+  integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==
+  dependencies:
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.1, is-date-object@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
+  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-map@^2.0.2, is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-negative-zero@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747"
+  integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==
+
+is-number-object@^1.0.4:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
+  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-path-inside@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-regex@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
+  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+  dependencies:
+    call-bind "^1.0.2"
+    has-tostringtag "^1.0.0"
+
+is-set@^2.0.2, is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688"
+  integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==
+  dependencies:
+    call-bind "^1.0.7"
+
+is-string@^1.0.5, is-string@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
+  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
+is-symbol@^1.0.2, is-symbol@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
+  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+  dependencies:
+    has-symbols "^1.0.2"
+
+is-typed-array@^1.1.13:
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
+  integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
+  dependencies:
+    which-typed-array "^1.1.14"
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
+  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+  dependencies:
+    call-bind "^1.0.2"
+
+is-weakset@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.3.tgz#e801519df8c0c43e12ff2834eead84ec9e624007"
+  integrity sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==
+  dependencies:
+    call-bind "^1.0.7"
+    get-intrinsic "^1.2.4"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isexe@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+iterator.prototype@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
+  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
+  dependencies:
+    define-properties "^1.2.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.4"
+    set-function-name "^2.0.1"
+
+jackspeak@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
+  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jackspeak@^3.1.2:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.0.tgz#a75763ff36ad778ede6a156d8ee8b124de445b4a"
+  integrity sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
+jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
+jose@^4.15.5:
+  version "4.15.9"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-4.15.9.tgz#9b68eda29e9a0614c042fa29387196c7dd800100"
+  integrity sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==
+
+js-cookie@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
+  integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
+
+js-yaml@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
+  integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
+  dependencies:
+    argparse "^2.0.1"
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
+json-schema-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
+
+json-stable-stringify-without-jsonify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
+  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
+
+json2mq@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/json2mq/-/json2mq-0.2.0.tgz#b637bd3ba9eabe122c83e9720483aeb10d2c904a"
+  integrity sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==
+  dependencies:
+    string-convert "^0.2.0"
+
+json5@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
+  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
+  dependencies:
+    minimist "^1.2.0"
+
+"jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
+  integrity sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==
+  dependencies:
+    array-includes "^3.1.6"
+    array.prototype.flat "^1.3.1"
+    object.assign "^4.1.4"
+    object.values "^1.1.6"
+
+jwt-decode@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-4.0.0.tgz#2270352425fd413785b2faf11f6e755c5151bd4b"
+  integrity sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==
+
+keyv@^4.5.4:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
+language-subtag-registry@^0.3.20:
+  version "0.3.23"
+  resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7"
+  integrity sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==
+
+language-tags@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/language-tags/-/language-tags-1.0.9.tgz#1ffdcd0ec0fafb4b1be7f8b11f306ad0f9c08777"
+  integrity sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==
+  dependencies:
+    language-subtag-registry "^0.3.20"
+
+levn@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
+  integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
+  dependencies:
+    prelude-ls "^1.2.1"
+    type-check "~0.4.0"
+
+lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
+lilconfig@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.2.tgz#e4a7c3cb549e3a606c8dcc32e5ae1005e62c05cb"
+  integrity sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==
+
+lines-and-columns@^1.1.6:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
+
+locate-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
+  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
+  dependencies:
+    p-locate "^5.0.0"
+
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
+lodash.merge@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
+  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+
+lodash@^4.16.6, lodash@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
+lru-cache@^10.2.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.3.0.tgz#4a4aaf10c84658ab70f79a85a9a3f1e1fb11196b"
+  integrity sha512-CQl19J/g+Hbjbv4Y3mFNNXFEL/5t/KCg8POCuUqd4rMKjGG+j1ybER83hxV58zL+dFI1PTkt3GNFSHRt+d8qEQ==
+
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
+lucide-react@^0.302.0:
+  version "0.302.0"
+  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.302.0.tgz#ba5d1f90d2348cf564991fb06966560ee2edc54b"
+  integrity sha512-JZX+1fjpqxvQmEgItvPOAwRlqf0Eg9dSZMxljA2/V2M6dluOhQCPBhewIlSJWgkNu0M36kViOgmTAMnDaAMOFw==
+
+matchmediaquery@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/matchmediaquery/-/matchmediaquery-0.4.2.tgz#22582bd4ae63ad9f54c53001bba80cbed0f7eafa"
+  integrity sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==
+  dependencies:
+    css-mediaquery "^0.1.2"
+
+material-icons@^1.13.12:
+  version "1.13.12"
+  resolved "https://registry.yarnpkg.com/material-icons/-/material-icons-1.13.12.tgz#eed4082bf0426642edeb027e75397e3064adc536"
+  integrity sha512-/2YoaB79IjUK2B2JB+vIXXYGtBfHb/XG66LvoKVM5ykHW7yfrV5SP6d7KLX6iijY6/G9GqwgtPQ/sbhFnOURVA==
+
+material-react-table@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/material-react-table/-/material-react-table-2.13.0.tgz#445df17dd266a3177c2a1bb3114bd852f752e3da"
+  integrity sha512-ds4/cupDsXvoz8K8OpM3UqUyqKoAMkVdvmvP/+ovuWA23fPcjYvFFkUpBxtnZq5GKWM0+SZWzr14KQ1DgKCaFQ==
+  dependencies:
+    "@tanstack/match-sorter-utils" "8.15.1"
+    "@tanstack/react-table" "8.16.0"
+    "@tanstack/react-virtual" "3.3.0"
+    highlight-words "1.2.2"
+
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
+
+merge2@^1.3.0, merge2@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.7.tgz#33e8190d9fe474a9895525f5618eee136d46c2e5"
+  integrity sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==
+  dependencies:
+    braces "^3.0.3"
+    picomatch "^2.3.1"
+
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
+mini-svg-data-uri@^1.2.3:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
+  integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
+
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
+minimatch@^9.0.1, minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimist@^1.2.0, minimist@^1.2.6:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
+  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
+
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
+nanoid@^3.3.6, nanoid@^3.3.7:
+  version "3.3.7"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
+  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+next-auth@^4.23.2:
+  version "4.24.7"
+  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-4.24.7.tgz#0a14c1e35b4a2c0c1ecff95c295b74bd48d3817a"
+  integrity sha512-iChjE8ov/1K/z98gdKbn2Jw+2vLgJtVV39X+rCP5SGnVQuco7QOr19FRNGMIrD8d3LYhHWV9j9sKLzq1aDWWQQ==
+  dependencies:
+    "@babel/runtime" "^7.20.13"
+    "@panva/hkdf" "^1.0.2"
+    cookie "^0.5.0"
+    jose "^4.15.5"
+    oauth "^0.9.15"
+    openid-client "^5.4.0"
+    preact "^10.6.3"
+    preact-render-to-string "^5.1.19"
+    uuid "^8.3.2"
+
+next@^14.1.4:
+  version "14.2.5"
+  resolved "https://registry.yarnpkg.com/next/-/next-14.2.5.tgz#afe4022bb0b752962e2205836587a289270efbea"
+  integrity sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==
+  dependencies:
+    "@next/env" "14.2.5"
+    "@swc/helpers" "0.5.5"
+    busboy "1.6.0"
+    caniuse-lite "^1.0.30001579"
+    graceful-fs "^4.2.11"
+    postcss "8.4.31"
+    styled-jsx "5.1.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"
+
+node-releases@^2.0.14:
+  version "2.0.14"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
+  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
+oauth@^0.9.15:
+  version "0.9.15"
+  resolved "https://registry.yarnpkg.com/oauth/-/oauth-0.9.15.tgz#bd1fefaf686c96b75475aed5196412ff60cfb9c1"
+  integrity sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==
+
+object-assign@^4.0.1, object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
+object-hash@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
+  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
+
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
+object-inspect@^1.13.1:
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
+  integrity sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==
+
+object-is@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.6.tgz#1a6a53aed2dd8f7e6775ff870bea58545956ab07"
+  integrity sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+
+object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+object.assign@^4.1.4, object.assign@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
+  integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
+  dependencies:
+    call-bind "^1.0.5"
+    define-properties "^1.2.1"
+    has-symbols "^1.0.3"
+    object-keys "^1.1.1"
+
+object.entries@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
+  integrity sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+object.fromentries@^2.0.7, object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.groupby@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+
+object.hasown@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.4.tgz#e270ae377e4c120cdcb7656ce66884a6218283dc"
+  integrity sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==
+  dependencies:
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+
+object.values@^1.1.6, object.values@^1.1.7, object.values@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
+  integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+oidc-token-hash@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz#9a229f0a1ce9d4fc89bcaee5478c97a889e7b7b6"
+  integrity sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==
+
+openid-client@^5.4.0:
+  version "5.6.5"
+  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.6.5.tgz#c149ad07b9c399476dc347097e297bbe288b8b00"
+  integrity sha512-5P4qO9nGJzB5PI0LFlhj4Dzg3m4odt0qsJTfyEtZyOlkgpILwEioOhVVJOrS1iVH494S4Ee5OCjjg6Bf5WOj3w==
+  dependencies:
+    jose "^4.15.5"
+    lru-cache "^6.0.0"
+    object-hash "^2.2.0"
+    oidc-token-hash "^5.0.3"
+
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
+  dependencies:
+    deep-is "^0.1.3"
+    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-limit@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
+  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
+  dependencies:
+    yocto-queue "^0.1.0"
+
+p-locate@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
+  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
+  dependencies:
+    p-limit "^3.0.2"
+
+package-json-from-dist@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz#e501cd3094b278495eb4258d4c9f6d5ac3019f00"
+  integrity sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==
+
+pako@^1.0.10, pako@^1.0.11, pako@^1.0.6:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
+  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+
+papaparse@^5.4.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.4.1.tgz#f45c0f871853578bd3a30f92d96fdcfb6ebea127"
+  integrity sha512-HipMsgJkZu8br23pW15uvo6sib6wne/4woLZPlFf3rpDyMe9ywEXUsuD7+6K9PRkJlVT51j/sCOYDKGGS3ZJrw==
+
+parent-module@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
+  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
+  dependencies:
+    callsites "^3.0.0"
+
+parse-json@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
+path-exists@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
+  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
+
+path-key@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-parse@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
+
+path-scurry@^1.10.1, path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-type@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+pdf-lib@^1.17.1:
+  version "1.17.1"
+  resolved "https://registry.yarnpkg.com/pdf-lib/-/pdf-lib-1.17.1.tgz#9e7dd21261a0c1fb17992580885b39e7d08f451f"
+  integrity sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==
+  dependencies:
+    "@pdf-lib/standard-fonts" "^1.0.0"
+    "@pdf-lib/upng" "^1.0.1"
+    pako "^1.0.11"
+    tslib "^1.11.1"
+
+picocolors@^1.0.0, picocolors@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
+  integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
+
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
+possible-typed-array-names@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f"
+  integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==
+
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-nested@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.1.tgz#f83dc9846ca16d2f4fa864f16e9d9f7d0961662c"
+  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
+  dependencies:
+    postcss-selector-parser "^6.0.11"
+
+postcss-selector-parser@^6.0.11:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz#49694cb4e7c649299fea510a29fa6577104bcf53"
+  integrity sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@8.4.31:
+  version "8.4.31"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+postcss@8.4.38:
+  version "8.4.38"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
+  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.0"
+    source-map-js "^1.2.0"
+
+postcss@^8.4.23, postcss@latest:
+  version "8.4.39"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.39.tgz#aa3c94998b61d3a9c259efa51db4b392e1bde0e3"
+  integrity sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.1"
+    source-map-js "^1.2.0"
+
+preact-render-to-string@^5.1.19:
+  version "5.2.6"
+  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz#0ff0c86cd118d30affb825193f18e92bd59d0604"
+  integrity sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==
+  dependencies:
+    pretty-format "^3.8.0"
+
+preact@^10.6.3:
+  version "10.22.1"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.22.1.tgz#6a3589973fe0c6e53211091607d31f4b7b27334d"
+  integrity sha512-jRYbDDgMpIb5LHq3hkI0bbl+l/TQ9UnkdQ0ww+lp+4MMOdqaUYdFc5qeyP+IV8FAd/2Em7drVPeKdQxsiWCf/A==
+
+prelude-ls@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
+  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
+
+prettier@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.3.tgz#30c54fe0be0d8d12e6ae61dbb10109ea00d53105"
+  integrity sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==
+
+pretty-format@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385"
+  integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
+
+prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
+property-expr@^2.0.5:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/property-expr/-/property-expr-2.0.6.tgz#f77bc00d5928a6c748414ad12882e83f24aec1e8"
+  integrity sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==
+
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+qs@^6.12.0:
+  version "6.12.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.12.2.tgz#5443b587f3bf73ac68968de491e5b25bafe04478"
+  integrity sha512-x+NLUpx9SYrcwXtX7ob1gnkSems4i/mGZX5SlYxwIau6RrUSODO89TR/XDGGpn5RPWSYIB+aSfuSlV5+CmbTBg==
+  dependencies:
+    side-channel "^1.0.6"
+
+queue-microtask@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+rc-cascader@~3.27.0:
+  version "3.27.0"
+  resolved "https://registry.yarnpkg.com/rc-cascader/-/rc-cascader-3.27.0.tgz#efb1a3c20e0d834b5b0b0b5dd3a9abf16ffa3860"
+  integrity sha512-z5uq8VvQadFUBiuZJ7YF5UAUGNkZtdEtcEYiIA94N/Kc2MIKr6lEbN5HyVddvYSgwWlKqnL6pH5bFXFuIK3MNg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    array-tree-filter "^2.1.0"
+    classnames "^2.3.1"
+    rc-select "~14.15.0"
+    rc-tree "~5.8.1"
+    rc-util "^5.37.0"
+
+rc-checkbox@~3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/rc-checkbox/-/rc-checkbox-3.3.0.tgz#0ffcb65ab78c7d2fcd1a0d6554af36786516bd02"
+  integrity sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.3.2"
+    rc-util "^5.25.2"
+
+rc-collapse@~3.7.3:
+  version "3.7.3"
+  resolved "https://registry.yarnpkg.com/rc-collapse/-/rc-collapse-3.7.3.tgz#68161683d8fd1004bef4eb281fc106f3c8dc16eb"
+  integrity sha512-60FJcdTRn0X5sELF18TANwtVi7FtModq649H11mYF1jh83DniMoM4MqY627sEKRCTm4+WXfGDcB7hY5oW6xhyw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.3.4"
+    rc-util "^5.27.0"
+
+rc-dialog@~9.5.2:
+  version "9.5.2"
+  resolved "https://registry.yarnpkg.com/rc-dialog/-/rc-dialog-9.5.2.tgz#4cf7cca23aedb6fd3d9344ea8ffd14daa94ee3a0"
+  integrity sha512-qVUjc8JukG+j/pNaHVSRa2GO2/KbV2thm7yO4hepQ902eGdYK913sGkwg/fh9yhKYV1ql3BKIN2xnud3rEXAPw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/portal" "^1.0.0-8"
+    classnames "^2.2.6"
+    rc-motion "^2.3.0"
+    rc-util "^5.21.0"
+
+rc-drawer@~7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/rc-drawer/-/rc-drawer-7.2.0.tgz#8d7de2f1fd52f3ac5a25f54afbb8ac14c62e5663"
+  integrity sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==
+  dependencies:
+    "@babel/runtime" "^7.23.9"
+    "@rc-component/portal" "^1.1.1"
+    classnames "^2.2.6"
+    rc-motion "^2.6.1"
+    rc-util "^5.38.1"
+
+rc-dropdown@~4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/rc-dropdown/-/rc-dropdown-4.2.0.tgz#c6052fcfe9c701487b141e411cdc277dc7c6f061"
+  integrity sha512-odM8Ove+gSh0zU27DUj5cG1gNKg7mLWBYzB5E4nNLrLwBmYEgYP43vHKDGOVZcJSVElQBI0+jTQgjnq0NfLjng==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "^2.2.6"
+    rc-util "^5.17.0"
+
+rc-field-form@~2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/rc-field-form/-/rc-field-form-2.2.1.tgz#0a8c76a0103535c229311dac7f91d32ea13cd3bc"
+  integrity sha512-uoNqDoR7A4tn4QTSqoWPAzrR7ZwOK5I+vuZ/qdcHtbKx+ZjEsTg7QXm2wk/jalDiSksAQmATxL0T5LJkRREdIA==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    "@rc-component/async-validator" "^5.0.3"
+    rc-util "^5.32.2"
+
+rc-image@~7.9.0:
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/rc-image/-/rc-image-7.9.0.tgz#2d700a5cf891bb3d0d800b7c38348927ebb9f49b"
+  integrity sha512-l4zqO5E0quuLMCtdKfBgj4Suv8tIS011F5k1zBBlK25iMjjiNHxA0VeTzGFtUZERSA45gvpXDg8/P6qNLjR25g==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "@rc-component/portal" "^1.0.2"
+    classnames "^2.2.6"
+    rc-dialog "~9.5.2"
+    rc-motion "^2.6.2"
+    rc-util "^5.34.1"
+
+rc-input-number@~9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/rc-input-number/-/rc-input-number-9.1.0.tgz#fd577db284b65548c156500322a2feaa04321565"
+  integrity sha512-NqJ6i25Xn/AgYfVxynlevIhX3FuKlMwIFpucGG1h98SlK32wQwDK0zhN9VY32McOmuaqzftduNYWWooWz8pXQA==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/mini-decimal" "^1.0.1"
+    classnames "^2.2.5"
+    rc-input "~1.5.0"
+    rc-util "^5.40.1"
+
+rc-input@~1.5.0, rc-input@~1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/rc-input/-/rc-input-1.5.1.tgz#36d37eb045f1fa17de7da1a3fab94edfa331ab92"
+  integrity sha512-+nOzQJDeIfIpNP/SgY45LXSKbuMlp4Yap2y8c+ZpU7XbLmNzUd6+d5/S75sA/52jsVE6S/AkhkkDEAOjIu7i6g==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-util "^5.18.1"
+
+rc-mentions@~2.14.0:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/rc-mentions/-/rc-mentions-2.14.0.tgz#7cad133de2e95b7478c0ebb5d2a4315dbe9bda29"
+  integrity sha512-qKR59FMuF8PK4ZqsbWX3UuA5P1M/snzyqV6Yt3y1DCFbCEdqUGIBgQp6vEfLCO6Z0RoRFlzXtCeSlBTcDDpg1A==
+  dependencies:
+    "@babel/runtime" "^7.22.5"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "^2.2.6"
+    rc-input "~1.5.0"
+    rc-menu "~9.14.0"
+    rc-textarea "~1.7.0"
+    rc-util "^5.34.1"
+
+rc-menu@~9.14.0, rc-menu@~9.14.1:
+  version "9.14.1"
+  resolved "https://registry.yarnpkg.com/rc-menu/-/rc-menu-9.14.1.tgz#5c2aea72bdce421e9d50bf721ad8b76c154ae66f"
+  integrity sha512-5wlRb3M8S4yGlWhSoEYJ7ZVRElyScdcpUHxgiLxkeig1tEdyKrnED3B2fhpN0Rrpdp9jyhnmZR/Lwq2fH5VvDQ==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "2.x"
+    rc-motion "^2.4.3"
+    rc-overflow "^1.3.1"
+    rc-util "^5.27.0"
+
+rc-motion@^2.0.0, rc-motion@^2.0.1, rc-motion@^2.3.0, rc-motion@^2.3.4, rc-motion@^2.4.3, rc-motion@^2.4.4, rc-motion@^2.6.1, rc-motion@^2.6.2, rc-motion@^2.9.0, rc-motion@^2.9.2:
+  version "2.9.2"
+  resolved "https://registry.yarnpkg.com/rc-motion/-/rc-motion-2.9.2.tgz#f7c6d480250df8a512d0cfdce07ff3da906958cf"
+  integrity sha512-fUAhHKLDdkAXIDLH0GYwof3raS58dtNUmzLF2MeiR8o6n4thNpSDQhOqQzWE4WfFZDCi9VEN8n7tiB7czREcyw==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-util "^5.43.0"
+
+rc-notification@~5.6.0:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/rc-notification/-/rc-notification-5.6.0.tgz#1639aa30686d79ee4bb8ace05a698a5a104aaa74"
+  integrity sha512-TGQW5T7waOxLwgJG7fXcw8l7AQiFOjaZ7ISF5PrU526nunHRNcTMuzKihQHaF4E/h/KfOCDk3Mv8eqzbu2e28w==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.9.0"
+    rc-util "^5.20.1"
+
+rc-overflow@^1.3.1, rc-overflow@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/rc-overflow/-/rc-overflow-1.3.2.tgz#72ee49e85a1308d8d4e3bd53285dc1f3e0bcce2c"
+  integrity sha512-nsUm78jkYAoPygDAcGZeC2VwIg/IBGSodtOY3pMof4W3M9qRJgqaDYm03ZayHlde3I6ipliAxbN0RUcGf5KOzw==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.37.0"
+
+rc-pagination@~4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/rc-pagination/-/rc-pagination-4.2.0.tgz#b7222b429dec38f6c74e139a30ae7765e9a0b8a6"
+  integrity sha512-V6qeANJsT6tmOcZ4XiUmj8JXjRLbkusuufpuoBw2GiAn94fIixYjFLmbruD1Sbhn8fPLDnWawPp4CN37zQorvw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.3.2"
+    rc-util "^5.38.0"
+
+rc-picker@~4.6.7:
+  version "4.6.7"
+  resolved "https://registry.yarnpkg.com/rc-picker/-/rc-picker-4.6.7.tgz#2956b15a9db17218e60832699208a61b6d38fdde"
+  integrity sha512-ZntxLH863jdNPZq2i6e2+1iXpRfYKHjNfUGgoObA1YExuWAnTCHpZzOkBuS43GnVcnp2MPDp78pH9OZJFd2hLw==
+  dependencies:
+    "@babel/runtime" "^7.24.7"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "^2.2.1"
+    rc-overflow "^1.3.2"
+    rc-resize-observer "^1.4.0"
+    rc-util "^5.43.0"
+
+rc-progress@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/rc-progress/-/rc-progress-4.0.0.tgz#5382147d9add33d3a5fbd264001373df6440e126"
+  integrity sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.6"
+    rc-util "^5.16.1"
+
+rc-rate@~2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/rc-rate/-/rc-rate-2.13.0.tgz#642f591ccf55c3a5d84d8d212caf1f7951d203a8"
+  integrity sha512-oxvx1Q5k5wD30sjN5tqAyWTvJfLNNJn7Oq3IeS4HxWfAiC4BOXMITNAsw7u/fzdtO4MS8Ki8uRLOzcnEuoQiAw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.5"
+    rc-util "^5.0.1"
+
+rc-resize-observer@^1.0.0, rc-resize-observer@^1.1.0, rc-resize-observer@^1.3.1, rc-resize-observer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/rc-resize-observer/-/rc-resize-observer-1.4.0.tgz#7bba61e6b3c604834980647cce6451914750d0cc"
+  integrity sha512-PnMVyRid9JLxFavTjeDXEXo65HCRqbmLBw9xX9gfC4BZiSzbLXKzW3jPz+J0P71pLbD5tBMTT+mkstV5gD0c9Q==
+  dependencies:
+    "@babel/runtime" "^7.20.7"
+    classnames "^2.2.1"
+    rc-util "^5.38.0"
+    resize-observer-polyfill "^1.5.1"
+
+rc-segmented@~2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/rc-segmented/-/rc-segmented-2.3.0.tgz#b3fe080fb434a266c02e30bb62a47d2c6e094341"
+  integrity sha512-I3FtM5Smua/ESXutFfb8gJ8ZPcvFR+qUgeeGFQHBOvRiRKyAk4aBE5nfqrxXx+h8/vn60DQjOt6i4RNtrbOobg==
+  dependencies:
+    "@babel/runtime" "^7.11.1"
+    classnames "^2.2.1"
+    rc-motion "^2.4.4"
+    rc-util "^5.17.0"
+
+rc-select@~14.15.0:
+  version "14.15.0"
+  resolved "https://registry.yarnpkg.com/rc-select/-/rc-select-14.15.0.tgz#5f07ea130a337b7a6df3c6379031d7539d15fef0"
+  integrity sha512-BDqnDLhhm/8VyyyDlX7ju06S75k6ObJvbsN86zqZ4SY1Fu2ANQxeSWPo7pnwx5nwA5JgG+HcQevtddAgsdeBVQ==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/trigger" "^2.1.1"
+    classnames "2.x"
+    rc-motion "^2.0.1"
+    rc-overflow "^1.3.1"
+    rc-util "^5.16.1"
+    rc-virtual-list "^3.5.2"
+
+rc-slider@~10.6.2:
+  version "10.6.2"
+  resolved "https://registry.yarnpkg.com/rc-slider/-/rc-slider-10.6.2.tgz#8bd3b63b24f2f3682ea1bf86d021073189cf33eb"
+  integrity sha512-FjkoFjyvUQWcBo1F3RgSglky3ar0+qHLM41PlFVYB4Bj3RD8E/Mv7kqMouLFBU+3aFglMzzctAIWRwajEuueSw==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.5"
+    rc-util "^5.36.0"
+
+rc-steps@~6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/rc-steps/-/rc-steps-6.0.1.tgz#c2136cd0087733f6d509209a84a5c80dc29a274d"
+  integrity sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==
+  dependencies:
+    "@babel/runtime" "^7.16.7"
+    classnames "^2.2.3"
+    rc-util "^5.16.1"
+
+rc-switch@~4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/rc-switch/-/rc-switch-4.1.0.tgz#f37d81b4e0c5afd1274fd85367b17306bf25e7d7"
+  integrity sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
+    classnames "^2.2.1"
+    rc-util "^5.30.0"
+
+rc-table@~7.45.7:
+  version "7.45.7"
+  resolved "https://registry.yarnpkg.com/rc-table/-/rc-table-7.45.7.tgz#f7c509e05c677a30ad5b212750122da6f5318004"
+  integrity sha512-wi9LetBL1t1csxyGkMB2p3mCiMt+NDexMlPbXHvQFmBBAsMxrgNSAPwUci2zDLUq9m8QdWc1Nh8suvrpy9mXrg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    "@rc-component/context" "^1.4.0"
+    classnames "^2.2.5"
+    rc-resize-observer "^1.1.0"
+    rc-util "^5.37.0"
+    rc-virtual-list "^3.14.2"
+
+rc-tabs@~15.1.1:
+  version "15.1.1"
+  resolved "https://registry.yarnpkg.com/rc-tabs/-/rc-tabs-15.1.1.tgz#99f4c7647e01d3e22216d94222d717e928ed98d0"
+  integrity sha512-Tc7bJvpEdkWIVCUL7yQrMNBJY3j44NcyWS48jF/UKMXuUlzaXK+Z/pEL5LjGcTadtPvVmNqA40yv7hmr+tCOAw==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    classnames "2.x"
+    rc-dropdown "~4.2.0"
+    rc-menu "~9.14.0"
+    rc-motion "^2.6.2"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.34.1"
+
+rc-textarea@~1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/rc-textarea/-/rc-textarea-1.7.0.tgz#115c421359dddee58c601008ec2209b41cb8f8df"
+  integrity sha512-UxizYJkWkmxP3zofXgc487QiGyDmhhheDLLjIWbFtDmiru1ls30KpO8odDaPyqNUIy9ugj5djxTEuezIn6t3Jg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "^2.2.1"
+    rc-input "~1.5.0"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.27.0"
+
+rc-tooltip@~6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/rc-tooltip/-/rc-tooltip-6.2.0.tgz#4dd7575674137a5b14f118a5c16435d3f5e4a9c9"
+  integrity sha512-iS/3iOAvtDh9GIx1ulY7EFUXUtktFccNLsARo3NPgLf0QW9oT0w3dA9cYWlhqAKmD+uriEwdWz1kH0Qs4zk2Aw==
+  dependencies:
+    "@babel/runtime" "^7.11.2"
+    "@rc-component/trigger" "^2.0.0"
+    classnames "^2.3.1"
+
+rc-tree-select@~5.22.1:
+  version "5.22.1"
+  resolved "https://registry.yarnpkg.com/rc-tree-select/-/rc-tree-select-5.22.1.tgz#02daa09624378107f4c13d4deadcf6327c669cd8"
+  integrity sha512-b8mAK52xEpRgS+b2PTapCt29GoIrO5cO8jB7AfHttFsIJfcnynY9FCtnYzURsKXJkGHbFY6UzSEB2I3TETtdWg==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-select "~14.15.0"
+    rc-tree "~5.8.1"
+    rc-util "^5.16.1"
+
+rc-tree@~5.8.1, rc-tree@~5.8.8:
+  version "5.8.8"
+  resolved "https://registry.yarnpkg.com/rc-tree/-/rc-tree-5.8.8.tgz#650a13ec825a5a4feec6bbaf6a380465986ee0db"
+  integrity sha512-S+mCMWo91m5AJqjz3PdzKilGgbFm7fFJRFiTDOcoRbD7UfMOPnerXwMworiga0O2XIo383UoWuEfeHs1WOltag==
+  dependencies:
+    "@babel/runtime" "^7.10.1"
+    classnames "2.x"
+    rc-motion "^2.0.1"
+    rc-util "^5.16.1"
+    rc-virtual-list "^3.5.1"
+
+rc-upload@~4.5.2:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/rc-upload/-/rc-upload-4.5.2.tgz#ea493fbaaf57d9369ee954b20e1d8bc35c818a1a"
+  integrity sha512-QO3ne77DwnAPKFn0bA5qJM81QBjQi0e0NHdkvpFyY73Bea2NfITiotqJqVjHgeYPOJu5lLVR32TNGP084aSoXA==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    classnames "^2.2.5"
+    rc-util "^5.2.0"
+
+rc-util@^5.0.1, rc-util@^5.16.1, rc-util@^5.17.0, rc-util@^5.18.1, rc-util@^5.2.0, rc-util@^5.20.1, rc-util@^5.21.0, rc-util@^5.24.4, rc-util@^5.25.2, rc-util@^5.27.0, rc-util@^5.30.0, rc-util@^5.31.1, rc-util@^5.32.2, rc-util@^5.34.1, rc-util@^5.35.0, rc-util@^5.36.0, rc-util@^5.37.0, rc-util@^5.38.0, rc-util@^5.38.1, rc-util@^5.40.1, rc-util@^5.43.0:
+  version "5.43.0"
+  resolved "https://registry.yarnpkg.com/rc-util/-/rc-util-5.43.0.tgz#bba91fbef2c3e30ea2c236893746f3e9b05ecc4c"
+  integrity sha512-AzC7KKOXFqAdIBqdGWepL9Xn7cm3vnAmjlHqUnoQaTMZYhM4VlXGLkkHHxj/BZ7Td0+SOPKB4RGPboBVKT9htw==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    react-is "^18.2.0"
+
+rc-virtual-list@^3.14.2, rc-virtual-list@^3.5.1, rc-virtual-list@^3.5.2:
+  version "3.14.5"
+  resolved "https://registry.yarnpkg.com/rc-virtual-list/-/rc-virtual-list-3.14.5.tgz#593cd13fe05eabf4ad098329704a30c77701869e"
+  integrity sha512-ZMOnkCLv2wUN8Jz7yI4XiSLa9THlYvf00LuMhb1JlsQCewuU7ydPuHw1rGVPhe9VZYl/5UqODtNd7QKJ2DMGfg==
+  dependencies:
+    "@babel/runtime" "^7.20.0"
+    classnames "^2.2.6"
+    rc-resize-observer "^1.0.0"
+    rc-util "^5.36.0"
+
+react-chronos@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/react-chronos/-/react-chronos-1.0.5.tgz#bb9c1fdb8efdd91a3a8ab4890c9a34f7b29ffb54"
+  integrity sha512-kUKfFAlbqLrZVQ0LbIJKu0qjBhFcAfjuB57+qcJBruqxHw32kVNcBjVvQtC0vV/hQRB1xyen3VcW1EG+DeoUiA==
+  dependencies:
+    classnames "^2.2.5"
+    lodash "^4.16.6"
+
+react-cool-onclickoutside@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/react-cool-onclickoutside/-/react-cool-onclickoutside-1.7.0.tgz#abc844e14852220fe15f81d7ef44976d15cd9980"
+  integrity sha512-HVZK2155Unee+enpoHKyYP2UdQK69thw90XAOUCjvJBcgRSgfRPgWWt/W1dYzoGp3+nleAa8SJxF1d4FMA4Qmw==
+
+react-dom@latest:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
+  dependencies:
+    loose-envify "^1.1.0"
+    scheduler "^0.23.2"
+
+react-fast-compare@^2.0.1:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
+  integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
+
+react-google-button@^0.7.2:
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/react-google-button/-/react-google-button-0.7.2.tgz#5bb2bcb0d54e36da3cd3b712a6fac4f9209b764c"
+  integrity sha512-LPIqU2hIlc212kqks8MtKjRstquVkP3SIjxlK5B1nIfg2R7YqSusJAxZUkJA5dv/z6QeSuGyI9ujwV/VWMTyAA==
+  dependencies:
+    prop-types "^15.7.2"
+
+react-hot-toast@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/react-hot-toast/-/react-hot-toast-2.4.1.tgz#df04295eda8a7b12c4f968e54a61c8d36f4c0994"
+  integrity sha512-j8z+cQbWIM5LY37pR6uZR6D4LfseplqnuAO4co4u8917hBUvXlEqyP1ZzqVLcqoyUesZZv/ImreoCeHVDpE5pQ==
+  dependencies:
+    goober "^2.1.10"
+
+react-icons@^4.12.0:
+  version "4.12.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.12.0.tgz#54806159a966961bfd5cdb26e492f4dafd6a8d78"
+  integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
+
+react-is@^16.13.1, react-is@^16.7.0:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-is@^18.2.0:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
+
+react-lifecycles-compat@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
+react-modal@^3.16.1:
+  version "3.16.1"
+  resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b"
+  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.7.2"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
+react-redux@^9.0.4:
+  version "9.1.2"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-9.1.2.tgz#deba38c64c3403e9abd0c3fbeab69ffd9d8a7e4b"
+  integrity sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==
+  dependencies:
+    "@types/use-sync-external-store" "^0.0.3"
+    use-sync-external-store "^1.0.0"
+
+react-remove-scroll-bar@^2.3.3, react-remove-scroll-bar@^2.3.4:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
+  integrity sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==
+  dependencies:
+    react-style-singleton "^2.2.1"
+    tslib "^2.0.0"
+
+react-remove-scroll@2.5.4:
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.4.tgz#afe6491acabde26f628f844b67647645488d2ea0"
+  integrity sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==
+  dependencies:
+    react-remove-scroll-bar "^2.3.3"
+    react-style-singleton "^2.2.1"
+    tslib "^2.1.0"
+    use-callback-ref "^1.3.0"
+    use-sidecar "^1.1.2"
+
+react-remove-scroll@2.5.7:
+  version "2.5.7"
+  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz#15a1fd038e8497f65a695bf26a4a57970cac1ccb"
+  integrity sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==
+  dependencies:
+    react-remove-scroll-bar "^2.3.4"
+    react-style-singleton "^2.2.1"
+    tslib "^2.1.0"
+    use-callback-ref "^1.3.0"
+    use-sidecar "^1.1.2"
+
+react-responsive@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/react-responsive/-/react-responsive-10.0.0.tgz#657c7a90823cd565f43aa5918bd8eb0cd2c91c91"
+  integrity sha512-N6/UiRLGQyGUqrarhBZmrSmHi2FXSD++N5VbSKsBBvWfG0ZV7asvUBluSv5lSzdMyEVjzZ6Y8DL4OHABiztDOg==
+  dependencies:
+    hyphenate-style-name "^1.0.0"
+    matchmediaquery "^0.4.2"
+    prop-types "^15.6.1"
+    shallow-equal "^3.1.0"
+
+react-select@^5.8.0:
+  version "5.8.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.8.0.tgz#bd5c467a4df223f079dd720be9498076a3f085b5"
+  integrity sha512-TfjLDo58XrhP6VG5M/Mi56Us0Yt8X7xD6cDybC7yoRMUNm7BGO7qk8J0TLQOua/prb8vUOtsfnXZwfm30HGsAA==
+  dependencies:
+    "@babel/runtime" "^7.12.0"
+    "@emotion/cache" "^11.4.0"
+    "@emotion/react" "^11.8.1"
+    "@floating-ui/dom" "^1.0.1"
+    "@types/react-transition-group" "^4.4.0"
+    memoize-one "^6.0.0"
+    prop-types "^15.6.0"
+    react-transition-group "^4.3.0"
+    use-isomorphic-layout-effect "^1.1.2"
+
+react-style-singleton@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/react-style-singleton/-/react-style-singleton-2.2.1.tgz#f99e420492b2d8f34d38308ff660b60d0b1205b4"
+  integrity sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==
+  dependencies:
+    get-nonce "^1.0.0"
+    invariant "^2.2.4"
+    tslib "^2.0.0"
+
+react-table@^7.8.0:
+  version "7.8.0"
+  resolved "https://registry.yarnpkg.com/react-table/-/react-table-7.8.0.tgz#07858c01c1718c09f7f1aed7034fcfd7bda907d2"
+  integrity sha512-hNaz4ygkZO4bESeFfnfOft73iBUj8K5oKi1EcSHPAibEydfsX2MyU6Z8KCr3mv3C9Kqqh71U+DhZkFvibbnPbA==
+
+react-transition-group@^4.3.0, react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
+react@latest:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+redux-thunk@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/redux-thunk/-/redux-thunk-3.1.0.tgz#94aa6e04977c30e14e892eae84978c1af6058ff3"
+  integrity sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==
+
+redux@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/redux/-/redux-5.0.1.tgz#97fa26881ce5746500125585d5642c77b6e9447b"
+  integrity sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==
+
+reflect.getprototypeof@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz#3ab04c32a8390b770712b7a8633972702d278859"
+  integrity sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.1"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
+regenerator-runtime@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
+  integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
+
+regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
+  integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
+  dependencies:
+    call-bind "^1.0.6"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    set-function-name "^2.0.1"
+
+remove-accents@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/remove-accents/-/remove-accents-0.5.0.tgz#77991f37ba212afba162e375b627631315bed687"
+  integrity sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==
+
+reselect@^5.1.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/reselect/-/reselect-5.1.1.tgz#c766b1eb5d558291e5e550298adb0becc24bb72e"
+  integrity sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==
+
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
+resolve-from@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
+  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
+
+resolve-pkg-maps@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
+  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
+
+resolve@^1.1.7, resolve@^1.19.0, resolve@^1.22.2, resolve@^1.22.4:
+  version "1.22.8"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
+  integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^2.0.0-next.5:
+  version "2.0.0-next.5"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
+  integrity sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
+run-parallel@^1.1.9:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+  dependencies:
+    queue-microtask "^1.2.2"
+
+safe-array-concat@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb"
+  integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==
+  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:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
+  integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
+  dependencies:
+    call-bind "^1.0.6"
+    es-errors "^1.3.0"
+    is-regex "^1.1.4"
+
+scheduler@^0.23.2:
+  version "0.23.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
+  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
+scroll-into-view-if-needed@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz#fa9524518c799b45a2ef6bbffb92bcad0296d01f"
+  integrity sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==
+  dependencies:
+    compute-scroll-into-view "^3.0.2"
+
+semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.5.4:
+  version "7.6.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.2.tgz#1e3b34759f896e8f14d6134732ce798aeb0c6e13"
+  integrity sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==
+
+set-function-length@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
+  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.1, set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+shallow-equal@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-3.1.0.tgz#e7a54bac629c7f248eff6c2f5b63122ba4320bec"
+  integrity sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg==
+
+shallowequal@1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
+  integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
+
+shebang-command@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+  dependencies:
+    shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+side-channel@^1.0.4, side-channel@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
+  integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.4"
+    object-inspect "^1.13.1"
+
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+source-map-js@^1.0.2, source-map-js@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
+  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
+
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
+ssf@~0.11.2:
+  version "0.11.2"
+  resolved "https://registry.yarnpkg.com/ssf/-/ssf-0.11.2.tgz#0b99698b237548d088fc43cdf2b70c1a7512c06c"
+  integrity sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==
+  dependencies:
+    frac "~1.1.2"
+
+stop-iteration-iterator@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz#6a60be0b4ee757d1ed5254858ec66b10c49285e4"
+  integrity sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==
+  dependencies:
+    internal-slot "^1.0.4"
+
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
+string-convert@^0.2.0:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/string-convert/-/string-convert-0.2.1.tgz#6982cc3049fbb4cd85f8b24568b9d9bf39eeff97"
+  integrity sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==
+
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
+string.prototype.includes@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.0.tgz#8986d57aee66d5460c144620a6d873778ad7289f"
+  integrity sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.5"
+
+string.prototype.matchall@^4.0.11:
+  version "4.0.11"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz#1092a72c59268d2abaad76582dccc687c0297e0a"
+  integrity sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.7"
+    regexp.prototype.flags "^1.5.2"
+    set-function-name "^2.0.2"
+    side-channel "^1.0.6"
+
+string.prototype.trim@^1.2.9:
+  version "1.2.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4"
+  integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.0"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimend@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229"
+  integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
+strip-ansi@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
+
+strip-json-comments@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
+  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+
+styled-components@^6.1.8:
+  version "6.1.11"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.11.tgz#01948e5195bf1d39e57e0a85b41958c80e40cfb8"
+  integrity sha512-Ui0jXPzbp1phYij90h12ksljKGqF8ncGx+pjrNPsSPhbUUjWT2tD1FwGo2LF6USCnbrsIhNngDfodhxbegfEOA==
+  dependencies:
+    "@emotion/is-prop-valid" "1.2.2"
+    "@emotion/unitless" "0.8.1"
+    "@types/stylis" "4.2.5"
+    css-to-react-native "3.2.0"
+    csstype "3.1.3"
+    postcss "8.4.38"
+    shallowequal "1.1.0"
+    stylis "4.3.2"
+    tslib "2.6.2"
+
+styled-jsx@5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
+  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
+  dependencies:
+    client-only "0.0.1"
+
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
+stylis@4.3.2, stylis@^4.0.13:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.2.tgz#8f76b70777dd53eb669c6f58c997bf0a9972e444"
+  integrity sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==
+
+sucrase@^3.32.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+supports-preserve-symlinks-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
+  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
+
+tailwind-merge@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.3.0.tgz#27d2134fd00a1f77eca22bcaafdd67055917d286"
+  integrity sha512-vkYrLpIP+lgR0tQCG6AP7zZXCTLc1Lnv/CCRT3BqJ9CZ3ui2++GPaGb1x/ILsINIMSYqqvrpqjUFsMNLlW99EA==
+  dependencies:
+    "@babel/runtime" "^7.24.1"
+
+tailwindcss-animate@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
+  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
+
+tailwindcss@latest:
+  version "3.4.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.4.tgz#351d932273e6abfa75ce7d226b5bf3a6cb257c05"
+  integrity sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.0"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
+tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
+text-table@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
+  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
+
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
+throttle-debounce@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-5.0.2.tgz#ec5549d84e053f043c9fd0f2a6dd892ff84456b1"
+  integrity sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==
+
+tiny-case@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-case/-/tiny-case-1.0.3.tgz#d980d66bc72b5d5a9ca86fb7c9ffdb9c898ddd03"
+  integrity sha512-Eet/eeMhkO6TX8mnUteS9zgPbUMQa4I6Kkp5ORiBD5476/m+PIRiumP5tmh5ioJpH7k51Kehawy2UDfsnxxY8Q==
+
+tiny-warning@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
+  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
+
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+toggle-selection@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
+  integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
+
+toposort@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
+  integrity sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==
+
+ts-api-utils@^1.0.1:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.3.0.tgz#4b490e27129f1e8e686b45cc4ab63714dc60eea1"
+  integrity sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==
+
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.2"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
+tslib@2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
+
+tslib@^1.11.1:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
+  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+
+tslib@^2.0.0, tslib@^2.1.0, tslib@^2.4.0:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.3.tgz#0438f810ad7a9edcde7a241c3d80db693c8cbfe0"
+  integrity sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==
+
+type-check@^0.4.0, type-check@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
+  integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
+  dependencies:
+    prelude-ls "^1.2.1"
+
+type-fest@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
+  integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+typed-array-buffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3"
+  integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==
+  dependencies:
+    call-bind "^1.0.7"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.13"
+
+typed-array-byte-length@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67"
+  integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==
+  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:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063"
+  integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==
+  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:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3"
+  integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==
+  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@latest:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.5.3.tgz#e1b0a3c394190838a0b168e771b0ad56a0af0faa"
+  integrity sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==
+
+unbox-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
+  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+  dependencies:
+    call-bind "^1.0.2"
+    has-bigints "^1.0.2"
+    has-symbols "^1.0.3"
+    which-boxed-primitive "^1.0.2"
+
+undici-types@~5.26.4:
+  version "5.26.5"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
+update-browserslist-db@^1.0.16:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
+  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
+  dependencies:
+    escalade "^3.1.2"
+    picocolors "^1.0.1"
+
+uri-js@^4.2.2:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
+  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
+  dependencies:
+    punycode "^2.1.0"
+
+use-callback-ref@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.2.tgz#6134c7f6ff76e2be0b56c809b17a650c942b1693"
+  integrity sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==
+  dependencies:
+    tslib "^2.0.0"
+
+use-isomorphic-layout-effect@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+use-sidecar@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"
+  integrity sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==
+  dependencies:
+    detect-node-es "^1.1.0"
+    tslib "^2.0.0"
+
+use-sync-external-store@^1.0.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.2.tgz#c3b6390f3a30eba13200d2302dcdf1e7b57b2ef9"
+  integrity sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==
+
+util-deprecate@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
+
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
+
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
+which-boxed-primitive@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
+  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+  dependencies:
+    is-bigint "^1.0.1"
+    is-boolean-object "^1.1.0"
+    is-number-object "^1.0.4"
+    is-string "^1.0.5"
+    is-symbol "^1.0.3"
+
+which-builtin-type@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
+  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+  dependencies:
+    function.prototype.name "^1.1.5"
+    has-tostringtag "^1.0.0"
+    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.1"
+    which-typed-array "^1.1.9"
+
+which-collection@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  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.13, which-typed-array@^1.1.14, which-typed-array@^1.1.15, which-typed-array@^1.1.9:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d"
+  integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==
+  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.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+  dependencies:
+    isexe "^2.0.0"
+
+wmf@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wmf/-/wmf-1.0.2.tgz#7d19d621071a08c2bdc6b7e688a9c435298cc2da"
+  integrity sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==
+
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+word@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/word/-/word-0.3.0.tgz#8542157e4f8e849f4a363a288992d47612db9961"
+  integrity sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+xlsx@^0.18.5:
+  version "0.18.5"
+  resolved "https://registry.yarnpkg.com/xlsx/-/xlsx-0.18.5.tgz#16711b9113c848076b8a177022799ad356eba7d0"
+  integrity sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==
+  dependencies:
+    adler-32 "~1.3.0"
+    cfb "~1.2.1"
+    codepage "~1.15.0"
+    crc-32 "~1.2.1"
+    ssf "~0.11.2"
+    wmf "~1.0.1"
+    word "~0.3.0"
+
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
+yaml@^2.3.4:
+  version "2.4.5"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.4.5.tgz#60630b206dd6d84df97003d33fc1ddf6296cca5e"
+  integrity sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==
+
+yocto-queue@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
+  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+yup@^1.3.3:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/yup/-/yup-1.4.0.tgz#898dcd660f9fb97c41f181839d3d65c3ee15a43e"
+  integrity sha512-wPbgkJRCqIf+OHyiTBQoJiP5PFuAXaWiJK6AmYkzQAh5/c2K9hzSApBZG5wV9KoKSePF7sAxmNSvh/13YHkFDg==
+  dependencies:
+    property-expr "^2.0.5"
+    tiny-case "^1.0.3"
+    toposort "^2.0.2"
+    type-fest "^2.19.0"