diff --git a/lib/app-setup/root.tsx b/lib/app-setup/root.tsx
index 55824610f..f959a4f38 100644
--- a/lib/app-setup/root.tsx
+++ b/lib/app-setup/root.tsx
@@ -15,7 +15,6 @@ import { ReactNode, useEffect } from 'react';
 import skeletonCSS from 'react-loading-skeleton/dist/skeleton.css';
 import styleReactPulsable from 'react-pulsable/index.css';
 import reactToast from 'react-toastify/dist/ReactToastify.css';
-import styleZenerSelect from '@oshq/react-select/index.css';
 import rcss from 'react-highlightjs-logs/dist/index.css';
 import Container from '~/components/atoms/container';
 import ProgressContainer, {
@@ -42,7 +41,6 @@ export const links: LinksFunction = () => [
   { rel: 'stylesheet', href: skeletonCSS },
   { rel: 'stylesheet', href: rcSlide },
   { rel: 'stylesheet', href: styleReactPulsable },
-  { rel: 'stylesheet', href: styleZenerSelect },
   { rel: 'stylesheet', href: rcss },
   {
     rel: 'stylesheet',
diff --git a/package.json b/package.json
index 2f6cb2ad0..247b0e0d2 100644
--- a/package.json
+++ b/package.json
@@ -1,143 +1,143 @@
 {
-	"name": "kloudlite.github.io",
-	"private": true,
-	"version": "0.0.0",
-	"homepage": "https://kloudlite.github.io",
-	"type": "module",
-	"scripts": {
-		"postinstall": "cd src/generated && pnpm i",
-		"fake": "esbuild fake-data-generator/gen.ts --format=cjs --outfile=public/dist/fake-data-generator.cjs --platform=node && node public/dist/fake-data-generator.cjs",
-		"dev": "remix dev",
-		"serve": "remix-serve ./public/${APP}/server",
-		"watch": "nodemon --watch lib --watch src/${APP} --exec \"pnpm typecheck\"",
-		"start": "sh scripts/run.sh",
-		"build:ts": "pnpm fake && pnpm typecheck && remix build",
-		"build": "remix build",
-		"dbuild": "docker build --build-arg APP=${APP} . -t ghcr.io/kloudlite/web/${APP}:${IMAGE_TAG}",
-		"dpush": "docker push ghcr.io/kloudlite/web/${APP}:${IMAGE_TAG}",
-		"typecheck:watch": "tsc -w --p tsconfig-compile.json",
-		"typecheck": "tsc --p tsconfig-compile.json",
-		"typecheck:withtsgen": "pnpm tsgen && pnpm typecheck",
-		"gql:parse": "esbuild gql-queries-generator/index.ts --bundle --format=cjs --outfile=public/dist/gql-generator.cjs --platform=node && node public/dist/gql-generator.cjs",
-		"tsgen": "pnpm gql:parse && cd src/generated && pnpm tsgen",
-		"tsc": "tsc /Users/piyush/workspace/kloudlite/web/src/apps/iot-console/utils/commons.tsx"
-	},
-	"dependencies": {
-		"@jengaicons/react": "1.6.0",
-		"@mdx-js/react": "^2.3.0",
-		"@monaco-editor/react": "^4.6.0",
-		"@oshq/react-select": "^1.4.4",
-		"@radix-ui/primitive": "^1.0.1",
-		"@radix-ui/react-alert-dialog": "1.0.4",
-		"@radix-ui/react-checkbox": "^1.0.4",
-		"@radix-ui/react-collection": "^1.0.3",
-		"@radix-ui/react-compose-refs": "^1.0.1",
-		"@radix-ui/react-context": "^1.0.1",
-		"@radix-ui/react-dialog": "1.0.4",
-		"@radix-ui/react-direction": "1.0.1",
-		"@radix-ui/react-dismissable-layer": "^1.0.5",
-		"@radix-ui/react-dropdown-menu": "^2.0.6",
-		"@radix-ui/react-focus-guards": "^1.0.1",
-		"@radix-ui/react-focus-scope": "^1.0.4",
-		"@radix-ui/react-id": "^1.0.1",
-		"@radix-ui/react-menu": "2.0.5",
-		"@radix-ui/react-navigation-menu": "^1.1.4",
-		"@radix-ui/react-popover": "1.0.6",
-		"@radix-ui/react-popper": "^1.1.3",
-		"@radix-ui/react-portal": "^1.0.4",
-		"@radix-ui/react-presence": "^1.0.1",
-		"@radix-ui/react-primitive": "^1.0.3",
-		"@radix-ui/react-radio-group": "1.1.3",
-		"@radix-ui/react-roving-focus": "^1.0.4",
-		"@radix-ui/react-select": "^2.0.0",
-		"@radix-ui/react-separator": "^1.0.3",
-		"@radix-ui/react-slot": "^1.0.2",
-		"@radix-ui/react-switch": "^1.0.3",
-		"@radix-ui/react-toast": "^1.1.5",
-		"@radix-ui/react-toggle-group": "^1.0.4",
-		"@radix-ui/react-tooltip": "^1.0.7",
-		"@radix-ui/react-use-callback-ref": "^1.0.1",
-		"@radix-ui/react-use-controllable-state": "^1.0.1",
-		"@react-aria/focus": "^3.16.0",
-		"@react-aria/gridlist": "^3.7.3",
-		"@react-types/shared": "^3.22.0",
-		"@remix-run/node": "^1.19.3",
-		"@remix-run/react": "^1.19.3",
-		"anser": "^2.1.1",
-		"apexcharts": "^3.45.2",
-		"aria-hidden": "^1.2.3",
-		"axios": "^1.6.3",
-		"classnames": "^2.5.1",
-		"cookie": "^0.5.0",
-		"dayjs": "^1.11.10",
-		"framer-motion": "^11.0.23",
-		"fuse.js": "^6.6.2",
-		"graphql": "^16.8.1",
-		"graphql-tag": "^2.12.6",
-		"highlight.js": "^11.9.0",
-		"isbot": "^3.8.0",
-		"js-cookie": "^3.0.5",
-		"js-yaml": "^4.1.0",
-		"pino": "^8.17.2",
-		"rc-slider": "^10.5.0",
-		"react": "18.2.0",
-		"react-diff-viewer-continued": "^3.4.0",
-		"react-dom": "^18.2.0",
-		"react-google-recaptcha-v3": "^1.10.1",
-		"react-highlightjs-logs": "^1.1.0",
-		"react-hook-form": "^7.49.2",
-		"react-loading-skeleton": "^3.3.1",
-		"react-pulsable": "^1.0.17",
-		"react-qr-code": "^2.0.12",
-		"react-remove-scroll": "^2.5.7",
-		"react-router-dom": "^6.21.1",
-		"react-toastify": "^9.1.3",
-		"react-tooltip": "^5.27.0",
-		"react-viewport-list": "^7.1.2",
-		"reconnecting-websocket": "^4.4.0",
-		"remix": "^1.19.3",
-		"search-in-json": "^1.0.67",
-		"swr": "^2.2.4",
-		"use-immer": "^0.9.0",
-		"uuid": "^9.0.1",
-		"yup": "^1.3.3"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.23.7",
-		"@babel/preset-env": "^7.23.7",
-		"@faker-js/faker": "^8.3.1",
-		"@remix-run/dev": "^1.19.3",
-		"@remix-run/serve": "^1.19.3",
-		"@types/cookie": "^0.5.4",
-		"@types/js-cookie": "^3.0.6",
-		"@types/js-yaml": "^4.0.9",
-		"@types/react": "^18.2.46",
-		"@types/react-dom": "^18.2.18",
-		"@types/react-ranger": "^2.0.4",
-		"@types/uuid": "^9.0.7",
-		"@typescript-eslint/eslint-plugin": "^6.17.0",
-		"@typescript-eslint/parser": "^6.17.0",
-		"autoprefixer": "^10.4.16",
-		"esbuild": "^0.19.11",
-		"eslint": "^8.56.0",
-		"eslint-config-airbnb": "19.0.4",
-		"eslint-config-prettier": "^8.10.0",
-		"eslint-import-resolver-jsconfig": "^1.1.0",
-		"eslint-import-resolver-node": "^0.3.9",
-		"eslint-import-resolver-typescript": "^3.6.1",
-		"eslint-plugin-import": "^2.29.1",
-		"eslint-plugin-jsx-a11y": "^6.8.0",
-		"eslint-plugin-prefer-arrow-functions": "^3.2.4",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.33.2",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"faker": "^5.5.3",
-		"json-schema-faker": "^0.5.4",
-		"nodemon": "^2.0.22",
-		"prettier": "^2.8.8",
-		"remix-flat-routes": "^0.6.4",
-		"tailwindcss": "^3.4.0",
-		"typescript": "^5.3.3",
-		"typescript-json-schema": "^0.62.0"
-	}
+  "name": "kloudlite.github.io",
+  "private": true,
+  "version": "0.0.0",
+  "homepage": "https://kloudlite.github.io",
+  "type": "module",
+  "scripts": {
+    "postinstall": "cd src/generated && pnpm i",
+    "fake": "esbuild fake-data-generator/gen.ts --format=cjs --outfile=public/dist/fake-data-generator.cjs --platform=node && node public/dist/fake-data-generator.cjs",
+    "dev": "remix dev",
+    "serve": "remix-serve ./public/${APP}/server",
+    "watch": "nodemon --watch lib --watch src/${APP} --exec \"pnpm typecheck\"",
+    "start": "sh scripts/run.sh",
+    "build:ts": "pnpm fake && pnpm typecheck && remix build",
+    "build": "remix build",
+    "dbuild": "docker build --build-arg APP=${APP} . -t ghcr.io/kloudlite/web/${APP}:${IMAGE_TAG}",
+    "dpush": "docker push ghcr.io/kloudlite/web/${APP}:${IMAGE_TAG}",
+    "typecheck:watch": "tsc -w --p tsconfig-compile.json",
+    "typecheck": "tsc --p tsconfig-compile.json",
+    "typecheck:withtsgen": "pnpm tsgen && pnpm typecheck",
+    "gql:parse": "esbuild gql-queries-generator/index.ts --bundle --format=cjs --outfile=public/dist/gql-generator.cjs --platform=node && node public/dist/gql-generator.cjs",
+    "tsgen": "pnpm gql:parse && cd src/generated && pnpm tsgen",
+    "tsc": "tsc /Users/piyush/workspace/kloudlite/web/src/apps/iot-console/utils/commons.tsx"
+  },
+  "dependencies": {
+    "@jengaicons/react": "1.6.0",
+    "@mdx-js/react": "^2.3.0",
+    "@monaco-editor/react": "^4.6.0",
+    "@oshq/react-select": "^1.4.6",
+    "@radix-ui/primitive": "^1.0.1",
+    "@radix-ui/react-alert-dialog": "1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collection": "^1.0.3",
+    "@radix-ui/react-compose-refs": "^1.0.1",
+    "@radix-ui/react-context": "^1.0.1",
+    "@radix-ui/react-dialog": "1.0.4",
+    "@radix-ui/react-direction": "1.0.1",
+    "@radix-ui/react-dismissable-layer": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-focus-guards": "^1.0.1",
+    "@radix-ui/react-focus-scope": "^1.0.4",
+    "@radix-ui/react-id": "^1.0.1",
+    "@radix-ui/react-menu": "2.0.5",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
+    "@radix-ui/react-popover": "1.0.6",
+    "@radix-ui/react-popper": "^1.1.3",
+    "@radix-ui/react-portal": "^1.0.4",
+    "@radix-ui/react-presence": "^1.0.1",
+    "@radix-ui/react-primitive": "^1.0.3",
+    "@radix-ui/react-radio-group": "1.1.3",
+    "@radix-ui/react-roving-focus": "^1.0.4",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-use-callback-ref": "^1.0.1",
+    "@radix-ui/react-use-controllable-state": "^1.0.1",
+    "@react-aria/focus": "^3.16.0",
+    "@react-aria/gridlist": "^3.7.3",
+    "@react-types/shared": "^3.22.0",
+    "@remix-run/node": "^1.19.3",
+    "@remix-run/react": "^1.19.3",
+    "anser": "^2.1.1",
+    "apexcharts": "^3.45.2",
+    "aria-hidden": "^1.2.3",
+    "axios": "^1.6.3",
+    "classnames": "^2.5.1",
+    "cookie": "^0.5.0",
+    "dayjs": "^1.11.10",
+    "framer-motion": "^11.0.23",
+    "fuse.js": "^6.6.2",
+    "graphql": "^16.8.1",
+    "graphql-tag": "^2.12.6",
+    "highlight.js": "^11.9.0",
+    "isbot": "^3.8.0",
+    "js-cookie": "^3.0.5",
+    "js-yaml": "^4.1.0",
+    "pino": "^8.17.2",
+    "rc-slider": "^10.5.0",
+    "react": "18.2.0",
+    "react-diff-viewer-continued": "^3.4.0",
+    "react-dom": "^18.2.0",
+    "react-google-recaptcha-v3": "^1.10.1",
+    "react-highlightjs-logs": "^1.1.0",
+    "react-hook-form": "^7.49.2",
+    "react-loading-skeleton": "^3.3.1",
+    "react-pulsable": "^1.0.17",
+    "react-qr-code": "^2.0.12",
+    "react-remove-scroll": "^2.5.7",
+    "react-router-dom": "^6.21.1",
+    "react-toastify": "^9.1.3",
+    "react-tooltip": "^5.27.0",
+    "react-viewport-list": "^7.1.2",
+    "reconnecting-websocket": "^4.4.0",
+    "remix": "^1.19.3",
+    "search-in-json": "^1.0.67",
+    "swr": "^2.2.4",
+    "use-immer": "^0.9.0",
+    "uuid": "^9.0.1",
+    "yup": "^1.3.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.7",
+    "@faker-js/faker": "^8.3.1",
+    "@remix-run/dev": "^1.19.3",
+    "@remix-run/serve": "^1.19.3",
+    "@types/cookie": "^0.5.4",
+    "@types/js-cookie": "^3.0.6",
+    "@types/js-yaml": "^4.0.9",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-ranger": "^2.0.4",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "@typescript-eslint/parser": "^6.17.0",
+    "autoprefixer": "^10.4.16",
+    "esbuild": "^0.19.11",
+    "eslint": "^8.56.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-import-resolver-jsconfig": "^1.1.0",
+    "eslint-import-resolver-node": "^0.3.9",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prefer-arrow-functions": "^3.2.4",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "faker": "^5.5.3",
+    "json-schema-faker": "^0.5.4",
+    "nodemon": "^2.0.22",
+    "prettier": "^2.8.8",
+    "remix-flat-routes": "^0.6.4",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.3.3",
+    "typescript-json-schema": "^0.62.0"
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 19ab52d3e..fd3d30c30 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,8 +15,8 @@ dependencies:
     specifier: ^4.6.0
     version: 4.6.0(monaco-editor@0.49.0)(react-dom@18.3.1)(react@18.2.0)
   '@oshq/react-select':
-    specifier: ^1.4.4
-    version: 1.4.4(@radix-ui/react-portal@1.0.4)(classnames@2.5.1)(framer-motion@11.2.9)(rc-virtual-list@3.14.2)(react@18.2.0)
+    specifier: ^1.4.6
+    version: 1.4.6(@radix-ui/react-portal@1.0.4)(classnames@2.5.1)(framer-motion@11.2.9)(rc-virtual-list@3.14.2)(react@18.2.0)
   '@radix-ui/primitive':
     specifier: ^1.0.1
     version: 1.0.1
@@ -2557,8 +2557,8 @@ packages:
       json-parse-even-better-errors: 2.3.1
     dev: true
 
-  /@oshq/react-select@1.4.4(@radix-ui/react-portal@1.0.4)(classnames@2.5.1)(framer-motion@11.2.9)(rc-virtual-list@3.14.2)(react@18.2.0):
-    resolution: {integrity: sha512-jfMSnookesY0ge/q1amjpj16cmG09MU6YAjfHlpJ3GDxB5vjo/60I+cv9pWzTUcKNlZd1tuRZd9zKjggALz3IA==}
+  /@oshq/react-select@1.4.6(@radix-ui/react-portal@1.0.4)(classnames@2.5.1)(framer-motion@11.2.9)(rc-virtual-list@3.14.2)(react@18.2.0):
+    resolution: {integrity: sha512-3hB9XHPeyr4HNOVp9YriCd2GduChrEUkc17aa6cAi9sNn62eNHPdRlVRS+1CUibc31H2Gu5z2CqGaeFAovJzCQ==}
     peerDependencies:
       '@radix-ui/react-portal': ^1.0.4
       classnames: ^2.3.2
diff --git a/src/apps/devdoc/.npmrc b/src/apps/devdoc/.npmrc
new file mode 100644
index 000000000..6c59086d8
--- /dev/null
+++ b/src/apps/devdoc/.npmrc
@@ -0,0 +1 @@
+enable-pre-post-scripts=true
diff --git a/src/apps/devdoc/app/components/footer.tsx b/src/apps/devdoc/app/components/footer.tsx
index d2502bcc2..fec99081f 100644
--- a/src/apps/devdoc/app/components/footer.tsx
+++ b/src/apps/devdoc/app/components/footer.tsx
@@ -20,6 +20,7 @@ const FooterLink = ({ to, children }: { to: string; children: ReactNode }) => {
 
 interface IFooterMenu {
   className?: string;
+  title?: ReactNode;
   items: {
     title: string;
     to: string;
@@ -36,28 +37,44 @@ const FooterMobile = ({ brand, extra, menu }: IFooterItem) => {
     <div className="md:wb-hidden wb-border-x wb-border-border-default wb-flex wb-flex-col wb-pb-6xl">
       <div className="wb-flex wb-flex-row">
         <div className="wb-flex wb-flex-col wb-gap-6xl wb-pl-lg wb-basis-1/2 wb-border-r wb-border-border-default">
-          <div className="wb-flex wb-flex-col wb-gap-lg wb-pt-6xl">
-            {menu[0].items.map((item) => (
-              <FooterLink key={item.title} to={item.to}>
-                {item.title}
-              </FooterLink>
-            ))}
+          <div className="wb-flex wb-flex-col wb-gap-2xl wb-pt-6xl">
+            <div className="wb-text-text-default wb-headingMd wb-pl-md">
+              {menu[0].title}
+            </div>
+            <div className="wb-flex wb-flex-col wb-gap-lg">
+              {menu[0].items.map((item) => (
+                <FooterLink key={item.title} to={item.to}>
+                  {item.title}
+                </FooterLink>
+              ))}
+            </div>
+          </div>
+          <div className="wb-flex wb-flex-col wb-gap-2xl wb-pb-3xl">
+            <div className="wb-text-text-default wb-headingMd wb-pl-md">
+              {menu[1].title}
+            </div>
+            <div className="wb-flex wb-flex-col wb-gap-lg">
+              {menu[1].items.map((item) => (
+                <FooterLink key={item.title} to={item.to}>
+                  {item.title}
+                </FooterLink>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <div className="wb-flex wb-flex-col wb-gap-2xl wb-basis-1/2 wb-pl-lg wb-pt-6xl">
+          <div className="wb-text-text-default wb-headingMd wb-pl-md">
+            {menu[2].title}
           </div>
-          <div className="wb-flex wb-flex-col wb-gap-lg wb-pb-3xl">
-            {menu[1].items.map((item) => (
+          <div className="wb-flex wb-flex-col wb-gap-lg">
+            {menu[2].items.map((item) => (
               <FooterLink key={item.title} to={item.to}>
                 {item.title}
               </FooterLink>
             ))}
           </div>
         </div>
-        <div className="wb-flex wb-flex-col wb-gap-lg wb-basis-1/2 wb-pl-lg wb-pt-6xl">
-          {menu[2].items.map((item) => (
-            <FooterLink key={item.title} to={item.to}>
-              {item.title}
-            </FooterLink>
-          ))}
-        </div>
       </div>
       <div className="wb-h-xs bg-border-default wb-w-[calc(100%_+_40px)] wb-relative -wb-left-3xl -wb-right-3xl" />
       <div className="wb-flex wb-flex-col wb-gap-6xl wb-px-lg wb-py-3xl">
@@ -78,13 +95,18 @@ const FooterMd = ({ brand, extra, menu }: IFooterItem) => {
           return (
             <div
               key={i}
-              className="wb-pl-lg wb-flex wb-flex-col wb-gap-lg wb-py-8xl wb-basis-1/4 wb-border-r wb-border-border-default"
+              className="wb-flex wb-flex-col wb-gap-2xl wb-py-8xl wb-pl-2xl wb-basis-1/4 wb-border-r wb-border-border-default"
             >
-              {menu.items.map((item) => (
-                <FooterLink key={item.title} to={item.to}>
-                  {item.title}
-                </FooterLink>
-              ))}
+              <div className="wb-text-text-default wb-headingMd wb-pl-md">
+                {menu.title}
+              </div>
+              <div className="wb-flex wb-flex-col wb-gap-lg">
+                {menu.items.map((item) => (
+                  <FooterLink key={item.title} to={item.to}>
+                    {item.title}
+                  </FooterLink>
+                ))}
+              </div>
             </div>
           );
         })}
@@ -104,27 +126,37 @@ const FooterLg = ({ brand, extra, menu }: IFooterItem) => {
       <div className="wb-py-10xl wb-w-[238px] wb-pl-4xl wb-box-content">
         {brand}
       </div>
-      <div className="wb-py-10xl wb-border-l wb-border-border-default wb-pl-lg wb-w-[188px] wb-flex wb-flex-col wb-gap-6xl">
+      <div className="wb-py-10xl wb-border-l wb-border-border-default wb-pl-3xl wb-w-[188px] wb-flex wb-flex-col wb-gap-6xl">
         {menu.slice(0, 2).map((m, index) => {
           const i = index;
           return (
-            <div key={i} className="wb-flex wb-flex-col wb-gap-lg">
-              {m.items.map((item) => (
-                <FooterLink key={item.title} to={item.to}>
-                  {item.title}
-                </FooterLink>
-              ))}
+            <div key={i} className="wb-flex wb-flex-col wb-gap-2xl">
+              <div className="wb-text-text-default wb-headingMd wb-pl-md">
+                {m.title}
+              </div>
+              <div className="wb-flex wb-flex-col wb-gap-lg">
+                {m.items.map((item) => (
+                  <FooterLink key={item.title} to={item.to}>
+                    {item.title}
+                  </FooterLink>
+                ))}
+              </div>
             </div>
           );
         })}
       </div>
-      <div className="wb-py-10xl wb-border-l wb-border-border-default wb-pl-lg wb-w-[188px]">
-        <div className="wb-flex wb-flex-col wb-gap-lg">
-          {menu[2].items.map((item) => (
-            <FooterLink key={item.title} to={item.to}>
-              {item.title}
-            </FooterLink>
-          ))}
+      <div className="wb-py-10xl wb-border-l wb-border-border-default wb-pl-3xl wb-w-[188px]">
+        <div className="wb-flex wb-flex-col wb-gap-2xl">
+          <div className="wb-text-text-default wb-headingMd wb-pl-md">
+            {menu[2].title}
+          </div>
+          <div className="wb-flex wb-flex-col wb-gap-lg">
+            {menu[2].items.map((item) => (
+              <FooterLink key={item.title} to={item.to}>
+                {item.title}
+              </FooterLink>
+            ))}
+          </div>
         </div>
       </div>
       <div className="wb-py-10xl wb-border-l wb-border-border-default wb-pl-5xl">
@@ -146,13 +178,18 @@ const FooterXlAndUp = ({ brand, extra, menu }: IFooterItem) => {
           return (
             <div
               key={i}
-              className="wb-flex wb-flex-col wb-gap-lg wb-py-10xl wb-w-[160px] 3xl:wb-w-[192px] wb-pl-lg wb-border-l wb-border-border-default"
+              className="wb-flex wb-flex-col wb-gap-2xl wb-py-10xl wb-w-[160px] 3xl:wb-w-[192px] wb-pl-5xl wb-border-l wb-border-border-default"
             >
-              {m.items.map((item) => (
-                <FooterLink key={item.title} to={item.to}>
-                  {item.title}
-                </FooterLink>
-              ))}
+              <div className="wb-text-text-default wb-headingMd wb-pl-md">
+                {m.title}
+              </div>
+              <div className="wb-flex wb-flex-col wb-gap-lg ">
+                {m.items.map((item) => (
+                  <FooterLink key={item.title} to={item.to}>
+                    {item.title}
+                  </FooterLink>
+                ))}
+              </div>
             </div>
           );
         })}
diff --git a/src/apps/devdoc/app/components/page/contact-us.tsx b/src/apps/devdoc/app/components/page/contact-us.tsx
index fa2b6e2df..0648dbe78 100644
--- a/src/apps/devdoc/app/components/page/contact-us.tsx
+++ b/src/apps/devdoc/app/components/page/contact-us.tsx
@@ -1,14 +1,22 @@
 import { TextInput, TextArea } from 'kl-design-system/atoms/input';
+import Select from 'kl-design-system/atoms/select';
 import Link from 'next/link';
-import { ComponentProps, useState } from 'react';
+import { ComponentProps, useEffect, useRef, useState } from 'react';
 import { addDoc, collection, getFirestore } from '@firebase/firestore';
 import { FirebaseApp } from 'firebase/app';
-import { useForm } from 'react-hook-form';
+import { Controller, useForm } from 'react-hook-form';
 import { useFirebase } from '~/app/utils/useFirebase';
 import { supportEmail } from '~/app/utils/config';
-import { toast } from 'kl-design-system/molecule/toast';
 import Wrapper from '../wrapper';
 import Button from '../button';
+import countries from '~/app/utils/countries.json';
+import { GraphItem } from '../graph';
+import { CollapseItem, autoSize } from '~/app/utils/commons';
+import consts from '~/app/utils/const';
+import OptionList from 'kl-design-system/atoms/option-list';
+import * as Accordion from '@radix-ui/react-accordion';
+import { getCookie, setCookie } from 'cookies-next';
+import { Block } from '../commons';
 
 const SupportIcon = (props: ComponentProps<'svg'>) => {
   const { height, width } = props;
@@ -85,14 +93,12 @@ const addContact = async (
   }
   const firestore = getFirestore(app);
   const col = collection(firestore, 'web-contact-form');
-
   const contactData = {
     ...data,
     createdAt: new Date(),
   };
 
   await addDoc(col, contactData);
-  toast.info('Request for demo has been sent successfully.');
 };
 
 type Inputs = {
@@ -104,159 +110,327 @@ type Inputs = {
   companyName: string;
 };
 
+const getContries = (mode?: 'code' | 'normal') => {
+  return (countries || []).map((c) => ({
+    label: c.name,
+    value: c.name,
+    render: () => (
+      <div className="wb-flex wb-flex-row wb-items-center wb-gap-xl wb-truncate wb-text-text-default">
+        <span>{c.emoji}</span>
+        {mode === 'code' && <span>{c.dial_code}</span>}
+        <span className="wb-truncate">{c.name}</span>
+      </div>
+    ),
+    country: c,
+  }));
+};
+
+const valueRender = (value: any) => (
+  <div className="wb-flex wb-flex-row wb-items-center wb-gap-xl">
+    <span>{value.country.emoji}</span>
+    <span>{value.label}</span>
+  </div>
+);
+
+const valueRenderCountryCode = (value: any) => (
+  <div className="wb-flex wb-flex-row wb-items-center wb-gap-lg wb-bodyMd">
+    <span>{value?.country?.dial_code}</span>
+  </div>
+);
+
+const valueRenderFaq = (value: any) => (
+  <div className="wb-flex wb-flex-row wb-items-center wb-gap-lg">
+    <span>{value?.item?.icon ? <value.item.icon size={16} /> : null}</span>
+    <span className="wb-bodyMd">{value.label}</span>
+  </div>
+);
+
+type IItem = keyof typeof consts.helpandsupport.kloudliteOverviewFaqs;
+
+const FAQSection = () => {
+  const [selected, setSelected] = useState<IItem>('general');
+
+  const ref = useRef<HTMLDivElement>(null);
+
+  const items = Object.entries(consts.helpandsupport.kloudliteOverviewFaqs);
+
+  useEffect(() => {
+    if (ref.current?.parentElement)
+      autoSize(ref.current?.parentElement, 'animationend');
+  }, [ref.current]);
+  return (
+    <Block title="FAQs">
+      <div className="wb-grid wb-grid-cols-1 md:wb-grid-cols-[288px_auto] wb-gap-5xl">
+        <GraphItem className="wb-flex md:wb-hidden wb-text-text-default wb-bg-surface-basic-subdued wb-flex-col wb-gap-lg">
+          <Select
+            className="wb-px-lg wb-cursor-pointer !wb-h-[36px] !wb-border-none wb-outline-none"
+            value={selected}
+            onChange={(_, v: IItem) => setSelected(v)}
+            searchable={false}
+            valueRender={valueRenderFaq}
+            options={async () =>
+              items.map(([key, value]) => {
+                return {
+                  label: value.label,
+                  value: key,
+                  item: value,
+                  render: () => (
+                    <div className="wb-flex wb-flex-row wb-items-center wb-gap-lg">
+                      <span>
+                        <value.icon size={16} />
+                      </span>
+                      <span className="wb-bodyMd">{value.label}</span>
+                    </div>
+                  ),
+                };
+              })
+            }
+          />
+        </GraphItem>
+        <GraphItem className="wb-hidden md:wb-flex wb-text-text-default wb-bg-surface-basic-subdued wb-p-2xl wb-flex-col wb-gap-lg">
+          {items.map(([key, val]) => {
+            return (
+              <div key={key} onClick={() => setSelected(key as IItem)}>
+                <OptionList.OptionItemRaw
+                  active={selected === key}
+                  className="wb-rounded-md"
+                >
+                  <div className="wb-flex wb-flex-row wb-items-center wb-gap-lg">
+                    <span>
+                      <val.icon size={16} />
+                    </span>
+                    <span>{val.label}</span>
+                  </div>
+                </OptionList.OptionItemRaw>
+              </div>
+            );
+          })}
+        </GraphItem>
+        <GraphItem className="wb-text-text-default wb-bg-surface-basic-subdued">
+          <Accordion.Root collapsible type="single" ref={ref}>
+            {consts.helpandsupport.kloudliteOverviewFaqs[selected].items.map(
+              (f, i) => (
+                <CollapseItem
+                  index={i}
+                  mode="desktop"
+                  key={f.title}
+                  label={f.title}
+                  value={f.title}
+                >
+                  {f.desc}
+                </CollapseItem>
+              ),
+            )}
+          </Accordion.Root>
+        </GraphItem>
+      </div>
+    </Block>
+  );
+};
+
 const ContactRoot = () => {
   const { firebaseApp } = useFirebase();
   const [loading, setLoading] = useState(false);
+  const [selectedCountryCode, setSelectedCountryCode] = useState(
+    getContries('code')[0],
+  );
+
+  const [hasFormSubmitted, setHasFormSubmitted] = useState(false);
 
   const {
     register,
     handleSubmit,
     formState: { errors },
     reset,
+    control,
   } = useForm<Inputs>();
 
+  useEffect(() => {
+    setHasFormSubmitted(!!getCookie('contact-form-submitted'));
+  }, []);
+
   return (
-    <Wrapper className="wb-relative wb-flex wb-flex-col wb-items-center wb-py-6xl md:wb-py-8xl lg:wb-py-10xl wb-gap-6xl md:wb-gap-8xl xl:wb-gap-10xl">
-      <div className="wb-gap-5xl md:wb-gap-8xl xl:wb-gap-10xl wb-flex wb-flex-col lg:wb-flex-row w-full">
-        <form
-          onSubmit={handleSubmit(async (d) => {
-            setLoading(true);
-            await addContact(firebaseApp, d);
-            setLoading(false);
-            reset();
-          })}
-          className="wb-flex wb-flex-col wb-gap-5xl wb-flex-1 wb-p-3xl md:wb-p-6xl wb-border wb-border-border-default wb-rounded-lg"
-        >
-          <div className="wb-flex wb-flex-col wb-gap-2xl wb-text-left wb-mb-2xl">
-            <h1 className="wb-heading4xl-marketing wb-text-text-default">
-              Contact us
-            </h1>
-            <p className="wb-bodyLg-medium wb-text-text-soft">
-              Get in touch and let us know how we can help.
-            </p>
-          </div>
-          <div className="wb-flex wb-flex-col wb-gap-3xl">
-            <TextInput
-              label="Full name"
-              size="lg"
-              {...register('fullname', { required: 'Full name is required' })}
-              error={!!errors.fullname}
-              message={errors.fullname?.message}
-            />
-            <div className="wb-flex wb-flex-col md:wb-flex-row wb-gap-3xl">
-              <div className="wb-basis-full">
-                <TextInput
-                  label="Company name"
-                  size="lg"
-                  {...register('companyName', {
-                    required: 'Company name is required',
-                  })}
-                  error={!!errors.companyName}
-                  message={errors.companyName?.message}
-                />
-              </div>
-              <div className="wb-basis-full">
-                <TextInput
-                  label="Email"
-                  size="lg"
-                  {...register('email', {
-                    required: 'Email is required',
-                    pattern: {
-                      value: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/,
-                      message: 'Invalid email address',
-                    },
-                  })}
-                  error={!!errors.email}
-                  message={errors.email?.message}
-                />
-              </div>
+    <Wrapper className="wb-relative wb-flex wb-flex-col wb-py-6xl md:wb-py-8xl lg:wb-py-10xl wb-gap-6xl md:wb-gap-8xl xl:wb-gap-10xl">
+      {hasFormSubmitted ? (
+        <div className="wb-flex wb-flex-col wb-items-center wb-justify-center wb-heading2xl-marketing md:wb-heading4xl-marketing wb-text-text-default wb-text-center">
+          Thanks for sending message we will contact you soon.
+        </div>
+      ) : (
+        <div className="wb-gap-5xl md:wb-gap-8xl xl:wb-gap-10xl wb-flex wb-flex-col lg:wb-flex-row w-full">
+          <form
+            onSubmit={handleSubmit(async (d) => {
+              setLoading(true);
+              await addContact(firebaseApp, {
+                ...d,
+                mobile: selectedCountryCode.country.dial_code + d.mobile,
+              });
+              setLoading(false);
+              setSelectedCountryCode(getContries('code')[0]);
+              const expiryMinutes = 5;
+              const date = new Date();
+              date.setTime(date.getTime() + expiryMinutes * 60 * 1000);
+              setCookie('contact-form-submitted', true, {
+                expires: date,
+              });
+              setHasFormSubmitted(true);
+              reset();
+            })}
+            className="wb-flex wb-flex-col wb-gap-5xl wb-flex-1 wb-p-3xl md:wb-p-6xl wb-border wb-border-border-default wb-rounded-lg"
+          >
+            <div className="wb-flex wb-flex-col wb-gap-2xl wb-text-left wb-mb-2xl">
+              <h1 className="wb-heading4xl-marketing wb-text-text-default">
+                Contact us
+              </h1>
+              <p className="wb-bodyLg-medium wb-text-text-soft">
+                Get in touch and let us know how we can help.
+              </p>
             </div>
-            <div className="wb-flex wb-flex-col md:wb-flex-row wb-gap-3xl">
-              <div className="wb-basis-full">
-                <TextInput
-                  label="Country"
-                  size="lg"
-                  {...register('country', { required: 'Country is required' })}
-                  error={!!errors.country}
-                  message={errors.country?.message}
-                />
+            <div className="wb-flex wb-flex-col wb-gap-3xl">
+              <TextInput
+                label="Full name"
+                size="lg"
+                {...register('fullname', { required: 'Full name is required' })}
+                error={!!errors.fullname}
+                message={errors.fullname?.message}
+              />
+              <div className="wb-flex wb-flex-col md:wb-flex-row wb-gap-3xl">
+                <div className="wb-basis-full">
+                  <TextInput
+                    label="Company name"
+                    size="lg"
+                    {...register('companyName', {
+                      required: 'Company name is required',
+                    })}
+                    error={!!errors.companyName}
+                    message={errors.companyName?.message}
+                  />
+                </div>
+                <div className="wb-basis-full">
+                  <TextInput
+                    label="Email"
+                    size="lg"
+                    {...register('email', {
+                      required: 'Email is required',
+                      pattern: {
+                        value:
+                          /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/,
+                        message: 'Invalid email address',
+                      },
+                    })}
+                    error={!!errors.email}
+                    message={errors.email?.message}
+                  />
+                </div>
               </div>
-              <div className="wb-basis-full">
-                <TextInput
-                  label="Mobile"
-                  size="lg"
-                  {...register('mobile', {
-                    required: 'Mobile is required',
-
-                    pattern: {
-                      value: /^[^a-zA-Z]*$/,
-                      message: 'Invalid mobile number',
-                    },
-                  })}
-                  error={!!errors.mobile}
-                  message={errors.mobile?.message}
-                />
+              <div className="wb-flex wb-flex-col md:wb-flex-row wb-gap-3xl">
+                <div className="wb-basis-full">
+                  <Controller
+                    control={control}
+                    name="country"
+                    defaultValue={undefined}
+                    rules={{
+                      required: 'Country is required.',
+                    }}
+                    render={({ field: { value, onChange } }) => (
+                      <Select
+                        size="lg"
+                        label="Country"
+                        value={value}
+                        onChange={(val) => {
+                          onChange(val.label);
+                        }}
+                        options={async () => getContries()}
+                        valueRender={valueRender}
+                        error={!!errors.country}
+                        message={errors.country?.message}
+                      />
+                    )}
+                  />
+                </div>
+                <div className="wb-basis-full">
+                  <TextInput
+                    label="Mobile"
+                    prefix={
+                      <div className="wb-flex wb-flex-row">
+                        <Select
+                          value={selectedCountryCode.value}
+                          options={async () => getContries('code')}
+                          valueRender={valueRenderCountryCode}
+                          onChange={(val) => setSelectedCountryCode(val)}
+                          tabIndex={-1}
+                          searchable={false}
+                          className="wb-cursor-pointer !wb-h-[36px] !wb-border-none wb-min-w-[76px] wb-outline-none"
+                          portalClass="wb-absolute !wb-min-w-[300px] !wb-max-w-[300px]"
+                        />
+                        <div className="wb-h-[36px] wb-w-xs wb-bg-border-default wb-mr-lg" />
+                      </div>
+                    }
+                    size="lg"
+                    {...register('mobile', {
+                      required: 'Mobile is required',
+                      pattern: {
+                        value: /^[^a-zA-Z]*$/,
+                        message: 'Invalid mobile number',
+                      },
+                    })}
+                    error={!!errors.mobile}
+                    message={errors.mobile?.message}
+                  />
+                </div>
               </div>
+              <TextArea
+                label="Message"
+                {...register('message', { required: 'Message is required' })}
+                error={!!errors.message}
+                message={errors.message?.message}
+              />
             </div>
-            <TextArea
-              label="Message"
-              {...register('message', { required: 'Message is required' })}
-              error={!!errors.message}
-              message={errors.message?.message}
-            />
-          </div>
-          <div className="wb-w-full md:wb-w-fit wb-self-end">
-            <Button
-              loading={loading}
-              type="submit"
-              content="Request demo"
-              size="md"
-              block
-              disabled={loading}
-            />
-          </div>
-        </form>
-        <div className="wb-h-xs lg:wb-h-auto lg:wb-w-xs wb-bg-border-default" />
-        <div className="wb-flex-1 wb-flex wb-flex-col md:wb-flex-row lg:wb-flex-col wb-gap-7xl md:wb-gap-10xl wb-justify-center md:wb-justify-between lg:wb-max-w-[300px]">
-          <div className="wb-flex wb-flex-col wb-p-5xl wb-gap-6xl wb-border wb-border-border-default wb-rounded-lg">
-            <div className="wb-text-icon-primary">
-              <SupportIcon height={64} width={64} />
-            </div>
-            <div className="wb-flex wb-flex-col wb-gap-xl">
-              <div className="wb-flex wb-flex-col wb-gap-lg">
-                <span className="wb-headingLg wb-text-text-default">
-                  Reach us to
-                </span>
-                <span className="wb-bodyLg wb-text-text-soft">
-                  We’re here to help with any questions you may have.
-                </span>
-              </div>
+            <div className="wb-flex wb-flex-col md:wb-flex-row wb-items-center wb-gap-3xl wb-w-full md:wb-justify-between">
+              <span className="wb-bodyMd md:wb-bodyLg wb-text-text-soft wb-text-center md:wb-text-start">
+                By submitting this, I confirm that I have read and understood
+                the
+                <Link href="/privacy-policy" className="wb-text-text-default">
+                  {' '}
+                  Privacy policy.
+                </Link>
+              </span>
               <Button
-                variant="plain"
-                content={supportEmail}
-                linkComponent={Link}
-                to={`mailto:${supportEmail}`}
-                toLabel="href"
+                loading={loading}
+                type="submit"
+                content="Submit form"
+                size="md"
+                disabled={loading}
               />
             </div>
+          </form>
+          <div className="wb-h-xs lg:wb-h-auto lg:wb-w-xs wb-bg-border-default" />
+          <div className="wb-flex-1 wb-flex wb-flex-col md:wb-flex-row lg:wb-flex-col wb-gap-7xl md:wb-gap-10xl wb-justify-center md:wb-justify-between lg:wb-max-w-[300px]">
+            <div className="wb-flex wb-flex-col wb-p-5xl wb-gap-6xl wb-border wb-border-border-default wb-rounded-lg">
+              <div className="wb-text-icon-primary">
+                <SupportIcon height={64} width={64} />
+              </div>
+              <div className="wb-flex wb-flex-col wb-gap-xl">
+                <div className="wb-flex wb-flex-col wb-gap-lg">
+                  <span className="wb-headingLg wb-text-text-default">
+                    Reach us to
+                  </span>
+                  <span className="wb-bodyLg wb-text-text-soft">
+                    We’re here to help with any questions you may have.
+                  </span>
+                </div>
+                <Button
+                  variant="plain"
+                  content={supportEmail}
+                  linkComponent={Link}
+                  to={`mailto:${supportEmail}`}
+                  toLabel="href"
+                />
+              </div>
+            </div>
           </div>
-          {/* <div className="flex flex-col gap-2xl"> */}
-          {/*   <div className="flex flex-col gap-lg"> */}
-          {/*     <span className="headingLg text-text-default">Support</span> */}
-          {/*     <span className="bodyLg text-text-soft"> */}
-          {/*       We’re here to help with any questions you may have. */}
-          {/*     </span> */}
-          {/*   </div> */}
-          {/*   <Button */}
-          {/*     variant="plain" */}
-          {/*     content="launch@kloudlite.io" */}
-          {/*     LinkComponent={Link} */}
-          {/*     to="mailto:launch@kloudlite.io" */}
-          {/*     toLabel="href" */}
-          {/*   /> */}
-          {/* </div> */}
         </div>
-      </div>
+      )}
+      <FAQSection />
     </Wrapper>
   );
 };
diff --git a/src/apps/devdoc/app/components/page/kloudlite-overview-index.tsx b/src/apps/devdoc/app/components/page/kloudlite-overview-index.tsx
new file mode 100644
index 000000000..efb208278
--- /dev/null
+++ b/src/apps/devdoc/app/components/page/kloudlite-overview-index.tsx
@@ -0,0 +1,83 @@
+import OptionList from 'kl-design-system/atoms/option-list';
+import { GraphExtended, GraphItem } from '../graph';
+import * as Accordion from '@radix-ui/react-accordion';
+import consts from '~/app/utils/const';
+import { useEffect, useRef, useState } from 'react';
+import { CollapseItem, autoSize } from '~/app/utils/commons';
+import Select from 'kl-design-system/atoms/select';
+
+type IItem = keyof typeof consts.helpandsupport.kloudliteOverviewFaqs;
+const KOverviewIndex = () => {
+  const [selected, setSelected] = useState<IItem>('general');
+
+  const ref = useRef<HTMLDivElement>(null);
+
+  const items = Object.entries(consts.helpandsupport.kloudliteOverviewFaqs);
+
+  useEffect(() => {
+    if (ref.current?.parentElement)
+      autoSize(ref.current?.parentElement, 'animationend');
+  }, [ref.current]);
+  return (
+    <div className="wb-flex wb-flex-col">
+      <div className="wb-flex wb-flex-col wb-gap-2xl wb-mt-5xl">
+        <span className="wb-heading3xl-marketing md:wb-heading4xl-marketing wb-text-text-strong">
+          Kloudlite overview
+        </span>
+        <span className="wb-bodyLg md:wb-bodyXl wb-text-text-strong">
+          Learn about Kloudlite and how it can help you.
+        </span>
+      </div>
+      <GraphExtended>
+        <div className="wb-grid wb-grid-cols-1 md:wb-grid-cols-[288px_auto] wb-gap-5xl">
+          <GraphItem className="wb-flex md:wb-hidden wb-text-text-default wb-bg-surface-basic-subdued wb-flex-col wb-gap-lg">
+            <Select
+              className="wb-px-lg wb-cursor-pointer !wb-h-[36px] !wb-border-none wb-outline-none"
+              value={selected}
+              onChange={(_, v: IItem) => setSelected(v)}
+              searchable={false}
+              options={async () =>
+                items.map(([key, value]) => {
+                  return { label: value.label, value: key };
+                })
+              }
+            />
+          </GraphItem>
+          <GraphItem className="wb-hidden md:wb-flex wb-text-text-default wb-bg-surface-basic-subdued wb-p-2xl wb-flex-col wb-gap-lg">
+            {items.map(([key, val]) => {
+              return (
+                <div key={key} onClick={() => setSelected(key as IItem)}>
+                  <OptionList.OptionItemRaw
+                    active={selected === key}
+                    className="wb-rounded-md"
+                  >
+                    {val.label}
+                  </OptionList.OptionItemRaw>
+                </div>
+              );
+            })}
+          </GraphItem>
+          <GraphItem className="wb-text-text-default wb-bg-surface-basic-subdued">
+            <Accordion.Root collapsible type="single" ref={ref}>
+              {consts.helpandsupport.kloudliteOverviewFaqs[selected].items.map(
+                (f, i) => (
+                  <CollapseItem
+                    index={i}
+                    mode="desktop"
+                    key={f.title}
+                    label={f.title}
+                    value={f.title}
+                  >
+                    {f.desc}
+                  </CollapseItem>
+                ),
+              )}
+            </Accordion.Root>
+          </GraphItem>
+        </div>
+      </GraphExtended>
+    </div>
+  );
+};
+
+export default KOverviewIndex;
diff --git a/src/apps/devdoc/app/components/theme-switcher.tsx b/src/apps/devdoc/app/components/theme-switcher.tsx
new file mode 100644
index 000000000..d8fd1d177
--- /dev/null
+++ b/src/apps/devdoc/app/components/theme-switcher.tsx
@@ -0,0 +1,23 @@
+import { Monitor, Moon, Sun } from '@jengaicons/react';
+import { useTheme } from '../utils/useTheme';
+import ButtonGroup from 'kl-design-system/atoms/button-group';
+
+const ThemeSwitcher = () => {
+  const { theme, setTheme } = useTheme();
+  return (
+    <ButtonGroup.Root
+      variant="outline"
+      selectable
+      value={theme}
+      onValueChange={(v: any) => {
+        setTheme(v);
+      }}
+    >
+      <ButtonGroup.IconButton value="light" icon={<Sun />} />
+      <ButtonGroup.IconButton value="dark" icon={<Moon />} />
+      <ButtonGroup.IconButton value="system" icon={<Monitor />} />
+    </ButtonGroup.Root>
+  );
+};
+
+export default ThemeSwitcher;
diff --git a/src/apps/devdoc/app/components/website/home/faq.tsx b/src/apps/devdoc/app/components/website/home/faq.tsx
index 7fdb31fc0..20bd4084b 100644
--- a/src/apps/devdoc/app/components/website/home/faq.tsx
+++ b/src/apps/devdoc/app/components/website/home/faq.tsx
@@ -21,7 +21,7 @@ const FaqItem = forwardRef(
       mode: 'mobile' | 'desktop';
       index?: number;
     },
-    forwardRef
+    forwardRef,
   ) => {
     return (
       // @ts-ignore
@@ -29,7 +29,7 @@ const FaqItem = forwardRef(
         <Accordion.Header className="wb-flex">
           <Accordion.Trigger
             className={cn(
-              'wb-group wb-py-2xl wb-px-4xl wb-bodyLg-medium md:wb-bodyXl-medium wb-text-text-default wb-flex wb-flex-row wb-items-center wb-gap-lg wb-w-full wb-cursor-pointer'
+              'wb-group wb-py-2xl wb-px-4xl wb-bodyLg-medium md:wb-bodyXl-medium wb-text-text-default wb-flex wb-flex-row wb-items-center wb-gap-lg wb-w-full wb-cursor-pointer',
             )}
             asChild
           >
@@ -49,14 +49,14 @@ const FaqItem = forwardRef(
             </a>
           </Accordion.Trigger>
         </Accordion.Header>
-        <Accordion.Content className="data-[state=open]:wb-animate-slideDown data-[state=closed]:wb-animate-slideUp wb-overflow-hidden">
+        <Accordion.Content className="collapse-item data-[state=open]:wb-animate-slideDown data-[state=closed]:wb-animate-slideUp wb-overflow-hidden">
           <div className="wb-px-4xl wb-pb-2xl wb-bodyLg md:wb-bodyXl wb-text-text-strong">
             {children}
           </div>
         </Accordion.Content>
       </Accordion.Item>
     );
-  }
+  },
 );
 
 const FaqSection = () => {
@@ -76,7 +76,7 @@ const FaqSection = () => {
             } else {
               setClassName(
                 consts.homeNew.faqData.find((f) => f.title === e)?.classNames ||
-                  'wb-pb-md'
+                  'wb-pb-md',
               );
             }
           }}
diff --git a/src/apps/devdoc/app/layout/theme.tsx b/src/apps/devdoc/app/layout/theme.tsx
index 9fd3ff637..6251f0175 100644
--- a/src/apps/devdoc/app/layout/theme.tsx
+++ b/src/apps/devdoc/app/layout/theme.tsx
@@ -114,7 +114,7 @@ const Main = ({ children, pageOpts }: NextraThemeLayoutProps) => {
 
   let pageType = 'normal';
 
-  if (findPageType(activePath, ['blog', 'help-and-support'])) {
+  if (findPageType(activePath, ['blog'])) {
     pageType = 'blog';
   }
 
diff --git a/src/apps/devdoc/app/utils/commons.tsx b/src/apps/devdoc/app/utils/commons.tsx
index 55f163bc3..1493aa057 100644
--- a/src/apps/devdoc/app/utils/commons.tsx
+++ b/src/apps/devdoc/app/utils/commons.tsx
@@ -1,7 +1,78 @@
 import classNames from 'classnames';
+import { ReactNode, forwardRef } from 'react';
+import * as Accordion from '@radix-ui/react-accordion';
+import { ChevronRight } from '@jengaicons/react';
 
 type cnProps = (string | { [key: string]: boolean } | undefined)[];
 
 export const cn = (...props: cnProps) => {
   return classNames(...props);
 };
+
+export const autoSize = (element: HTMLElement, event: string) => {
+  const action = () => {
+    if (!element) return;
+    const parentHeight =
+      (element?.getBoundingClientRect().height || 0) -
+      parseInt(element?.style.paddingBottom || '0px', 10);
+    const padding = 32 - (parentHeight % 32);
+    if (padding !== 32) element.style.paddingBottom = `${padding}px`;
+  };
+  document.addEventListener(event, action);
+  return () => {
+    document.removeEventListener(event, action);
+  };
+};
+
+export const CollapseItem = forwardRef(
+  (
+    {
+      label,
+      children,
+      value,
+      mode,
+      index,
+    }: {
+      label: ReactNode;
+      children?: ReactNode;
+      value: string;
+      mode: 'mobile' | 'desktop';
+      index?: number;
+    },
+    forwardRef,
+  ) => {
+    return (
+      // @ts-ignore
+      <Accordion.Item value={value} ref={forwardRef}>
+        <Accordion.Header className="wb-flex">
+          <Accordion.Trigger
+            className={cn(
+              'wb-group wb-py-2xl wb-px-4xl wb-bodyLg-medium md:wb-bodyXl-medium wb-text-text-default wb-flex wb-flex-row wb-items-center wb-gap-lg wb-w-full wb-cursor-pointer',
+            )}
+            asChild
+          >
+            <a
+              {...(mode === 'mobile'
+                ? {
+                    id: `faq-${index}`,
+                    href: `#faq-${index}`,
+                  }
+                : {})}
+              className="wb-flex wb-flex-row wb-w-full"
+            >
+              <span className="wb-flex-1 wb-text-start">{label}</span>
+              <span className="wb-transition-transform wb-duration-300 group-data-[state=open]:wb-rotate-90">
+                <ChevronRight size={16} />
+              </span>
+            </a>
+          </Accordion.Trigger>
+        </Accordion.Header>
+        <Accordion.Content className="data-[state=open]:wb-animate-slideDown data-[state=closed]:wb-animate-slideUp wb-overflow-hidden">
+          <div className="wb-px-4xl wb-pb-2xl wb-bodyLg md:wb-bodyXl wb-text-text-strong">
+            {children}
+          </div>
+        </Accordion.Content>
+      </Accordion.Item>
+    );
+  },
+);
diff --git a/src/apps/devdoc/app/utils/config.tsx b/src/apps/devdoc/app/utils/config.tsx
index f353bf21d..7f1ecc619 100644
--- a/src/apps/devdoc/app/utils/config.tsx
+++ b/src/apps/devdoc/app/utils/config.tsx
@@ -1,18 +1,15 @@
 import Link from 'next/link';
 import { BrandLogo } from 'kl-design-system/branding/brand-logo';
-import ButtonGroup from 'kl-design-system/atoms/button-group';
 import {
   GithubLogoFill,
   LinkedinLogoFill,
-  Monitor,
-  Moon,
-  Sun,
   TwitterNewLogoFill,
 } from '~/app/icons/icons';
 import OssIcon from '~/images/homeNew/oss.svg';
 import OssIconDark from '~/images/homeNew/oss-dark.svg';
 import { cn } from './commons';
 import { IConfig } from './use-config';
+import ThemeSwitcher from '../components/theme-switcher';
 import { useTheme } from './useTheme';
 
 export const siteDesc =
@@ -46,8 +43,7 @@ const SocialMenu = () => {
 const BrandMenu = ({ className }: { className?: string }) => {
   const brandIconSize = 24;
 
-  const { theme, setTheme } = useTheme();
-
+  const { binaryTheme } = useTheme();
   return (
     <div
       className={cn(
@@ -65,39 +61,27 @@ const BrandMenu = ({ className }: { className?: string }) => {
               Boost your efficiency, speed up deployments, enhance collaboration
             </span>
           </div>
-          <ButtonGroup.Root
-            variant="outline"
-            selectable
-            value={theme}
-            onValueChange={(v: any) => {
-              setTheme(v);
-            }}
-          >
-            <ButtonGroup.IconButton
-              value="light"
-              icon={<Sun />}
-              aria-label="light-theme"
-            />
-            <ButtonGroup.IconButton
-              value="dark"
-              icon={<Moon />}
-              aria-label="dark-theme"
-            />
-            <ButtonGroup.IconButton
-              value="system"
-              icon={<Monitor />}
-              aria-label="system-theme"
-            />
-          </ButtonGroup.Root>
+          <iframe
+            title="kloudlite status"
+            src={`https://status.kloudlite.io/badge?theme=${binaryTheme}`}
+            width="250"
+            height="30"
+          />
         </div>
-        <div className="wb-bodyMd wb-text-text-soft wb-hidden md:wb-flex lg:wb-hidden wb-flex-col wb-gap-3xl wb-items-end md:wb-self-end lg:wb-self-auto">
-          <SocialMenu />
-          <div>© {new Date().getFullYear()} Kloudlite Labs Pvt Ltd.</div>
+        <div className="wb-hidden md:wb-flex lg:wb-hidden wb-flex-col wb-justify-between wb-items-end">
+          <div className="wb-flex wb-bodyMd wb-text-text-soft wb-flex-col wb-gap-3xl wb-items-end lg:wb-self-auto">
+            <SocialMenu />
+            <div>© {new Date().getFullYear()} Kloudlite Labs Pvt Ltd.</div>
+          </div>
+          <ThemeSwitcher />
         </div>
       </div>
       <div className="wb-bodyMd wb-text-text-soft wb-flex md:wb-hidden lg:wb-flex wb-flex-col wb-gap-3xl">
         <SocialMenu />
         <div>© {new Date().getFullYear()} Kloudlite Labs Pvt Ltd.</div>
+        <div className="md:wb-hidden">
+          <ThemeSwitcher />
+        </div>
       </div>
     </div>
   );
@@ -113,18 +97,23 @@ export default {
   footer: {
     brand: <BrandMenu className="md:wb-order-[-9999]" />,
     extra: (
-      <div>
-        <img className="dark-hidden" src={OssIcon.src} alt="oss-light" />
-        <img
-          className="wb-hidden dark-block"
-          src={OssIconDark.src}
-          alt="oss-dark"
-        />
+      <div className="wb-flex wb-flex-col wb-justify-between wb-h-full">
+        <div>
+          <img className="dark-hidden" src={OssIcon.src} alt="oss-light" />
+          <img
+            className="wb-hidden dark-block"
+            src={OssIconDark.src}
+            alt="oss-dark"
+          />
+        </div>
+        <div className="wb-hidden lg:wb-flex">
+          <ThemeSwitcher />
+        </div>
       </div>
     ),
     menu: [
       {
-        title: 'Developers',
+        title: 'Products',
         className: 'wb-basis-1/2 md:wb-basis-auto wb-flex',
         showExtra: false,
         items: [
diff --git a/src/apps/devdoc/app/utils/const.tsx b/src/apps/devdoc/app/utils/const.tsx
index 1dbb6f02c..fea034fcb 100644
--- a/src/apps/devdoc/app/utils/const.tsx
+++ b/src/apps/devdoc/app/utils/const.tsx
@@ -1,5 +1,13 @@
 /** eslint-disable prettier/prettier */
-import { ArrowLeftLg, TwitterNewLogoFill } from '@jengaicons/react';
+import {
+  ArrowLeftLg,
+  Config,
+  Money,
+  PhoneCall,
+  Question,
+  Star,
+  TwitterNewLogoFill,
+} from '@jengaicons/react';
 
 import Link from 'next/link';
 import { Badge } from 'kl-design-system/atoms/badge';
@@ -589,6 +597,107 @@ const consts = {
       },
     ],
   },
+  helpandsupport: {
+    kloudliteOverviewFaqs: {
+      general: {
+        label: 'General Questions',
+        icon: Question,
+        items: [
+          {
+            title: 'What is Kloudlite?',
+            desc: 'Kloudlite is a platform that provides seamless and secure development environments for building distributed applications. It connects developer’s workspaces(local/remote) with remote Kubernetes environments using WireGuard, ensuring full development and production parity.',
+          },
+          {
+            title: 'How does Kloudlite help developers?',
+            desc: 'Kloudlite enhances productivity by enabling developers to work in environments that mirror production settings. It provides unified network interface eliminating the need for local setups. It supports collaborative coding and service interception for testing and debugging.',
+          },
+          {
+            title: 'Who can benefit from using Kloudlite?',
+            desc: 'Kloudlite is ideal for developers building distributed applications, teams needing consistent development environments, and organizations looking to streamline their development workflows and improve productivity.',
+          },
+        ],
+      },
+      setupConfiguration: {
+        label: 'Setup & Configuration',
+        icon: Config,
+        items: [
+          {
+            title: 'How do I setup Kloudlite?',
+            desc: 'Setting up Kloudlite involves creating a cluster reference on the Kloudlite dashboard, attaching your cluster, and configuring local development containers to connect to the environment. you can follow these instructions https://kloudlite.io/docs/getting-started.',
+          },
+          {
+            title: 'What are the requirements for using Kloudlite?',
+            desc: 'You need a Kubernetes cluster to run environments and local container runtime to run your workspace. Detailed setup instructions are provided in our documentation (https://kloudlite.io/docs/getting-started).',
+          },
+          {
+            title: 'Does Kloudlite provide us compute?',
+            desc: "No, Kloudlite doesn't yet provide compute.",
+          },
+          {
+            title: 'Does Kloudlite manage Kubernetes clusters?',
+            desc: 'No, Kloudlite does not manage Kubernetes clusters. It runs environments within the clusters connected through WireGuard.',
+          },
+        ],
+      },
+      featureCapabilities: {
+        label: 'Feature & Capabilities',
+        icon: Star,
+        items: [
+          {
+            title: 'What are integrated services in Kloudlite?',
+            desc: 'Integrated services are stateful backing services running on attached clusters. They allow you to create and use resources like databases within your development environments.',
+          },
+          {
+            title: 'Can I collaborate with other developers using Kloudlite?',
+            desc: 'Yes, Kloudlite supports collaborative coding by allowing multiple developers to work in the same environment simultaneously.',
+          },
+          {
+            title:
+              'How does Kloudlite ensure full development and production parity?',
+            desc: 'Kloudlite aligns all external variables, such as network setups and environment configurations, to match production settings exactly. This ensures that your development environment mirrors the production environment.',
+          },
+        ],
+      },
+      plansPricing: {
+        label: 'Plans & Pricing',
+        icon: Money,
+        items: [
+          {
+            title: 'What plans does Kloudlite offer?',
+            desc: 'Kloudlite offers different plans to suit various needs, including a Scale Plan with features like RBAC in User Management, Prioritization in Support, and Audit Logging for Governance.',
+          },
+          {
+            title: 'How much does the Scale Plan cost?',
+            desc: 'The Scale Plan costs $10 per user per month. Partial payment is considered for users added mid-month.',
+          },
+        ],
+      },
+      aIMLWorkflows: {
+        label: 'AI & ML Workflows',
+        icon: Robot,
+        items: [
+          {
+            title: 'Does Kloudlite support AI and ML workflows?',
+            desc: 'Yes, Kloudlite supports AI and ML workflows by allowing developers to attach VMs with GPUs to their development environments. However, AI & ML workflows will not be included in the first release of Kloudlite.',
+          },
+        ],
+      },
+      troubleshootingSupport: {
+        label: 'Troubleshooting & Support',
+        icon: PhoneCall,
+        items: [
+          {
+            title: 'Where can I find support for Kloudlite?',
+            desc: 'You can access support through our dedicated support channels, available to all users. Users on the Scale Plan receive prioritization in support requests.',
+          },
+          {
+            title: 'What should I do if I encounter issues during setup?',
+            desc: 'If you encounter any issues during setup, refer to our detailed documentation or contact our support team for assistance.',
+          },
+        ],
+      },
+    },
+  },
 };
 
 export default consts;
diff --git a/src/apps/devdoc/app/utils/countries.json b/src/apps/devdoc/app/utils/countries.json
new file mode 100644
index 000000000..98550f1e0
--- /dev/null
+++ b/src/apps/devdoc/app/utils/countries.json
@@ -0,0 +1,1930 @@
+[
+  {
+    "name": "Andorra",
+    "code": "AD",
+    "emoji": "🇦🇩",
+    "unicode": "U+1F1E6 U+1F1E9",
+    "image": "AD.svg",
+    "dial_code": "+376"
+  },
+  {
+    "name": "United Arab Emirates",
+    "code": "AE",
+    "emoji": "🇦🇪",
+    "unicode": "U+1F1E6 U+1F1EA",
+    "image": "AE.svg",
+    "dial_code": "+971"
+  },
+  {
+    "name": "Afghanistan",
+    "code": "AF",
+    "emoji": "🇦🇫",
+    "unicode": "U+1F1E6 U+1F1EB",
+    "image": "AF.svg",
+    "dial_code": "+93"
+  },
+  {
+    "name": "Antigua & Barbuda",
+    "code": "AG",
+    "emoji": "🇦🇬",
+    "unicode": "U+1F1E6 U+1F1EC",
+    "image": "AG.svg",
+    "dial_code": "+1268"
+  },
+  {
+    "name": "Anguilla",
+    "code": "AI",
+    "emoji": "🇦🇮",
+    "unicode": "U+1F1E6 U+1F1EE",
+    "image": "AI.svg",
+    "dial_code": "+1264"
+  },
+  {
+    "name": "Albania",
+    "code": "AL",
+    "emoji": "🇦🇱",
+    "unicode": "U+1F1E6 U+1F1F1",
+    "image": "AL.svg",
+    "dial_code": "+355"
+  },
+  {
+    "name": "Armenia",
+    "code": "AM",
+    "emoji": "🇦🇲",
+    "unicode": "U+1F1E6 U+1F1F2",
+    "image": "AM.svg",
+    "dial_code": "+374"
+  },
+  {
+    "name": "Angola",
+    "code": "AO",
+    "emoji": "🇦🇴",
+    "unicode": "U+1F1E6 U+1F1F4",
+    "image": "AO.svg",
+    "dial_code": "+244"
+  },
+  {
+    "name": "Antarctica",
+    "code": "AQ",
+    "emoji": "🇦🇶",
+    "unicode": "U+1F1E6 U+1F1F6",
+    "image": "AQ.svg",
+    "dial_code": "+672"
+  },
+  {
+    "name": "Argentina",
+    "code": "AR",
+    "emoji": "🇦🇷",
+    "unicode": "U+1F1E6 U+1F1F7",
+    "image": "AR.svg",
+    "dial_code": "+54"
+  },
+  {
+    "name": "American Samoa",
+    "code": "AS",
+    "emoji": "🇦🇸",
+    "unicode": "U+1F1E6 U+1F1F8",
+    "image": "AS.svg",
+    "dial_code": "+1684"
+  },
+  {
+    "name": "Austria",
+    "code": "AT",
+    "emoji": "🇦🇹",
+    "unicode": "U+1F1E6 U+1F1F9",
+    "image": "AT.svg",
+    "dial_code": "+43"
+  },
+  {
+    "name": "Australia",
+    "code": "AU",
+    "emoji": "🇦🇺",
+    "unicode": "U+1F1E6 U+1F1FA",
+    "image": "AU.svg",
+    "dial_code": "+61"
+  },
+  {
+    "name": "Aruba",
+    "code": "AW",
+    "emoji": "🇦🇼",
+    "unicode": "U+1F1E6 U+1F1FC",
+    "image": "AW.svg",
+    "dial_code": "+297"
+  },
+  {
+    "name": "Åland Islands",
+    "code": "AX",
+    "emoji": "🇦🇽",
+    "unicode": "U+1F1E6 U+1F1FD",
+    "image": "AX.svg",
+    "dial_code": "+358"
+  },
+  {
+    "name": "Azerbaijan",
+    "code": "AZ",
+    "emoji": "🇦🇿",
+    "unicode": "U+1F1E6 U+1F1FF",
+    "image": "AZ.svg",
+    "dial_code": "+994"
+  },
+  {
+    "name": "Bosnia & Herzegovina",
+    "code": "BA",
+    "emoji": "🇧🇦",
+    "unicode": "U+1F1E7 U+1F1E6",
+    "image": "BA.svg",
+    "dial_code": "+387"
+  },
+  {
+    "name": "Barbados",
+    "code": "BB",
+    "emoji": "🇧🇧",
+    "unicode": "U+1F1E7 U+1F1E7",
+    "image": "BB.svg",
+    "dial_code": "+1246"
+  },
+  {
+    "name": "Bangladesh",
+    "code": "BD",
+    "emoji": "🇧🇩",
+    "unicode": "U+1F1E7 U+1F1E9",
+    "image": "BD.svg",
+    "dial_code": "+880"
+  },
+  {
+    "name": "Belgium",
+    "code": "BE",
+    "emoji": "🇧🇪",
+    "unicode": "U+1F1E7 U+1F1EA",
+    "image": "BE.svg",
+    "dial_code": "+32"
+  },
+  {
+    "name": "Burkina Faso",
+    "code": "BF",
+    "emoji": "🇧🇫",
+    "unicode": "U+1F1E7 U+1F1EB",
+    "image": "BF.svg",
+    "dial_code": "+226"
+  },
+  {
+    "name": "Bulgaria",
+    "code": "BG",
+    "emoji": "🇧🇬",
+    "unicode": "U+1F1E7 U+1F1EC",
+    "image": "BG.svg",
+    "dial_code": "+359"
+  },
+  {
+    "name": "Bahrain",
+    "code": "BH",
+    "emoji": "🇧🇭",
+    "unicode": "U+1F1E7 U+1F1ED",
+    "image": "BH.svg",
+    "dial_code": "+973"
+  },
+  {
+    "name": "Burundi",
+    "code": "BI",
+    "emoji": "🇧🇮",
+    "unicode": "U+1F1E7 U+1F1EE",
+    "image": "BI.svg",
+    "dial_code": "+257"
+  },
+  {
+    "name": "Benin",
+    "code": "BJ",
+    "emoji": "🇧🇯",
+    "unicode": "U+1F1E7 U+1F1EF",
+    "image": "BJ.svg",
+    "dial_code": "+229"
+  },
+  {
+    "name": "St. Barthélemy",
+    "code": "BL",
+    "emoji": "🇧🇱",
+    "unicode": "U+1F1E7 U+1F1F1",
+    "image": "BL.svg",
+    "dial_code": "+590"
+  },
+  {
+    "name": "Bermuda",
+    "code": "BM",
+    "emoji": "🇧🇲",
+    "unicode": "U+1F1E7 U+1F1F2",
+    "image": "BM.svg",
+    "dial_code": "+1441"
+  },
+  {
+    "name": "Brunei",
+    "code": "BN",
+    "emoji": "🇧🇳",
+    "unicode": "U+1F1E7 U+1F1F3",
+    "image": "BN.svg",
+    "dial_code": "+673"
+  },
+  {
+    "name": "Bolivia",
+    "code": "BO",
+    "emoji": "🇧🇴",
+    "unicode": "U+1F1E7 U+1F1F4",
+    "image": "BO.svg",
+    "dial_code": "+591"
+  },
+  {
+    "name": "Brazil",
+    "code": "BR",
+    "emoji": "🇧🇷",
+    "unicode": "U+1F1E7 U+1F1F7",
+    "image": "BR.svg",
+    "dial_code": "+55"
+  },
+  {
+    "name": "Bahamas",
+    "code": "BS",
+    "emoji": "🇧🇸",
+    "unicode": "U+1F1E7 U+1F1F8",
+    "image": "BS.svg",
+    "dial_code": "+1242"
+  },
+  {
+    "name": "Bhutan",
+    "code": "BT",
+    "emoji": "🇧🇹",
+    "unicode": "U+1F1E7 U+1F1F9",
+    "image": "BT.svg",
+    "dial_code": "+975"
+  },
+  {
+    "name": "Botswana",
+    "code": "BW",
+    "emoji": "🇧🇼",
+    "unicode": "U+1F1E7 U+1F1FC",
+    "image": "BW.svg",
+    "dial_code": "+267"
+  },
+  {
+    "name": "Belarus",
+    "code": "BY",
+    "emoji": "🇧🇾",
+    "unicode": "U+1F1E7 U+1F1FE",
+    "image": "BY.svg",
+    "dial_code": "+375"
+  },
+  {
+    "name": "Belize",
+    "code": "BZ",
+    "emoji": "🇧🇿",
+    "unicode": "U+1F1E7 U+1F1FF",
+    "image": "BZ.svg",
+    "dial_code": "+501"
+  },
+  {
+    "name": "Canada",
+    "code": "CA",
+    "emoji": "🇨🇦",
+    "unicode": "U+1F1E8 U+1F1E6",
+    "image": "CA.svg",
+    "dial_code": "+1"
+  },
+  {
+    "name": "Cocos (Keeling) Islands",
+    "code": "CC",
+    "emoji": "🇨🇨",
+    "unicode": "U+1F1E8 U+1F1E8",
+    "image": "CC.svg",
+    "dial_code": "+61"
+  },
+  {
+    "name": "Congo - Kinshasa",
+    "code": "CD",
+    "emoji": "🇨🇩",
+    "unicode": "U+1F1E8 U+1F1E9",
+    "image": "CD.svg",
+    "dial_code": "+243"
+  },
+  {
+    "name": "Central African Republic",
+    "code": "CF",
+    "emoji": "🇨🇫",
+    "unicode": "U+1F1E8 U+1F1EB",
+    "image": "CF.svg",
+    "dial_code": "+236"
+  },
+  {
+    "name": "Congo - Brazzaville",
+    "code": "CG",
+    "emoji": "🇨🇬",
+    "unicode": "U+1F1E8 U+1F1EC",
+    "image": "CG.svg",
+    "dial_code": "+242"
+  },
+  {
+    "name": "Switzerland",
+    "code": "CH",
+    "emoji": "🇨🇭",
+    "unicode": "U+1F1E8 U+1F1ED",
+    "image": "CH.svg",
+    "dial_code": "+41"
+  },
+  {
+    "name": "Côte d’Ivoire",
+    "code": "CI",
+    "emoji": "🇨🇮",
+    "unicode": "U+1F1E8 U+1F1EE",
+    "image": "CI.svg",
+    "dial_code": "+225"
+  },
+  {
+    "name": "Cook Islands",
+    "code": "CK",
+    "emoji": "🇨🇰",
+    "unicode": "U+1F1E8 U+1F1F0",
+    "image": "CK.svg",
+    "dial_code": "+682"
+  },
+  {
+    "name": "Chile",
+    "code": "CL",
+    "emoji": "🇨🇱",
+    "unicode": "U+1F1E8 U+1F1F1",
+    "image": "CL.svg",
+    "dial_code": "+56"
+  },
+  {
+    "name": "Cameroon",
+    "code": "CM",
+    "emoji": "🇨🇲",
+    "unicode": "U+1F1E8 U+1F1F2",
+    "image": "CM.svg",
+    "dial_code": "+237"
+  },
+  {
+    "name": "China",
+    "code": "CN",
+    "emoji": "🇨🇳",
+    "unicode": "U+1F1E8 U+1F1F3",
+    "image": "CN.svg",
+    "dial_code": "+86"
+  },
+  {
+    "name": "Colombia",
+    "code": "CO",
+    "emoji": "🇨🇴",
+    "unicode": "U+1F1E8 U+1F1F4",
+    "image": "CO.svg",
+    "dial_code": "+57"
+  },
+  {
+    "name": "Costa Rica",
+    "code": "CR",
+    "emoji": "🇨🇷",
+    "unicode": "U+1F1E8 U+1F1F7",
+    "image": "CR.svg",
+    "dial_code": "+506"
+  },
+  {
+    "name": "Cuba",
+    "code": "CU",
+    "emoji": "🇨🇺",
+    "unicode": "U+1F1E8 U+1F1FA",
+    "image": "CU.svg",
+    "dial_code": "+53"
+  },
+  {
+    "name": "Cape Verde",
+    "code": "CV",
+    "emoji": "🇨🇻",
+    "unicode": "U+1F1E8 U+1F1FB",
+    "image": "CV.svg",
+    "dial_code": "+238"
+  },
+  {
+    "name": "Christmas Island",
+    "code": "CX",
+    "emoji": "🇨🇽",
+    "unicode": "U+1F1E8 U+1F1FD",
+    "image": "CX.svg",
+    "dial_code": "+61"
+  },
+  {
+    "name": "Cyprus",
+    "code": "CY",
+    "emoji": "🇨🇾",
+    "unicode": "U+1F1E8 U+1F1FE",
+    "image": "CY.svg",
+    "dial_code": "+357"
+  },
+  {
+    "name": "Czechia",
+    "code": "CZ",
+    "emoji": "🇨🇿",
+    "unicode": "U+1F1E8 U+1F1FF",
+    "image": "CZ.svg",
+    "dial_code": "+420"
+  },
+  {
+    "name": "Germany",
+    "code": "DE",
+    "emoji": "🇩🇪",
+    "unicode": "U+1F1E9 U+1F1EA",
+    "image": "DE.svg",
+    "dial_code": "+49"
+  },
+  {
+    "name": "Djibouti",
+    "code": "DJ",
+    "emoji": "🇩🇯",
+    "unicode": "U+1F1E9 U+1F1EF",
+    "image": "DJ.svg",
+    "dial_code": "+253"
+  },
+  {
+    "name": "Denmark",
+    "code": "DK",
+    "emoji": "🇩🇰",
+    "unicode": "U+1F1E9 U+1F1F0",
+    "image": "DK.svg",
+    "dial_code": "+45"
+  },
+  {
+    "name": "Dominica",
+    "code": "DM",
+    "emoji": "🇩🇲",
+    "unicode": "U+1F1E9 U+1F1F2",
+    "image": "DM.svg",
+    "dial_code": "+1767"
+  },
+  {
+    "name": "Dominican Republic",
+    "code": "DO",
+    "emoji": "🇩🇴",
+    "unicode": "U+1F1E9 U+1F1F4",
+    "image": "DO.svg",
+    "dial_code": "+1849"
+  },
+  {
+    "name": "Algeria",
+    "code": "DZ",
+    "emoji": "🇩🇿",
+    "unicode": "U+1F1E9 U+1F1FF",
+    "image": "DZ.svg",
+    "dial_code": "+213"
+  },
+  {
+    "name": "Ecuador",
+    "code": "EC",
+    "emoji": "🇪🇨",
+    "unicode": "U+1F1EA U+1F1E8",
+    "image": "EC.svg",
+    "dial_code": "+593"
+  },
+  {
+    "name": "Estonia",
+    "code": "EE",
+    "emoji": "🇪🇪",
+    "unicode": "U+1F1EA U+1F1EA",
+    "image": "EE.svg",
+    "dial_code": "+372"
+  },
+  {
+    "name": "Egypt",
+    "code": "EG",
+    "emoji": "🇪🇬",
+    "unicode": "U+1F1EA U+1F1EC",
+    "image": "EG.svg",
+    "dial_code": "+20"
+  },
+  {
+    "name": "Eritrea",
+    "code": "ER",
+    "emoji": "🇪🇷",
+    "unicode": "U+1F1EA U+1F1F7",
+    "image": "ER.svg",
+    "dial_code": "+291"
+  },
+  {
+    "name": "Spain",
+    "code": "ES",
+    "emoji": "🇪🇸",
+    "unicode": "U+1F1EA U+1F1F8",
+    "image": "ES.svg",
+    "dial_code": "+34"
+  },
+  {
+    "name": "Ethiopia",
+    "code": "ET",
+    "emoji": "🇪🇹",
+    "unicode": "U+1F1EA U+1F1F9",
+    "image": "ET.svg",
+    "dial_code": "+251"
+  },
+  {
+    "name": "Finland",
+    "code": "FI",
+    "emoji": "🇫🇮",
+    "unicode": "U+1F1EB U+1F1EE",
+    "image": "FI.svg",
+    "dial_code": "+358"
+  },
+  {
+    "name": "Fiji",
+    "code": "FJ",
+    "emoji": "🇫🇯",
+    "unicode": "U+1F1EB U+1F1EF",
+    "image": "FJ.svg",
+    "dial_code": "+679"
+  },
+  {
+    "name": "Falkland Islands",
+    "code": "FK",
+    "emoji": "🇫🇰",
+    "unicode": "U+1F1EB U+1F1F0",
+    "image": "FK.svg",
+    "dial_code": "+500"
+  },
+  {
+    "name": "Micronesia",
+    "code": "FM",
+    "emoji": "🇫🇲",
+    "unicode": "U+1F1EB U+1F1F2",
+    "image": "FM.svg",
+    "dial_code": "+691"
+  },
+  {
+    "name": "Faroe Islands",
+    "code": "FO",
+    "emoji": "🇫🇴",
+    "unicode": "U+1F1EB U+1F1F4",
+    "image": "FO.svg",
+    "dial_code": "+298"
+  },
+  {
+    "name": "France",
+    "code": "FR",
+    "emoji": "🇫🇷",
+    "unicode": "U+1F1EB U+1F1F7",
+    "image": "FR.svg",
+    "dial_code": "+33"
+  },
+  {
+    "name": "Gabon",
+    "code": "GA",
+    "emoji": "🇬🇦",
+    "unicode": "U+1F1EC U+1F1E6",
+    "image": "GA.svg",
+    "dial_code": "+241"
+  },
+  {
+    "name": "United Kingdom",
+    "code": "GB",
+    "emoji": "🇬🇧",
+    "unicode": "U+1F1EC U+1F1E7",
+    "image": "GB.svg",
+    "dial_code": "+44"
+  },
+  {
+    "name": "Grenada",
+    "code": "GD",
+    "emoji": "🇬🇩",
+    "unicode": "U+1F1EC U+1F1E9",
+    "image": "GD.svg",
+    "dial_code": "+1473"
+  },
+  {
+    "name": "Georgia",
+    "code": "GE",
+    "emoji": "🇬🇪",
+    "unicode": "U+1F1EC U+1F1EA",
+    "image": "GE.svg",
+    "dial_code": "+995"
+  },
+  {
+    "name": "French Guiana",
+    "code": "GF",
+    "emoji": "🇬🇫",
+    "unicode": "U+1F1EC U+1F1EB",
+    "image": "GF.svg",
+    "dial_code": "+594"
+  },
+  {
+    "name": "Guernsey",
+    "code": "GG",
+    "emoji": "🇬🇬",
+    "unicode": "U+1F1EC U+1F1EC",
+    "image": "GG.svg",
+    "dial_code": "+44"
+  },
+  {
+    "name": "Ghana",
+    "code": "GH",
+    "emoji": "🇬🇭",
+    "unicode": "U+1F1EC U+1F1ED",
+    "image": "GH.svg",
+    "dial_code": "+233"
+  },
+  {
+    "name": "Gibraltar",
+    "code": "GI",
+    "emoji": "🇬🇮",
+    "unicode": "U+1F1EC U+1F1EE",
+    "image": "GI.svg",
+    "dial_code": "+350"
+  },
+  {
+    "name": "Greenland",
+    "code": "GL",
+    "emoji": "🇬🇱",
+    "unicode": "U+1F1EC U+1F1F1",
+    "image": "GL.svg",
+    "dial_code": "+299"
+  },
+  {
+    "name": "Gambia",
+    "code": "GM",
+    "emoji": "🇬🇲",
+    "unicode": "U+1F1EC U+1F1F2",
+    "image": "GM.svg",
+    "dial_code": "+220"
+  },
+  {
+    "name": "Guinea",
+    "code": "GN",
+    "emoji": "🇬🇳",
+    "unicode": "U+1F1EC U+1F1F3",
+    "image": "GN.svg",
+    "dial_code": "+224"
+  },
+  {
+    "name": "Guadeloupe",
+    "code": "GP",
+    "emoji": "🇬🇵",
+    "unicode": "U+1F1EC U+1F1F5",
+    "image": "GP.svg",
+    "dial_code": "+590"
+  },
+  {
+    "name": "Equatorial Guinea",
+    "code": "GQ",
+    "emoji": "🇬🇶",
+    "unicode": "U+1F1EC U+1F1F6",
+    "image": "GQ.svg",
+    "dial_code": "+240"
+  },
+  {
+    "name": "Greece",
+    "code": "GR",
+    "emoji": "🇬🇷",
+    "unicode": "U+1F1EC U+1F1F7",
+    "image": "GR.svg",
+    "dial_code": "+30"
+  },
+  {
+    "name": "South Georgia & South Sandwich Islands",
+    "code": "GS",
+    "emoji": "🇬🇸",
+    "unicode": "U+1F1EC U+1F1F8",
+    "image": "GS.svg",
+    "dial_code": "+500"
+  },
+  {
+    "name": "Guatemala",
+    "code": "GT",
+    "emoji": "🇬🇹",
+    "unicode": "U+1F1EC U+1F1F9",
+    "image": "GT.svg",
+    "dial_code": "+502"
+  },
+  {
+    "name": "Guam",
+    "code": "GU",
+    "emoji": "🇬🇺",
+    "unicode": "U+1F1EC U+1F1FA",
+    "image": "GU.svg",
+    "dial_code": "+1671"
+  },
+  {
+    "name": "Guinea-Bissau",
+    "code": "GW",
+    "emoji": "🇬🇼",
+    "unicode": "U+1F1EC U+1F1FC",
+    "image": "GW.svg",
+    "dial_code": "+245"
+  },
+  {
+    "name": "Guyana",
+    "code": "GY",
+    "emoji": "🇬🇾",
+    "unicode": "U+1F1EC U+1F1FE",
+    "image": "GY.svg",
+    "dial_code": "+595"
+  },
+  {
+    "name": "Hong Kong SAR China",
+    "code": "HK",
+    "emoji": "🇭🇰",
+    "unicode": "U+1F1ED U+1F1F0",
+    "image": "HK.svg",
+    "dial_code": "+852"
+  },
+  {
+    "name": "Honduras",
+    "code": "HN",
+    "emoji": "🇭🇳",
+    "unicode": "U+1F1ED U+1F1F3",
+    "image": "HN.svg",
+    "dial_code": "+504"
+  },
+  {
+    "name": "Croatia",
+    "code": "HR",
+    "emoji": "🇭🇷",
+    "unicode": "U+1F1ED U+1F1F7",
+    "image": "HR.svg",
+    "dial_code": "+385"
+  },
+  {
+    "name": "Haiti",
+    "code": "HT",
+    "emoji": "🇭🇹",
+    "unicode": "U+1F1ED U+1F1F9",
+    "image": "HT.svg",
+    "dial_code": "+509"
+  },
+  {
+    "name": "Hungary",
+    "code": "HU",
+    "emoji": "🇭🇺",
+    "unicode": "U+1F1ED U+1F1FA",
+    "image": "HU.svg",
+    "dial_code": "+36"
+  },
+  {
+    "name": "Indonesia",
+    "code": "ID",
+    "emoji": "🇮🇩",
+    "unicode": "U+1F1EE U+1F1E9",
+    "image": "ID.svg",
+    "dial_code": "+62"
+  },
+  {
+    "name": "Ireland",
+    "code": "IE",
+    "emoji": "🇮🇪",
+    "unicode": "U+1F1EE U+1F1EA",
+    "image": "IE.svg",
+    "dial_code": "+353"
+  },
+  {
+    "name": "Israel",
+    "code": "IL",
+    "emoji": "🇮🇱",
+    "unicode": "U+1F1EE U+1F1F1",
+    "image": "IL.svg",
+    "dial_code": "+972"
+  },
+  {
+    "name": "Isle of Man",
+    "code": "IM",
+    "emoji": "🇮🇲",
+    "unicode": "U+1F1EE U+1F1F2",
+    "image": "IM.svg",
+    "dial_code": "+44"
+  },
+  {
+    "name": "India",
+    "code": "IN",
+    "emoji": "🇮🇳",
+    "unicode": "U+1F1EE U+1F1F3",
+    "image": "IN.svg",
+    "dial_code": "+91"
+  },
+  {
+    "name": "British Indian Ocean Territory",
+    "code": "IO",
+    "emoji": "🇮🇴",
+    "unicode": "U+1F1EE U+1F1F4",
+    "image": "IO.svg",
+    "dial_code": "+246"
+  },
+  {
+    "name": "Iraq",
+    "code": "IQ",
+    "emoji": "🇮🇶",
+    "unicode": "U+1F1EE U+1F1F6",
+    "image": "IQ.svg",
+    "dial_code": "+964"
+  },
+  {
+    "name": "Iran",
+    "code": "IR",
+    "emoji": "🇮🇷",
+    "unicode": "U+1F1EE U+1F1F7",
+    "image": "IR.svg",
+    "dial_code": "+98"
+  },
+  {
+    "name": "Iceland",
+    "code": "IS",
+    "emoji": "🇮🇸",
+    "unicode": "U+1F1EE U+1F1F8",
+    "image": "IS.svg",
+    "dial_code": "+354"
+  },
+  {
+    "name": "Italy",
+    "code": "IT",
+    "emoji": "🇮🇹",
+    "unicode": "U+1F1EE U+1F1F9",
+    "image": "IT.svg",
+    "dial_code": "+39"
+  },
+  {
+    "name": "Jersey",
+    "code": "JE",
+    "emoji": "🇯🇪",
+    "unicode": "U+1F1EF U+1F1EA",
+    "image": "JE.svg",
+    "dial_code": "+44"
+  },
+  {
+    "name": "Jamaica",
+    "code": "JM",
+    "emoji": "🇯🇲",
+    "unicode": "U+1F1EF U+1F1F2",
+    "image": "JM.svg",
+    "dial_code": "+1876"
+  },
+  {
+    "name": "Jordan",
+    "code": "JO",
+    "emoji": "🇯🇴",
+    "unicode": "U+1F1EF U+1F1F4",
+    "image": "JO.svg",
+    "dial_code": "+962"
+  },
+  {
+    "name": "Japan",
+    "code": "JP",
+    "emoji": "🇯🇵",
+    "unicode": "U+1F1EF U+1F1F5",
+    "image": "JP.svg",
+    "dial_code": "+81"
+  },
+  {
+    "name": "Kenya",
+    "code": "KE",
+    "emoji": "🇰🇪",
+    "unicode": "U+1F1F0 U+1F1EA",
+    "image": "KE.svg",
+    "dial_code": "+254"
+  },
+  {
+    "name": "Kyrgyzstan",
+    "code": "KG",
+    "emoji": "🇰🇬",
+    "unicode": "U+1F1F0 U+1F1EC",
+    "image": "KG.svg",
+    "dial_code": "+996"
+  },
+  {
+    "name": "Cambodia",
+    "code": "KH",
+    "emoji": "🇰🇭",
+    "unicode": "U+1F1F0 U+1F1ED",
+    "image": "KH.svg",
+    "dial_code": "+855"
+  },
+  {
+    "name": "Kiribati",
+    "code": "KI",
+    "emoji": "🇰🇮",
+    "unicode": "U+1F1F0 U+1F1EE",
+    "image": "KI.svg",
+    "dial_code": "+686"
+  },
+  {
+    "name": "Comoros",
+    "code": "KM",
+    "emoji": "🇰🇲",
+    "unicode": "U+1F1F0 U+1F1F2",
+    "image": "KM.svg",
+    "dial_code": "+269"
+  },
+  {
+    "name": "St. Kitts & Nevis",
+    "code": "KN",
+    "emoji": "🇰🇳",
+    "unicode": "U+1F1F0 U+1F1F3",
+    "image": "KN.svg",
+    "dial_code": "+1869"
+  },
+  {
+    "name": "North Korea",
+    "code": "KP",
+    "emoji": "🇰🇵",
+    "unicode": "U+1F1F0 U+1F1F5",
+    "image": "KP.svg",
+    "dial_code": "+850"
+  },
+  {
+    "name": "South Korea",
+    "code": "KR",
+    "emoji": "🇰🇷",
+    "unicode": "U+1F1F0 U+1F1F7",
+    "image": "KR.svg",
+    "dial_code": "+82"
+  },
+  {
+    "name": "Kuwait",
+    "code": "KW",
+    "emoji": "🇰🇼",
+    "unicode": "U+1F1F0 U+1F1FC",
+    "image": "KW.svg",
+    "dial_code": "+965"
+  },
+  {
+    "name": "Cayman Islands",
+    "code": "KY",
+    "emoji": "🇰🇾",
+    "unicode": "U+1F1F0 U+1F1FE",
+    "image": "KY.svg",
+    "dial_code": "+345"
+  },
+  {
+    "name": "Kazakhstan",
+    "code": "KZ",
+    "emoji": "🇰🇿",
+    "unicode": "U+1F1F0 U+1F1FF",
+    "image": "KZ.svg",
+    "dial_code": "+77"
+  },
+  {
+    "name": "Laos",
+    "code": "LA",
+    "emoji": "🇱🇦",
+    "unicode": "U+1F1F1 U+1F1E6",
+    "image": "LA.svg",
+    "dial_code": "+856"
+  },
+  {
+    "name": "Lebanon",
+    "code": "LB",
+    "emoji": "🇱🇧",
+    "unicode": "U+1F1F1 U+1F1E7",
+    "image": "LB.svg",
+    "dial_code": "+961"
+  },
+  {
+    "name": "St. Lucia",
+    "code": "LC",
+    "emoji": "🇱🇨",
+    "unicode": "U+1F1F1 U+1F1E8",
+    "image": "LC.svg",
+    "dial_code": "+1758"
+  },
+  {
+    "name": "Liechtenstein",
+    "code": "LI",
+    "emoji": "🇱🇮",
+    "unicode": "U+1F1F1 U+1F1EE",
+    "image": "LI.svg",
+    "dial_code": "+423"
+  },
+  {
+    "name": "Sri Lanka",
+    "code": "LK",
+    "emoji": "🇱🇰",
+    "unicode": "U+1F1F1 U+1F1F0",
+    "image": "LK.svg",
+    "dial_code": "+94"
+  },
+  {
+    "name": "Liberia",
+    "code": "LR",
+    "emoji": "🇱🇷",
+    "unicode": "U+1F1F1 U+1F1F7",
+    "image": "LR.svg",
+    "dial_code": "+231"
+  },
+  {
+    "name": "Lesotho",
+    "code": "LS",
+    "emoji": "🇱🇸",
+    "unicode": "U+1F1F1 U+1F1F8",
+    "image": "LS.svg",
+    "dial_code": "+266"
+  },
+  {
+    "name": "Lithuania",
+    "code": "LT",
+    "emoji": "🇱🇹",
+    "unicode": "U+1F1F1 U+1F1F9",
+    "image": "LT.svg",
+    "dial_code": "+370"
+  },
+  {
+    "name": "Luxembourg",
+    "code": "LU",
+    "emoji": "🇱🇺",
+    "unicode": "U+1F1F1 U+1F1FA",
+    "image": "LU.svg",
+    "dial_code": "+352"
+  },
+  {
+    "name": "Latvia",
+    "code": "LV",
+    "emoji": "🇱🇻",
+    "unicode": "U+1F1F1 U+1F1FB",
+    "image": "LV.svg",
+    "dial_code": "+371"
+  },
+  {
+    "name": "Libya",
+    "code": "LY",
+    "emoji": "🇱🇾",
+    "unicode": "U+1F1F1 U+1F1FE",
+    "image": "LY.svg",
+    "dial_code": "+218"
+  },
+  {
+    "name": "Morocco",
+    "code": "MA",
+    "emoji": "🇲🇦",
+    "unicode": "U+1F1F2 U+1F1E6",
+    "image": "MA.svg",
+    "dial_code": "+212"
+  },
+  {
+    "name": "Monaco",
+    "code": "MC",
+    "emoji": "🇲🇨",
+    "unicode": "U+1F1F2 U+1F1E8",
+    "image": "MC.svg",
+    "dial_code": "+377"
+  },
+  {
+    "name": "Moldova",
+    "code": "MD",
+    "emoji": "🇲🇩",
+    "unicode": "U+1F1F2 U+1F1E9",
+    "image": "MD.svg",
+    "dial_code": "+373"
+  },
+  {
+    "name": "Montenegro",
+    "code": "ME",
+    "emoji": "🇲🇪",
+    "unicode": "U+1F1F2 U+1F1EA",
+    "image": "ME.svg",
+    "dial_code": "+382"
+  },
+  {
+    "name": "St. Martin",
+    "code": "MF",
+    "emoji": "🇲🇫",
+    "unicode": "U+1F1F2 U+1F1EB",
+    "image": "MF.svg",
+    "dial_code": "+590"
+  },
+  {
+    "name": "Madagascar",
+    "code": "MG",
+    "emoji": "🇲🇬",
+    "unicode": "U+1F1F2 U+1F1EC",
+    "image": "MG.svg",
+    "dial_code": "+261"
+  },
+  {
+    "name": "Marshall Islands",
+    "code": "MH",
+    "emoji": "🇲🇭",
+    "unicode": "U+1F1F2 U+1F1ED",
+    "image": "MH.svg",
+    "dial_code": "+692"
+  },
+  {
+    "name": "North Macedonia",
+    "code": "MK",
+    "emoji": "🇲🇰",
+    "unicode": "U+1F1F2 U+1F1F0",
+    "image": "MK.svg",
+    "dial_code": "+389"
+  },
+  {
+    "name": "Mali",
+    "code": "ML",
+    "emoji": "🇲🇱",
+    "unicode": "U+1F1F2 U+1F1F1",
+    "image": "ML.svg",
+    "dial_code": "+223"
+  },
+  {
+    "name": "Myanmar (Burma)",
+    "code": "MM",
+    "emoji": "🇲🇲",
+    "unicode": "U+1F1F2 U+1F1F2",
+    "image": "MM.svg",
+    "dial_code": "+95"
+  },
+  {
+    "name": "Mongolia",
+    "code": "MN",
+    "emoji": "🇲🇳",
+    "unicode": "U+1F1F2 U+1F1F3",
+    "image": "MN.svg",
+    "dial_code": "+976"
+  },
+  {
+    "name": "Macao SAR China",
+    "code": "MO",
+    "emoji": "🇲🇴",
+    "unicode": "U+1F1F2 U+1F1F4",
+    "image": "MO.svg",
+    "dial_code": "+853"
+  },
+  {
+    "name": "Northern Mariana Islands",
+    "code": "MP",
+    "emoji": "🇲🇵",
+    "unicode": "U+1F1F2 U+1F1F5",
+    "image": "MP.svg",
+    "dial_code": "+1670"
+  },
+  {
+    "name": "Martinique",
+    "code": "MQ",
+    "emoji": "🇲🇶",
+    "unicode": "U+1F1F2 U+1F1F6",
+    "image": "MQ.svg",
+    "dial_code": "+596"
+  },
+  {
+    "name": "Mauritania",
+    "code": "MR",
+    "emoji": "🇲🇷",
+    "unicode": "U+1F1F2 U+1F1F7",
+    "image": "MR.svg",
+    "dial_code": "+222"
+  },
+  {
+    "name": "Montserrat",
+    "code": "MS",
+    "emoji": "🇲🇸",
+    "unicode": "U+1F1F2 U+1F1F8",
+    "image": "MS.svg",
+    "dial_code": "+1664"
+  },
+  {
+    "name": "Malta",
+    "code": "MT",
+    "emoji": "🇲🇹",
+    "unicode": "U+1F1F2 U+1F1F9",
+    "image": "MT.svg",
+    "dial_code": "+356"
+  },
+  {
+    "name": "Mauritius",
+    "code": "MU",
+    "emoji": "🇲🇺",
+    "unicode": "U+1F1F2 U+1F1FA",
+    "image": "MU.svg",
+    "dial_code": "+230"
+  },
+  {
+    "name": "Maldives",
+    "code": "MV",
+    "emoji": "🇲🇻",
+    "unicode": "U+1F1F2 U+1F1FB",
+    "image": "MV.svg",
+    "dial_code": "+960"
+  },
+  {
+    "name": "Malawi",
+    "code": "MW",
+    "emoji": "🇲🇼",
+    "unicode": "U+1F1F2 U+1F1FC",
+    "image": "MW.svg",
+    "dial_code": "+265"
+  },
+  {
+    "name": "Mexico",
+    "code": "MX",
+    "emoji": "🇲🇽",
+    "unicode": "U+1F1F2 U+1F1FD",
+    "image": "MX.svg",
+    "dial_code": "+52"
+  },
+  {
+    "name": "Malaysia",
+    "code": "MY",
+    "emoji": "🇲🇾",
+    "unicode": "U+1F1F2 U+1F1FE",
+    "image": "MY.svg",
+    "dial_code": "+60"
+  },
+  {
+    "name": "Mozambique",
+    "code": "MZ",
+    "emoji": "🇲🇿",
+    "unicode": "U+1F1F2 U+1F1FF",
+    "image": "MZ.svg",
+    "dial_code": "+258"
+  },
+  {
+    "name": "Namibia",
+    "code": "NA",
+    "emoji": "🇳🇦",
+    "unicode": "U+1F1F3 U+1F1E6",
+    "image": "NA.svg",
+    "dial_code": "+264"
+  },
+  {
+    "name": "New Caledonia",
+    "code": "NC",
+    "emoji": "🇳🇨",
+    "unicode": "U+1F1F3 U+1F1E8",
+    "image": "NC.svg",
+    "dial_code": "+687"
+  },
+  {
+    "name": "Niger",
+    "code": "NE",
+    "emoji": "🇳🇪",
+    "unicode": "U+1F1F3 U+1F1EA",
+    "image": "NE.svg",
+    "dial_code": "+227"
+  },
+  {
+    "name": "Norfolk Island",
+    "code": "NF",
+    "emoji": "🇳🇫",
+    "unicode": "U+1F1F3 U+1F1EB",
+    "image": "NF.svg",
+    "dial_code": "+672"
+  },
+  {
+    "name": "Nigeria",
+    "code": "NG",
+    "emoji": "🇳🇬",
+    "unicode": "U+1F1F3 U+1F1EC",
+    "image": "NG.svg",
+    "dial_code": "+234"
+  },
+  {
+    "name": "Nicaragua",
+    "code": "NI",
+    "emoji": "🇳🇮",
+    "unicode": "U+1F1F3 U+1F1EE",
+    "image": "NI.svg",
+    "dial_code": "+505"
+  },
+  {
+    "name": "Netherlands",
+    "code": "NL",
+    "emoji": "🇳🇱",
+    "unicode": "U+1F1F3 U+1F1F1",
+    "image": "NL.svg",
+    "dial_code": "+31"
+  },
+  {
+    "name": "Norway",
+    "code": "NO",
+    "emoji": "🇳🇴",
+    "unicode": "U+1F1F3 U+1F1F4",
+    "image": "NO.svg",
+    "dial_code": "+47"
+  },
+  {
+    "name": "Nepal",
+    "code": "NP",
+    "emoji": "🇳🇵",
+    "unicode": "U+1F1F3 U+1F1F5",
+    "image": "NP.svg",
+    "dial_code": "+977"
+  },
+  {
+    "name": "Nauru",
+    "code": "NR",
+    "emoji": "🇳🇷",
+    "unicode": "U+1F1F3 U+1F1F7",
+    "image": "NR.svg",
+    "dial_code": "+674"
+  },
+  {
+    "name": "Niue",
+    "code": "NU",
+    "emoji": "🇳🇺",
+    "unicode": "U+1F1F3 U+1F1FA",
+    "image": "NU.svg",
+    "dial_code": "+683"
+  },
+  {
+    "name": "New Zealand",
+    "code": "NZ",
+    "emoji": "🇳🇿",
+    "unicode": "U+1F1F3 U+1F1FF",
+    "image": "NZ.svg",
+    "dial_code": "+64"
+  },
+  {
+    "name": "Oman",
+    "code": "OM",
+    "emoji": "🇴🇲",
+    "unicode": "U+1F1F4 U+1F1F2",
+    "image": "OM.svg",
+    "dial_code": "+968"
+  },
+  {
+    "name": "Panama",
+    "code": "PA",
+    "emoji": "🇵🇦",
+    "unicode": "U+1F1F5 U+1F1E6",
+    "image": "PA.svg",
+    "dial_code": "+507"
+  },
+  {
+    "name": "Peru",
+    "code": "PE",
+    "emoji": "🇵🇪",
+    "unicode": "U+1F1F5 U+1F1EA",
+    "image": "PE.svg",
+    "dial_code": "+51"
+  },
+  {
+    "name": "French Polynesia",
+    "code": "PF",
+    "emoji": "🇵🇫",
+    "unicode": "U+1F1F5 U+1F1EB",
+    "image": "PF.svg",
+    "dial_code": "+689"
+  },
+  {
+    "name": "Papua New Guinea",
+    "code": "PG",
+    "emoji": "🇵🇬",
+    "unicode": "U+1F1F5 U+1F1EC",
+    "image": "PG.svg",
+    "dial_code": "+675"
+  },
+  {
+    "name": "Philippines",
+    "code": "PH",
+    "emoji": "🇵🇭",
+    "unicode": "U+1F1F5 U+1F1ED",
+    "image": "PH.svg",
+    "dial_code": "+63"
+  },
+  {
+    "name": "Pakistan",
+    "code": "PK",
+    "emoji": "🇵🇰",
+    "unicode": "U+1F1F5 U+1F1F0",
+    "image": "PK.svg",
+    "dial_code": "+92"
+  },
+  {
+    "name": "Poland",
+    "code": "PL",
+    "emoji": "🇵🇱",
+    "unicode": "U+1F1F5 U+1F1F1",
+    "image": "PL.svg",
+    "dial_code": "+48"
+  },
+  {
+    "name": "St. Pierre & Miquelon",
+    "code": "PM",
+    "emoji": "🇵🇲",
+    "unicode": "U+1F1F5 U+1F1F2",
+    "image": "PM.svg",
+    "dial_code": "+508"
+  },
+  {
+    "name": "Pitcairn Islands",
+    "code": "PN",
+    "emoji": "🇵🇳",
+    "unicode": "U+1F1F5 U+1F1F3",
+    "image": "PN.svg",
+    "dial_code": "+872"
+  },
+  {
+    "name": "Puerto Rico",
+    "code": "PR",
+    "emoji": "🇵🇷",
+    "unicode": "U+1F1F5 U+1F1F7",
+    "image": "PR.svg",
+    "dial_code": "+1939"
+  },
+  {
+    "name": "Palestinian Territories",
+    "code": "PS",
+    "emoji": "🇵🇸",
+    "unicode": "U+1F1F5 U+1F1F8",
+    "image": "PS.svg",
+    "dial_code": "+970"
+  },
+  {
+    "name": "Portugal",
+    "code": "PT",
+    "emoji": "🇵🇹",
+    "unicode": "U+1F1F5 U+1F1F9",
+    "image": "PT.svg",
+    "dial_code": "+351"
+  },
+  {
+    "name": "Palau",
+    "code": "PW",
+    "emoji": "🇵🇼",
+    "unicode": "U+1F1F5 U+1F1FC",
+    "image": "PW.svg",
+    "dial_code": "+680"
+  },
+  {
+    "name": "Paraguay",
+    "code": "PY",
+    "emoji": "🇵🇾",
+    "unicode": "U+1F1F5 U+1F1FE",
+    "image": "PY.svg",
+    "dial_code": "+595"
+  },
+  {
+    "name": "Qatar",
+    "code": "QA",
+    "emoji": "🇶🇦",
+    "unicode": "U+1F1F6 U+1F1E6",
+    "image": "QA.svg",
+    "dial_code": "+974"
+  },
+  {
+    "name": "Réunion",
+    "code": "RE",
+    "emoji": "🇷🇪",
+    "unicode": "U+1F1F7 U+1F1EA",
+    "image": "RE.svg",
+    "dial_code": "+262"
+  },
+  {
+    "name": "Romania",
+    "code": "RO",
+    "emoji": "🇷🇴",
+    "unicode": "U+1F1F7 U+1F1F4",
+    "image": "RO.svg",
+    "dial_code": "+40"
+  },
+  {
+    "name": "Serbia",
+    "code": "RS",
+    "emoji": "🇷🇸",
+    "unicode": "U+1F1F7 U+1F1F8",
+    "image": "RS.svg",
+    "dial_code": "+381"
+  },
+  {
+    "name": "Russia",
+    "code": "RU",
+    "emoji": "🇷🇺",
+    "unicode": "U+1F1F7 U+1F1FA",
+    "image": "RU.svg",
+    "dial_code": "+7"
+  },
+  {
+    "name": "Rwanda",
+    "code": "RW",
+    "emoji": "🇷🇼",
+    "unicode": "U+1F1F7 U+1F1FC",
+    "image": "RW.svg",
+    "dial_code": "+250"
+  },
+  {
+    "name": "Saudi Arabia",
+    "code": "SA",
+    "emoji": "🇸🇦",
+    "unicode": "U+1F1F8 U+1F1E6",
+    "image": "SA.svg",
+    "dial_code": "+966"
+  },
+  {
+    "name": "Solomon Islands",
+    "code": "SB",
+    "emoji": "🇸🇧",
+    "unicode": "U+1F1F8 U+1F1E7",
+    "image": "SB.svg",
+    "dial_code": "+677"
+  },
+  {
+    "name": "Seychelles",
+    "code": "SC",
+    "emoji": "🇸🇨",
+    "unicode": "U+1F1F8 U+1F1E8",
+    "image": "SC.svg",
+    "dial_code": "+248"
+  },
+  {
+    "name": "Sudan",
+    "code": "SD",
+    "emoji": "🇸🇩",
+    "unicode": "U+1F1F8 U+1F1E9",
+    "image": "SD.svg",
+    "dial_code": "+249"
+  },
+  {
+    "name": "Sweden",
+    "code": "SE",
+    "emoji": "🇸🇪",
+    "unicode": "U+1F1F8 U+1F1EA",
+    "image": "SE.svg",
+    "dial_code": "+46"
+  },
+  {
+    "name": "Singapore",
+    "code": "SG",
+    "emoji": "🇸🇬",
+    "unicode": "U+1F1F8 U+1F1EC",
+    "image": "SG.svg",
+    "dial_code": "+65"
+  },
+  {
+    "name": "St. Helena",
+    "code": "SH",
+    "emoji": "🇸🇭",
+    "unicode": "U+1F1F8 U+1F1ED",
+    "image": "SH.svg",
+    "dial_code": "+290"
+  },
+  {
+    "name": "Slovenia",
+    "code": "SI",
+    "emoji": "🇸🇮",
+    "unicode": "U+1F1F8 U+1F1EE",
+    "image": "SI.svg",
+    "dial_code": "+386"
+  },
+  {
+    "name": "Svalbard & Jan Mayen",
+    "code": "SJ",
+    "emoji": "🇸🇯",
+    "unicode": "U+1F1F8 U+1F1EF",
+    "image": "SJ.svg",
+    "dial_code": "+47"
+  },
+  {
+    "name": "Slovakia",
+    "code": "SK",
+    "emoji": "🇸🇰",
+    "unicode": "U+1F1F8 U+1F1F0",
+    "image": "SK.svg",
+    "dial_code": "+421"
+  },
+  {
+    "name": "Sierra Leone",
+    "code": "SL",
+    "emoji": "🇸🇱",
+    "unicode": "U+1F1F8 U+1F1F1",
+    "image": "SL.svg",
+    "dial_code": "+232"
+  },
+  {
+    "name": "San Marino",
+    "code": "SM",
+    "emoji": "🇸🇲",
+    "unicode": "U+1F1F8 U+1F1F2",
+    "image": "SM.svg",
+    "dial_code": "+378"
+  },
+  {
+    "name": "Senegal",
+    "code": "SN",
+    "emoji": "🇸🇳",
+    "unicode": "U+1F1F8 U+1F1F3",
+    "image": "SN.svg",
+    "dial_code": "+221"
+  },
+  {
+    "name": "Somalia",
+    "code": "SO",
+    "emoji": "🇸🇴",
+    "unicode": "U+1F1F8 U+1F1F4",
+    "image": "SO.svg",
+    "dial_code": "+252"
+  },
+  {
+    "name": "Suriname",
+    "code": "SR",
+    "emoji": "🇸🇷",
+    "unicode": "U+1F1F8 U+1F1F7",
+    "image": "SR.svg",
+    "dial_code": "+597"
+  },
+  {
+    "name": "South Sudan",
+    "code": "SS",
+    "emoji": "🇸🇸",
+    "unicode": "U+1F1F8 U+1F1F8",
+    "image": "SS.svg",
+    "dial_code": "+211"
+  },
+  {
+    "name": "São Tomé & Príncipe",
+    "code": "ST",
+    "emoji": "🇸🇹",
+    "unicode": "U+1F1F8 U+1F1F9",
+    "image": "ST.svg",
+    "dial_code": "+239"
+  },
+  {
+    "name": "El Salvador",
+    "code": "SV",
+    "emoji": "🇸🇻",
+    "unicode": "U+1F1F8 U+1F1FB",
+    "image": "SV.svg",
+    "dial_code": "+503"
+  },
+  {
+    "name": "Syria",
+    "code": "SY",
+    "emoji": "🇸🇾",
+    "unicode": "U+1F1F8 U+1F1FE",
+    "image": "SY.svg",
+    "dial_code": "+963"
+  },
+  {
+    "name": "Eswatini",
+    "code": "SZ",
+    "emoji": "🇸🇿",
+    "unicode": "U+1F1F8 U+1F1FF",
+    "image": "SZ.svg",
+    "dial_code": "+268"
+  },
+  {
+    "name": "Turks & Caicos Islands",
+    "code": "TC",
+    "emoji": "🇹🇨",
+    "unicode": "U+1F1F9 U+1F1E8",
+    "image": "TC.svg",
+    "dial_code": "+1649"
+  },
+  {
+    "name": "Chad",
+    "code": "TD",
+    "emoji": "🇹🇩",
+    "unicode": "U+1F1F9 U+1F1E9",
+    "image": "TD.svg",
+    "dial_code": "+235"
+  },
+  {
+    "name": "Togo",
+    "code": "TG",
+    "emoji": "🇹🇬",
+    "unicode": "U+1F1F9 U+1F1EC",
+    "image": "TG.svg",
+    "dial_code": "+228"
+  },
+  {
+    "name": "Thailand",
+    "code": "TH",
+    "emoji": "🇹🇭",
+    "unicode": "U+1F1F9 U+1F1ED",
+    "image": "TH.svg",
+    "dial_code": "+66"
+  },
+  {
+    "name": "Tajikistan",
+    "code": "TJ",
+    "emoji": "🇹🇯",
+    "unicode": "U+1F1F9 U+1F1EF",
+    "image": "TJ.svg",
+    "dial_code": "+992"
+  },
+  {
+    "name": "Tokelau",
+    "code": "TK",
+    "emoji": "🇹🇰",
+    "unicode": "U+1F1F9 U+1F1F0",
+    "image": "TK.svg",
+    "dial_code": "+690"
+  },
+  {
+    "name": "Timor-Leste",
+    "code": "TL",
+    "emoji": "🇹🇱",
+    "unicode": "U+1F1F9 U+1F1F1",
+    "image": "TL.svg",
+    "dial_code": "+670"
+  },
+  {
+    "name": "Turkmenistan",
+    "code": "TM",
+    "emoji": "🇹🇲",
+    "unicode": "U+1F1F9 U+1F1F2",
+    "image": "TM.svg",
+    "dial_code": "+993"
+  },
+  {
+    "name": "Tunisia",
+    "code": "TN",
+    "emoji": "🇹🇳",
+    "unicode": "U+1F1F9 U+1F1F3",
+    "image": "TN.svg",
+    "dial_code": "+216"
+  },
+  {
+    "name": "Tonga",
+    "code": "TO",
+    "emoji": "🇹🇴",
+    "unicode": "U+1F1F9 U+1F1F4",
+    "image": "TO.svg",
+    "dial_code": "+676"
+  },
+  {
+    "name": "Turkey",
+    "code": "TR",
+    "emoji": "🇹🇷",
+    "unicode": "U+1F1F9 U+1F1F7",
+    "image": "TR.svg",
+    "dial_code": "+90"
+  },
+  {
+    "name": "Trinidad & Tobago",
+    "code": "TT",
+    "emoji": "🇹🇹",
+    "unicode": "U+1F1F9 U+1F1F9",
+    "image": "TT.svg",
+    "dial_code": "+1868"
+  },
+  {
+    "name": "Tuvalu",
+    "code": "TV",
+    "emoji": "🇹🇻",
+    "unicode": "U+1F1F9 U+1F1FB",
+    "image": "TV.svg",
+    "dial_code": "+688"
+  },
+  {
+    "name": "Taiwan",
+    "code": "TW",
+    "emoji": "🇹🇼",
+    "unicode": "U+1F1F9 U+1F1FC",
+    "image": "TW.svg",
+    "dial_code": "+886"
+  },
+  {
+    "name": "Tanzania",
+    "code": "TZ",
+    "emoji": "🇹🇿",
+    "unicode": "U+1F1F9 U+1F1FF",
+    "image": "TZ.svg",
+    "dial_code": "+255"
+  },
+  {
+    "name": "Ukraine",
+    "code": "UA",
+    "emoji": "🇺🇦",
+    "unicode": "U+1F1FA U+1F1E6",
+    "image": "UA.svg",
+    "dial_code": "+380"
+  },
+  {
+    "name": "Uganda",
+    "code": "UG",
+    "emoji": "🇺🇬",
+    "unicode": "U+1F1FA U+1F1EC",
+    "image": "UG.svg",
+    "dial_code": "+256"
+  },
+  {
+    "name": "United States",
+    "code": "US",
+    "emoji": "🇺🇸",
+    "unicode": "U+1F1FA U+1F1F8",
+    "image": "US.svg",
+    "dial_code": "+1"
+  },
+  {
+    "name": "Uruguay",
+    "code": "UY",
+    "emoji": "🇺🇾",
+    "unicode": "U+1F1FA U+1F1FE",
+    "image": "UY.svg",
+    "dial_code": "+598"
+  },
+  {
+    "name": "Uzbekistan",
+    "code": "UZ",
+    "emoji": "🇺🇿",
+    "unicode": "U+1F1FA U+1F1FF",
+    "image": "UZ.svg",
+    "dial_code": "+998"
+  },
+  {
+    "name": "Vatican City",
+    "code": "VA",
+    "emoji": "🇻🇦",
+    "unicode": "U+1F1FB U+1F1E6",
+    "image": "VA.svg",
+    "dial_code": "+379"
+  },
+  {
+    "name": "St. Vincent & Grenadines",
+    "code": "VC",
+    "emoji": "🇻🇨",
+    "unicode": "U+1F1FB U+1F1E8",
+    "image": "VC.svg",
+    "dial_code": "+1784"
+  },
+  {
+    "name": "Venezuela",
+    "code": "VE",
+    "emoji": "🇻🇪",
+    "unicode": "U+1F1FB U+1F1EA",
+    "image": "VE.svg",
+    "dial_code": "+58"
+  },
+  {
+    "name": "British Virgin Islands",
+    "code": "VG",
+    "emoji": "🇻🇬",
+    "unicode": "U+1F1FB U+1F1EC",
+    "image": "VG.svg",
+    "dial_code": "+1284"
+  },
+  {
+    "name": "U.S. Virgin Islands",
+    "code": "VI",
+    "emoji": "🇻🇮",
+    "unicode": "U+1F1FB U+1F1EE",
+    "image": "VI.svg",
+    "dial_code": "+1340"
+  },
+  {
+    "name": "Vietnam",
+    "code": "VN",
+    "emoji": "🇻🇳",
+    "unicode": "U+1F1FB U+1F1F3",
+    "image": "VN.svg",
+    "dial_code": "+84"
+  },
+  {
+    "name": "Vanuatu",
+    "code": "VU",
+    "emoji": "🇻🇺",
+    "unicode": "U+1F1FB U+1F1FA",
+    "image": "VU.svg",
+    "dial_code": "+678"
+  },
+  {
+    "name": "Wallis & Futuna",
+    "code": "WF",
+    "emoji": "🇼🇫",
+    "unicode": "U+1F1FC U+1F1EB",
+    "image": "WF.svg",
+    "dial_code": "+681"
+  },
+  {
+    "name": "Samoa",
+    "code": "WS",
+    "emoji": "🇼🇸",
+    "unicode": "U+1F1FC U+1F1F8",
+    "image": "WS.svg",
+    "dial_code": "+685"
+  },
+  {
+    "name": "Yemen",
+    "code": "YE",
+    "emoji": "🇾🇪",
+    "unicode": "U+1F1FE U+1F1EA",
+    "image": "YE.svg",
+    "dial_code": "+967"
+  },
+  {
+    "name": "Mayotte",
+    "code": "YT",
+    "emoji": "🇾🇹",
+    "unicode": "U+1F1FE U+1F1F9",
+    "image": "YT.svg",
+    "dial_code": "+262"
+  },
+  {
+    "name": "South Africa",
+    "code": "ZA",
+    "emoji": "🇿🇦",
+    "unicode": "U+1F1FF U+1F1E6",
+    "image": "ZA.svg",
+    "dial_code": "+27"
+  },
+  {
+    "name": "Zambia",
+    "code": "ZM",
+    "emoji": "🇿🇲",
+    "unicode": "U+1F1FF U+1F1F2",
+    "image": "ZM.svg",
+    "dial_code": "+260"
+  },
+  {
+    "name": "Zimbabwe",
+    "code": "ZW",
+    "emoji": "🇿🇼",
+    "unicode": "U+1F1FF U+1F1FC",
+    "image": "ZW.svg",
+    "dial_code": "+263"
+  }
+]
diff --git a/src/apps/devdoc/next-sitemap.config.js b/src/apps/devdoc/next-sitemap.config.js
new file mode 100644
index 000000000..0511868cb
--- /dev/null
+++ b/src/apps/devdoc/next-sitemap.config.js
@@ -0,0 +1,36 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: process.env.SITE_URL || 'https://kloudlite.io',
+  generateIndexSitemap: false,
+  generateRobotsTxt: true, // (optional)
+  transform: async (config, path) => {
+    // custom function to ignore the path
+    console.log(path);
+    if (ignoreFunction(path)) {
+      return null;
+    }
+
+    // Use default transformation for all other cases
+    return {
+      loc: path, // => this will be exported as http(s)://<config.siteUrl>/<path>
+      changefreq: config.changefreq,
+      priority: config.priority,
+      lastmod: config.autoLastmod ? new Date().toISOString() : undefined,
+      alternateRefs: config.alternateRefs ?? [],
+    };
+  },
+};
+
+const ignorePaths = [
+  '/writer',
+  '/blog/template',
+  '/change-logs',
+  '/customer-stories',
+  '/customer-stories/anscer-robotics',
+  '/new-home',
+];
+
+//@ts-ignore
+const ignoreFunction = (path) => {
+  return ignorePaths.includes(path);
+};
diff --git a/src/apps/devdoc/package.json b/src/apps/devdoc/package.json
index 9d3ae0089..a41708fe5 100644
--- a/src/apps/devdoc/package.json
+++ b/src/apps/devdoc/package.json
@@ -6,8 +6,10 @@
   "scripts": {
     "dev": "pnpm clean && next dev",
     "build": "pnpm clean && next build",
+    "postbuild": "next-sitemap",
     "start": "pnpm build && npx serve out",
-    "post-process": "pnpm build && firebase deploy --token $FIREBASE_TOKEN",
+    "d": "firebase deploy --token $FIREBASE_TOKEN",
+    "post-process": "pnpm build && pnpm d",
     "clean": "rm -rf .next && rm -rf out",
     "release": "dotenv -- npm run post-process"
   },
@@ -76,6 +78,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "next-sitemap": "^4.2.3",
     "postcss": "^8.4.32",
     "prettier": "^2.8.8",
     "tailwindcss": "^3.4.0",
diff --git a/src/apps/devdoc/pages/_meta.json b/src/apps/devdoc/pages/_meta.json
index b4f0d47bb..666d6d6d9 100644
--- a/src/apps/devdoc/pages/_meta.json
+++ b/src/apps/devdoc/pages/_meta.json
@@ -1,4 +1,7 @@
 {
+  "*": {
+    "type": "page"
+  },
   "index": {
     "title": "Kloudlite",
     "type": "page",
diff --git a/src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx b/src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx
index a2e938cc4..d96299579 100644
--- a/src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx
+++ b/src/apps/devdoc/pages/help-and-support/kloudlite-overview/index.mdx
@@ -1 +1,2 @@
-export default ()=><div>Hello</div> 
+import Index from '~/app/components/page/kloudlite-overview-index';
+export default ()=> <Index/>
diff --git a/src/apps/devdoc/pnpm-lock.yaml b/src/apps/devdoc/pnpm-lock.yaml
index bc8d577b8..f25f1575f 100644
--- a/src/apps/devdoc/pnpm-lock.yaml
+++ b/src/apps/devdoc/pnpm-lock.yaml
@@ -6,19 +6,19 @@ settings:
 
 dependencies:
   '@firebase/firestore':
-    specifier: ^4.6.2
-    version: 4.6.4(@firebase/app@0.10.6)
+    specifier: ^4.6.5
+    version: 4.6.5(@firebase/app@0.10.8)
   '@jengaicons/react':
-    specifier: ^1.3.0
+    specifier: ^1.9.0
     version: 1.9.0(react@18.3.1)
   '@mdxeditor/editor':
-    specifier: ^2.20.4
+    specifier: ^2.20.7
     version: 2.20.7(@codemirror/language@6.10.2)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@types/react@18.3.3)(react-dom@18.3.1)(react@18.3.1)(yjs@13.6.18)
   '@radix-ui/react-accordion':
-    specifier: ^1.1.2
+    specifier: ^1.2.0
     version: 1.2.0(@types/react@18.3.3)(react-dom@18.3.1)(react@18.3.1)
   '@radix-ui/react-navigation-menu':
-    specifier: ^1.1.4
+    specifier: ^1.2.0
     version: 1.2.0(@types/react@18.3.3)(react-dom@18.3.1)(react@18.3.1)
   '@splidejs/react-splide':
     specifier: ^0.7.12
@@ -33,8 +33,8 @@ dependencies:
     specifier: ^0.23.13
     version: 0.23.13
   axios:
-    specifier: ^1.7.2
-    version: 1.7.2
+    specifier: ^1.7.3
+    version: 1.7.3
   classnames:
     specifier: ^2.5.1
     version: 2.5.1
@@ -48,13 +48,13 @@ dependencies:
     specifier: ^5.0.0
     version: 5.0.0
   firebase:
-    specifier: ^10.8.0
-    version: 10.12.3
+    specifier: ^10.12.5
+    version: 10.12.5
   flexsearch:
-    specifier: ^0.7.31
+    specifier: ^0.7.43
     version: 0.7.43
   framer-motion:
-    specifier: ^10.16.16
+    specifier: ^10.18.0
     version: 10.18.0(react-dom@18.3.1)(react@18.3.1)
   git-url-parse:
     specifier: ^13.1.1
@@ -75,31 +75,31 @@ dependencies:
     specifier: ^4.17.21
     version: 4.17.21
   next:
-    specifier: ^14.0.4
+    specifier: ^14.2.5
     version: 14.2.5(react-dom@18.3.1)(react@18.3.1)
   next-seo:
-    specifier: ^6.4.0
+    specifier: ^6.5.0
     version: 6.5.0(next@14.2.5)(react-dom@18.3.1)(react@18.3.1)
   next-themes:
     specifier: ^0.2.1
     version: 0.2.1(next@14.2.5)(react-dom@18.3.1)(react@18.3.1)
   nextra:
-    specifier: ^2.13.2
+    specifier: ^2.13.4
     version: 2.13.4(next@14.2.5)(react-dom@18.3.1)(react@18.3.1)
   nextra-theme-docs:
-    specifier: ^2.13.2
+    specifier: ^2.13.4
     version: 2.13.4(next@14.2.5)(nextra@2.13.4)(react-dom@18.3.1)(react@18.3.1)
   react:
-    specifier: ^18.2.0
+    specifier: ^18.3.1
     version: 18.3.1
   react-dom:
-    specifier: ^18.2.0
+    specifier: ^18.3.1
     version: 18.3.1(react@18.3.1)
   react-fast-marquee:
-    specifier: ^1.6.4
+    specifier: ^1.6.5
     version: 1.6.5(react-dom@18.3.1)(react@18.3.1)
   react-hook-form:
-    specifier: ^7.51.5
+    specifier: ^7.52.1
     version: 7.52.1(react@18.3.1)
   react-slick:
     specifier: ^0.30.2
@@ -117,7 +117,7 @@ dependencies:
     specifier: ^1.8.1
     version: 1.8.1(jquery@3.7.1)
   zod:
-    specifier: ^3.22.4
+    specifier: ^3.23.8
     version: 3.23.8
 
 devDependencies:
@@ -125,31 +125,31 @@ devDependencies:
     specifier: ^0.7.6
     version: 0.7.6
   '@types/lodash':
-    specifier: ^4.17.6
+    specifier: ^4.17.7
     version: 4.17.7
   '@types/node':
     specifier: 20.8.4
     version: 20.8.4
   '@types/react':
-    specifier: ^18.2.46
+    specifier: ^18.3.3
     version: 18.3.3
   '@typescript-eslint/eslint-plugin':
-    specifier: ^6.16.0
+    specifier: ^6.21.0
     version: 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.57.0)(typescript@5.2.2)
   '@typescript-eslint/parser':
-    specifier: ^6.16.0
+    specifier: ^6.21.0
     version: 6.21.0(eslint@8.57.0)(typescript@5.2.2)
   autoprefixer:
-    specifier: ^10.4.16
-    version: 10.4.19(postcss@8.4.39)
+    specifier: ^10.4.19
+    version: 10.4.19(postcss@8.4.40)
   eslint:
-    specifier: ^8.56.0
+    specifier: ^8.57.0
     version: 8.57.0
   eslint-config-airbnb:
     specifier: 19.0.4
-    version: 19.0.4(eslint-plugin-import@2.29.1)(eslint-plugin-jsx-a11y@6.9.0)(eslint-plugin-react-hooks@4.6.2)(eslint-plugin-react@7.34.4)(eslint@8.57.0)
+    version: 19.0.4(eslint-plugin-import@2.29.1)(eslint-plugin-jsx-a11y@6.9.0)(eslint-plugin-react-hooks@4.6.2)(eslint-plugin-react@7.35.0)(eslint@8.57.0)
   eslint-config-next:
-    specifier: ^14.0.4
+    specifier: ^14.2.5
     version: 14.2.5(eslint@8.57.0)(typescript@5.2.2)
   eslint-config-prettier:
     specifier: ^8.10.0
@@ -167,32 +167,35 @@ devDependencies:
     specifier: ^2.29.1
     version: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
   eslint-plugin-jsx-a11y:
-    specifier: ^6.8.0
+    specifier: ^6.9.0
     version: 6.9.0(eslint@8.57.0)
   eslint-plugin-mdx:
-    specifier: ^3.1.1
+    specifier: ^3.1.5
     version: 3.1.5(eslint@8.57.0)
   eslint-plugin-prefer-arrow-functions:
-    specifier: ^3.2.4
+    specifier: ^3.3.2
     version: 3.3.2(eslint@8.57.0)
   eslint-plugin-prettier:
     specifier: ^4.2.1
     version: 4.2.1(eslint-config-prettier@8.10.0)(eslint@8.57.0)(prettier@2.8.8)
   eslint-plugin-react:
-    specifier: ^7.33.2
-    version: 7.34.4(eslint@8.57.0)
+    specifier: ^7.35.0
+    version: 7.35.0(eslint@8.57.0)
   eslint-plugin-react-hooks:
-    specifier: ^4.6.0
+    specifier: ^4.6.2
     version: 4.6.2(eslint@8.57.0)
+  next-sitemap:
+    specifier: ^4.2.3
+    version: 4.2.3(next@14.2.5)
   postcss:
-    specifier: ^8.4.32
-    version: 8.4.39
+    specifier: ^8.4.40
+    version: 8.4.40
   prettier:
     specifier: ^2.8.8
     version: 2.8.8
   tailwindcss:
-    specifier: ^3.4.0
-    version: 3.4.6
+    specifier: ^3.4.7
+    version: 3.4.7
   typescript:
     specifier: 5.2.2
     version: 5.2.2
@@ -227,8 +230,8 @@ packages:
       picocolors: 1.0.1
     dev: true
 
-  /@babel/runtime@7.24.8:
-    resolution: {integrity: sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==}
+  /@babel/runtime@7.25.0:
+    resolution: {integrity: sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
@@ -238,7 +241,7 @@ packages:
     resolution: {integrity: sha512-s3jaWicZd0pkP0jf5ysyHUI/RE7MHos6qlToFcGWXVp+ykHOy77OUMrfbgJ9it2C5bow7OIQwYYaHjk9XlBQ2A==}
     dev: false
 
-  /@codemirror/autocomplete@6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1):
+  /@codemirror/autocomplete@6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1):
     resolution: {integrity: sha512-fdfj6e6ZxZf8yrkMHUSJJir7OJkHkZKaOZGzLWIYp2PZ3jd+d+UjG8zVPqJF6d3bKxkhvXTPan/UZ1t7Bqm0gA==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
@@ -248,7 +251,7 @@ packages:
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
     dev: false
 
@@ -257,14 +260,14 @@ packages:
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
     dev: false
 
-  /@codemirror/lang-css@6.2.1(@codemirror/view@6.28.4):
+  /@codemirror/lang-css@6.2.1(@codemirror/view@6.29.1):
     resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==}
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
       '@lezer/common': 1.2.1
@@ -276,12 +279,12 @@ packages:
   /@codemirror/lang-html@6.4.9:
     resolution: {integrity: sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==}
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.28.4)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.29.1)
       '@codemirror/lang-javascript': 6.2.2
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
       '@lezer/css': 1.1.8
       '@lezer/html': 1.3.10
@@ -290,11 +293,11 @@ packages:
   /@codemirror/lang-javascript@6.2.2:
     resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
       '@lezer/javascript': 1.4.17
     dev: false
@@ -302,11 +305,11 @@ packages:
   /@codemirror/lang-markdown@6.2.5:
     resolution: {integrity: sha512-Hgke565YcO4fd9pe2uLYxnMufHO5rQwRr+AAhFq8ABuhkrjyX8R5p5s+hZUTdV60O0dMRjxKhBLxz8pu/MkUVA==}
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
       '@codemirror/lang-html': 6.4.9
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
       '@lezer/markdown': 1.3.0
     dev: false
@@ -315,10 +318,10 @@ packages:
     resolution: {integrity: sha512-kgbTYTo0Au6dCSc/TFy7fK3fpJmgHDv1sG1KNQKJXVi+xBTEeBPY/M30YXiU6mMXeH+YIDLsbrT4ZwNRdtF+SA==}
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.1
+      '@lezer/lr': 1.4.2
       style-mod: 4.1.2
     dev: false
 
@@ -326,16 +329,16 @@ packages:
     resolution: {integrity: sha512-IZ0Y7S4/bpaunwggW2jYqwLuHj0QtESf5xcROewY6+lDNwZ/NzvR4t+vpYgg9m7V8UXLPYqG+lu3DF470E5Oxg==}
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       crelt: 1.0.6
     dev: false
 
-  /@codemirror/merge@6.6.3:
-    resolution: {integrity: sha512-sui2Y/qKyvpPs1VJysAC4Q4w9Oe6MQM8LPOLphaQzhP6wfY28Flq/xuaBBUGDRP1Rtu7Ksf6zwdHPLbMn3zuBw==}
+  /@codemirror/merge@6.6.7:
+    resolution: {integrity: sha512-fgZHAuLuxIQi1U/oeszzJHAGlQfkGC3Rmd9/Lxs4yO9GUC798h9640aiPWTuAyY3+H2XmlzQcg5wfG9mObKqRQ==}
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/highlight': 1.2.0
       style-mod: 4.1.2
     dev: false
@@ -344,7 +347,7 @@ packages:
     resolution: {integrity: sha512-rpMgcsh7o0GuCDUXKPvww+muLA1pDJaFrpq/CCHtpQJYz8xopu4D1hPcKRoDD0YlF8gZaqTNIRa4VRBWyhyy7Q==}
     dependencies:
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       crelt: 1.0.6
     dev: false
 
@@ -352,8 +355,8 @@ packages:
     resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==}
     dev: false
 
-  /@codemirror/view@6.28.4:
-    resolution: {integrity: sha512-QScv95fiviSQ/CaVGflxAvvvDy/9wi0RFyDl4LkHHWiMr/UPebyuTspmYSeN5Nx6eujcPYwsQzA6ZIZucKZVHQ==}
+  /@codemirror/view@6.29.1:
+    resolution: {integrity: sha512-7r+DlO/QFwPqKp73uq5mmrS4TuLPUVotbNOKYzN3OLP5ScrOVXcm4g13/48b6ZXGhdmzMinzFYqH0vo+qihIkQ==}
     dependencies:
       '@codemirror/state': 6.4.1
       style-mod: 4.1.2
@@ -367,8 +370,8 @@ packages:
       strict-event-emitter: 0.4.6
     dev: false
 
-  /@codesandbox/sandpack-client@2.18.0:
-    resolution: {integrity: sha512-KGNjKMAwaOkpRW2PbAzqjkYndgreM1aERlSJ1YpjWQRy6br72GiandWPFgdF8UpzwKNetkLUyuJ/XT12sehl4A==}
+  /@codesandbox/sandpack-client@2.18.2:
+    resolution: {integrity: sha512-zKSZWoCqpUFHqSbG1Q88ICqbY/nKKTY3rKKxTdNCSv0miI3JAR671kFcq6fkoCYVHFg6WIVpW7EzYwA/TYzX0w==}
     dependencies:
       '@codesandbox/nodebox': 0.1.8
       buffer: 6.0.3
@@ -378,23 +381,23 @@ packages:
       static-browser-server: 1.0.3
     dev: false
 
-  /@codesandbox/sandpack-react@2.18.0(@lezer/common@1.2.1)(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-WYsezuoBFw5v4CS29fDib3tanU7JbZkydtXp3543PoczC4bJZztmVPjC2PgqG90VRjxXRv37UD7HClqqPL1aiw==}
+  /@codesandbox/sandpack-react@2.18.2(@lezer/common@1.2.1)(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-OvXHAUKTjqXfjB9qd+6Pt3Pzjpk2/SRxVFUAC7cRwnSap3X7T0uBDdoRIJTlueXVrD+F1FkaGRzIE5GgGm4FEQ==}
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18
       react-dom: ^16.8.0 || ^17 || ^18
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
       '@codemirror/commands': 6.6.0
-      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.28.4)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.29.1)
       '@codemirror/lang-html': 6.4.9
       '@codemirror/lang-javascript': 6.2.2
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
-      '@codesandbox/sandpack-client': 2.18.0
+      '@codemirror/view': 6.29.1
+      '@codesandbox/sandpack-client': 2.18.2
       '@lezer/highlight': 1.2.0
-      '@react-hook/intersection-observer': 3.1.1(react@18.3.1)
+      '@react-hook/intersection-observer': 3.1.2(react@18.3.1)
       '@stitches/core': 1.2.8
       anser: 2.1.1
       clean-set: 1.1.2
@@ -409,6 +412,10 @@ packages:
       - '@lezer/common'
     dev: false
 
+  /@corex/deepmerge@4.0.43:
+    resolution: {integrity: sha512-N8uEMrMPL0cu/bdboEWpQYb/0i2K5Qn8eCsxzOmxSggJbbQte7ljMRoXm917AbntqTGOzdTu+vP3KOOzoC70HQ==}
+    dev: true
+
   /@emotion/is-prop-valid@0.8.8:
     resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
     requiresBuild: true
@@ -443,7 +450,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.5
+      debug: 4.3.6
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.1
@@ -465,14 +472,14 @@ packages:
     engines: {node: '>=14'}
     dev: false
 
-  /@firebase/analytics-compat@0.2.11(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-wmXxJ49pEY7H549Pa4CDPOTzkPJnfG2Yolptg72ntTgSrbKVq+Eg9cAQY6Z5Kn9ATSQRX5oGXKlNfEk5DJBvvA==}
+  /@firebase/analytics-compat@0.2.13(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-aZ4wGfNDMsCxhKzDbK2g1aV0JKsdQ9FbeIsjpNJPzhahV0XYj+z36Y4RNLPpG/6hHU4gxnezxs+yn3HhHkNL8w==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/analytics': 0.10.5(@firebase/app@0.10.6)
+      '@firebase/analytics': 0.10.7(@firebase/app@0.10.8)
       '@firebase/analytics-types': 0.8.2
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -484,27 +491,27 @@ packages:
     resolution: {integrity: sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw==}
     dev: false
 
-  /@firebase/analytics@0.10.5(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-d0X2ksTOKHMf5zFAMKFZWXa8hSbgohsG507xFsGhF4Uet2b8uEUL/YLrEth67jXEbGEi1UQZX4AaGBxKNiDzjw==}
+  /@firebase/analytics@0.10.7(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-GE29uTT6y/Jv2EP0OjpTezeTQZ5FTCTaZXKrrdVGjb/t35AU4u/jiU+hUwUPpuK8fqhhiHkS/AawE3a3ZK/a9Q==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
     dev: false
 
-  /@firebase/app-check-compat@0.3.12(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-p/5w3pMih3JVT6u7g04KXgSZr6HDsQXyeWZkIe0+r71dPOlcKyUooe9/feTc8BWpjha3rUOkqQ7+JXZObwvYoQ==}
+  /@firebase/app-check-compat@0.3.14(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-kK3bPfojAfXE53W+20rxMqIxrloFswXG9vh4kEdYL6Wa2IB3sD5++2dPiK3yGxl8oQiqS8qL2wcKB5/xLpEVEg==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-check': 0.8.5(@firebase/app@0.10.6)
+      '@firebase/app-check': 0.8.7(@firebase/app@0.10.8)
       '@firebase/app-check-types': 0.5.2
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
@@ -521,22 +528,22 @@ packages:
     resolution: {integrity: sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA==}
     dev: false
 
-  /@firebase/app-check@0.8.5(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-WyIckkVYAfnzsPIw6EAt/qBUANkUAVl6irF0xuJ1R9ISNyUT1h7dPAwvs/g3rsx0fpBWaHRAH0IFiN6zO6yLqQ==}
+  /@firebase/app-check@0.8.7(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-EkOeJcMKVR0zZ6z/jqcFTqHb/xq+TVIRIuBNGHdpcIuFU1czhSlegvqv2+nC+nFrkD8M6Xvd3tAlUOkdbMeS6A==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
     dev: false
 
-  /@firebase/app-compat@0.2.36:
-    resolution: {integrity: sha512-qsf+pllpgy1IGe2f5vfenOHSX8Cs58sVR5L6h/zBlNy9Yo54B2jy61KxLpSOgyRZb18IlnLLGjo7VtGU1CHvHA==}
+  /@firebase/app-compat@0.2.38:
+    resolution: {integrity: sha512-36ZrSvkYLW7QR01Sii2X+IY18ErMpRg6e2B2f/DVTtJBolthwXOnNBps+wvaVBvegdvdVPspgDXZUV0ppqh45w==}
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
@@ -547,8 +554,8 @@ packages:
     resolution: {integrity: sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ==}
     dev: false
 
-  /@firebase/app@0.10.6:
-    resolution: {integrity: sha512-/r8Ikp7TOrIIdp7v2adD2kg9SqIXMGOoJXJB1HsX7LjpjWdsoy1fMkP0HlI7GQqqRxDueHNhETx5Zn5E8HyVAQ==}
+  /@firebase/app@0.10.8:
+    resolution: {integrity: sha512-xSLmW0/RShcnUEXH7l+wC0AFWaUtty4tUFF2loIgbtXTRmra0UH/SqYDf/IcfreUninRrCsusNmvoTidGkXJPw==}
     dependencies:
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
@@ -557,13 +564,13 @@ packages:
       tslib: 2.6.3
     dev: false
 
-  /@firebase/auth-compat@0.5.10(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-epDhgNIXmhl9DPuTW9Ec5NDJJKMFIdXBXiQI9O0xNHveow/ETtBCY86srzF7iCacqsd30CcpLwwXlhk8Y19Olg==}
+  /@firebase/auth-compat@0.5.11(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-7rE3MkQDoWwI2qd8qsra4/QZCO2GzQSbCL6AVQpult9+Nbimg+5A+YeHxpLTcYAxUV6HDg2CqTDQreFLhcm1CQ==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
-      '@firebase/auth': 1.7.5(@firebase/app@0.10.6)
+      '@firebase/app-compat': 0.2.38
+      '@firebase/auth': 1.7.6(@firebase/app@0.10.8)
       '@firebase/auth-types': 0.12.2(@firebase/app-types@0.9.2)(@firebase/util@1.9.7)
       '@firebase/component': 0.6.8
       '@firebase/util': 1.9.7
@@ -589,8 +596,8 @@ packages:
       '@firebase/util': 1.9.7
     dev: false
 
-  /@firebase/auth@1.7.5(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-DMFR1OA/f1/voeuFbSORg9AP36pMgOoSb/DRgiDalLmIJsDTlQNMCu+givjMP4s/XL85+tBk2MerYnK/AscJjw==}
+  /@firebase/auth@1.7.6(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-T+lA5xoug9CByGYkD5WkfTh2ujEYq/frGZPbk0H+fNU6fNl7nqg88KcsmzsC6Fsqbjm3LLEb/i6wJvF6NSNEig==}
     peerDependencies:
       '@firebase/app': 0.x
       '@react-native-async-storage/async-storage': ^1.18.1
@@ -598,7 +605,7 @@ packages:
       '@react-native-async-storage/async-storage':
         optional: true
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
@@ -613,11 +620,11 @@ packages:
       tslib: 2.6.3
     dev: false
 
-  /@firebase/database-compat@1.0.6:
-    resolution: {integrity: sha512-1OGA0sLY47mkXjhICCrUTXEYFnSSXoiXWm1SHsN62b+Lzs5aKA3aWTjTUmYIoK93kDAMPkYpulSv8jcbH4Hwew==}
+  /@firebase/database-compat@1.0.7:
+    resolution: {integrity: sha512-R/3B+VVzEFN5YcHmfWns3eitA8fHLTL03io+FIoMcTYkajFnrBdS3A+g/KceN9omP7FYYYGTQWF9lvbEx6eMEg==}
     dependencies:
       '@firebase/component': 0.6.8
-      '@firebase/database': 1.0.6
+      '@firebase/database': 1.0.7
       '@firebase/database-types': 1.0.4
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
@@ -631,8 +638,8 @@ packages:
       '@firebase/util': 1.9.7
     dev: false
 
-  /@firebase/database@1.0.6:
-    resolution: {integrity: sha512-nrexUEG/fpVlHtWKkyfhTC3834kZ1WS7voNyqbBsBCqHXQOvznN5Z0L3nxBqdXSJyltNAf4ndFlQqm5gZiEczQ==}
+  /@firebase/database@1.0.7:
+    resolution: {integrity: sha512-wjXr5AO8RPxVVg7rRCYffT7FMtBjHRfJ9KMwi19MbOf0vBf0H9YqW3WCgcnLpXI6ehiUcU3z3qgPnnU0nK6SnA==}
     dependencies:
       '@firebase/app-check-interop-types': 0.3.2
       '@firebase/auth-interop-types': 0.2.3
@@ -643,14 +650,14 @@ packages:
       tslib: 2.6.3
     dev: false
 
-  /@firebase/firestore-compat@0.3.33(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-i42a2l31N95CwYEB7zmfK0FS1mrO6pwOLwxavCrwu1BCFrVVVQhUheTPIda/iGguK/2Nog0RaIR1bo7QkZEz3g==}
+  /@firebase/firestore-compat@0.3.34(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-OBP2F/Ccydl2U2j8XIfpKBxf0EnQHEhbZ4LTwbSS2QlG9+8TwhvKFkKk/ZljWYqaype+qFKPuXZ5flCqYEETeA==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
-      '@firebase/firestore': 4.6.4(@firebase/app@0.10.6)
+      '@firebase/firestore': 4.6.5(@firebase/app@0.10.8)
       '@firebase/firestore-types': 3.0.2(@firebase/app-types@0.9.2)(@firebase/util@1.9.7)
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -669,13 +676,13 @@ packages:
       '@firebase/util': 1.9.7
     dev: false
 
-  /@firebase/firestore@4.6.4(@firebase/app@0.10.6):
-    resolution: {integrity: sha512-vk2MoH5HxYEhiNg1l+yBXq1Fkhue/11bFg4HdlTv6BJHcTnnAj2a+/afPpatcW4MOdYA3Tv+d5nGzWbbOC1SHw==}
+  /@firebase/firestore@4.6.5(@firebase/app@0.10.8):
+    resolution: {integrity: sha512-0+Ascaht4qUzj4pCopMPWmoAujk8HKjwCpaNYOOjbYMZ65RVfZPsfZwwbWi/zWMXj6xvPsai5oBiErUUkrLwNw==}
     engines: {node: '>=10.10.0'}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
@@ -686,14 +693,14 @@ packages:
       undici: 5.28.4
     dev: false
 
-  /@firebase/functions-compat@0.3.12(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
+  /@firebase/functions-compat@0.3.12(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-r3XUb5VlITWpML46JymfJPkK6I9j4SNlO7qWIXUc0TUmkv0oAfVoiIt1F83/NuMZXaGr4YWA/794nVSy4GV8tw==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
-      '@firebase/functions': 0.11.6(@firebase/app@0.10.6)
+      '@firebase/functions': 0.11.6(@firebase/app@0.10.8)
       '@firebase/functions-types': 0.6.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -705,12 +712,12 @@ packages:
     resolution: {integrity: sha512-0KiJ9lZ28nS2iJJvimpY4nNccV21rkQyor5Iheu/nq8aKXJqtJdeSlZDspjPSBBiHRzo7/GMUttegnsEITqR+w==}
     dev: false
 
-  /@firebase/functions@0.11.6(@firebase/app@0.10.6):
+  /@firebase/functions@0.11.6(@firebase/app@0.10.8):
     resolution: {integrity: sha512-GPfIBPtpwQvsC7SQbgaUjLTdja0CsNwMoKSgrzA1FGGRk4NX6qO7VQU6XCwBiAFWbpbQex6QWkSMsCzLx1uibQ==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/app-check-interop-types': 0.3.2
       '@firebase/auth-interop-types': 0.2.3
       '@firebase/component': 0.6.8
@@ -720,14 +727,14 @@ packages:
       undici: 5.28.4
     dev: false
 
-  /@firebase/installations-compat@0.2.8(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6):
+  /@firebase/installations-compat@0.2.8(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-pI2q8JFHB7yIq/szmhzGSWXtOvtzl6tCUmyykv5C8vvfOVJUH6mP4M4iwjbK8S1JotKd/K70+JWyYlxgQ0Kpyw==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
       '@firebase/installations-types': 0.5.2(@firebase/app-types@0.9.2)
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -744,12 +751,12 @@ packages:
       '@firebase/app-types': 0.9.2
     dev: false
 
-  /@firebase/installations@0.6.8(@firebase/app@0.10.6):
+  /@firebase/installations@0.6.8(@firebase/app@0.10.8):
     resolution: {integrity: sha512-57V374qdb2+wT5v7+ntpLXBjZkO6WRgmAUbVkRfFTM/4t980p0FesbqTAcOIiM8U866UeuuuF8lYH70D3jM/jQ==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/util': 1.9.7
       idb: 7.1.1
@@ -762,14 +769,14 @@ packages:
       tslib: 2.6.3
     dev: false
 
-  /@firebase/messaging-compat@0.2.10(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
+  /@firebase/messaging-compat@0.2.10(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-FXQm7rcowkDm8kFLduHV35IRYCRo+Ng0PIp/t1+EBuEbyplaKkGjZ932pE+owf/XR+G/60ku2QRBptRGLXZydg==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
-      '@firebase/messaging': 0.12.10(@firebase/app@0.10.6)
+      '@firebase/messaging': 0.12.10(@firebase/app@0.10.8)
       '@firebase/util': 1.9.7
       tslib: 2.6.3
     transitivePeerDependencies:
@@ -780,29 +787,29 @@ packages:
     resolution: {integrity: sha512-l68HXbuD2PPzDUOFb3aG+nZj5KA3INcPwlocwLZOzPp9rFM9yeuI9YLl6DQfguTX5eAGxO0doTR+rDLDvQb5tA==}
     dev: false
 
-  /@firebase/messaging@0.12.10(@firebase/app@0.10.6):
+  /@firebase/messaging@0.12.10(@firebase/app@0.10.8):
     resolution: {integrity: sha512-fGbxJPKpl2DIKNJGhbk4mYPcM+qE2gl91r6xPoiol/mN88F5Ym6UeRdMVZah+pijh9WxM55alTYwXuW40r1Y2Q==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
       '@firebase/messaging-interop-types': 0.2.2
       '@firebase/util': 1.9.7
       idb: 7.1.1
       tslib: 2.6.3
     dev: false
 
-  /@firebase/performance-compat@0.2.8(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
+  /@firebase/performance-compat@0.2.8(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-o7TFClRVJd3VIBoY7KZQqtCeW0PC6v9uBzM6Lfw3Nc9D7hM6OonqecYvh7NwJ6R14k+xM27frLS4BcCvFHKw2A==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
-      '@firebase/performance': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/performance': 0.6.8(@firebase/app@0.10.8)
       '@firebase/performance-types': 0.2.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -814,28 +821,28 @@ packages:
     resolution: {integrity: sha512-gVq0/lAClVH5STrIdKnHnCo2UcPLjJlDUoEB/tB4KM+hAeHUxWKnpT0nemUPvxZ5nbdY/pybeyMe8Cs29gEcHA==}
     dev: false
 
-  /@firebase/performance@0.6.8(@firebase/app@0.10.6):
+  /@firebase/performance@0.6.8(@firebase/app@0.10.8):
     resolution: {integrity: sha512-F+alziiIZ6Yn8FG47mxwljq+4XkgkT2uJIFRlkyViUQRLzrogaUJW6u/+6ZrePXnouKlKIwzqos3PVJraPEcCA==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
     dev: false
 
-  /@firebase/remote-config-compat@0.2.8(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6):
+  /@firebase/remote-config-compat@0.2.8(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-UxSFOp6dzFj2AHB8Bq/BYtbq5iFyizKx4Rd6WxAdaKYM8cnPMeK+l2v+Oogtjae+AeyHRI+MfL2acsfVe5cd2A==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
       '@firebase/logger': 0.4.2
-      '@firebase/remote-config': 0.4.8(@firebase/app@0.10.6)
+      '@firebase/remote-config': 0.4.8(@firebase/app@0.10.8)
       '@firebase/remote-config-types': 0.3.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -847,27 +854,27 @@ packages:
     resolution: {integrity: sha512-0BC4+Ud7y2aPTyhXJTMTFfrGGLqdYXrUB9sJVAB8NiqJswDTc4/2qrE/yfUbnQJhbSi6ZaTTBKyG3n1nplssaA==}
     dev: false
 
-  /@firebase/remote-config@0.4.8(@firebase/app@0.10.6):
+  /@firebase/remote-config@0.4.8(@firebase/app@0.10.8):
     resolution: {integrity: sha512-AMLqe6wfIRnjc6FkCWOSUjhc1fSTEf8o+cv1NolFvbiJ/tU+TqN4pI7pT+MIKQzNiq5fxLehkOx+xtAQBxPJKQ==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
       '@firebase/logger': 0.4.2
       '@firebase/util': 1.9.7
       tslib: 2.6.3
     dev: false
 
-  /@firebase/storage-compat@0.3.9(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6):
+  /@firebase/storage-compat@0.3.9(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-WWgAp5bTW961oIsCc9+98m4MIVKpEqztAlIngfHfwO/x3DYoBPRl/awMRG3CAXyVxG+7B7oHC5IsnqM+vTwx2A==}
     peerDependencies:
       '@firebase/app-compat': 0.x
     dependencies:
-      '@firebase/app-compat': 0.2.36
+      '@firebase/app-compat': 0.2.38
       '@firebase/component': 0.6.8
-      '@firebase/storage': 0.12.6(@firebase/app@0.10.6)
+      '@firebase/storage': 0.12.6(@firebase/app@0.10.8)
       '@firebase/storage-types': 0.8.2(@firebase/app-types@0.9.2)(@firebase/util@1.9.7)
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -886,12 +893,12 @@ packages:
       '@firebase/util': 1.9.7
     dev: false
 
-  /@firebase/storage@0.12.6(@firebase/app@0.10.6):
+  /@firebase/storage@0.12.6(@firebase/app@0.10.8):
     resolution: {integrity: sha512-Zgb9WuehJxzhj7pGXUvkAEaH+3HvLjD9xSZ9nepuXf5f8378xME7oGJtREr/RnepdDA5YW0XIxe0QQBNHpe1nw==}
     peerDependencies:
       '@firebase/app': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/component': 0.6.8
       '@firebase/util': 1.9.7
       tslib: 2.6.3
@@ -904,14 +911,14 @@ packages:
       tslib: 2.6.3
     dev: false
 
-  /@firebase/vertexai-preview@0.0.3(@firebase/app-types@0.9.2)(@firebase/app@0.10.6):
+  /@firebase/vertexai-preview@0.0.3(@firebase/app-types@0.9.2)(@firebase/app@0.10.8):
     resolution: {integrity: sha512-KVtUWLp+ScgiwkDKAvNkVucAyhLVQp6C6lhnVEuIg4mWhWcS3oerjAeVhZT4uNofKwWxRsOaB2Yec7DMTXlQPQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       '@firebase/app': 0.x
       '@firebase/app-types': 0.x
     dependencies:
-      '@firebase/app': 0.10.6
+      '@firebase/app': 0.10.8
       '@firebase/app-check-interop-types': 0.3.2
       '@firebase/app-types': 0.9.2
       '@firebase/component': 0.6.8
@@ -924,17 +931,17 @@ packages:
     resolution: {integrity: sha512-jmEnr/pk0yVkA7mIlHNnxCi+wWzOFUg0WyIotgkKAb2u1J7fAeDBcVNSTjTihbAYNusCLQdW5s9IJ5qwnEufcQ==}
     dev: false
 
-  /@floating-ui/core@1.6.4:
-    resolution: {integrity: sha512-a4IowK4QkXl4SCWTGUR0INAfEOX3wtsYw3rKK5InQEHMGObkR8Xk44qYQD9P4r6HHw0iIfK6GUKECmY8sTkqRA==}
+  /@floating-ui/core@1.6.5:
+    resolution: {integrity: sha512-8GrTWmoFhm5BsMZOTHeGD2/0FLKLQQHvO/ZmQga4tKempYRLz8aqJGqXVuQgisnMObq2YZ2SgkwctN1LOOxcqA==}
     dependencies:
-      '@floating-ui/utils': 0.2.4
+      '@floating-ui/utils': 0.2.5
     dev: false
 
-  /@floating-ui/dom@1.6.7:
-    resolution: {integrity: sha512-wmVfPG5o2xnKDU4jx/m4w5qva9FWHcnZ8BvzEe90D/RpwsJaTAVYPEPdQ8sbr/N8zZTAHlZUTQdqg8ZUbzHmng==}
+  /@floating-ui/dom@1.6.8:
+    resolution: {integrity: sha512-kx62rP19VZ767Q653wsP1XZCGIirkE09E0QUGNYTM/ttbbQHqcGPdSfWFxUyyNLc/W6aoJRBajOSXhP6GXjC0Q==}
     dependencies:
-      '@floating-ui/core': 1.6.4
-      '@floating-ui/utils': 0.2.4
+      '@floating-ui/core': 1.6.5
+      '@floating-ui/utils': 0.2.5
     dev: false
 
   /@floating-ui/react-dom@2.1.1(react-dom@18.3.1)(react@18.3.1):
@@ -943,13 +950,13 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
     dependencies:
-      '@floating-ui/dom': 1.6.7
+      '@floating-ui/dom': 1.6.8
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     dev: false
 
-  /@floating-ui/utils@0.2.4:
-    resolution: {integrity: sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA==}
+  /@floating-ui/utils@0.2.5:
+    resolution: {integrity: sha512-sTcG+QZ6fdEUObICavU+aB3Mp8HY4n14wYHdxK4fXjPmv3PXZZeY5RaguJmGyeH/CJQhX3fqKUtS4qc1LoHwhQ==}
     dev: false
 
   /@grpc/grpc-js@1.9.15:
@@ -978,7 +985,7 @@ packages:
       react: ^16 || ^17 || ^18
       react-dom: ^16 || ^17 || ^18
     dependencies:
-      '@tanstack/react-virtual': 3.8.3(react-dom@18.3.1)(react@18.3.1)
+      '@tanstack/react-virtual': 3.8.4(react-dom@18.3.1)(react@18.3.1)
       client-only: 0.0.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -990,7 +997,7 @@ packages:
     deprecated: Use @eslint/config-array instead
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.5
+      debug: 4.3.6
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -1260,7 +1267,7 @@ packages:
     dependencies:
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.1
+      '@lezer/lr': 1.4.2
     dev: false
 
   /@lezer/highlight@1.2.0:
@@ -1274,7 +1281,7 @@ packages:
     dependencies:
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.1
+      '@lezer/lr': 1.4.2
     dev: false
 
   /@lezer/javascript@1.4.17:
@@ -1282,11 +1289,11 @@ packages:
     dependencies:
       '@lezer/common': 1.2.1
       '@lezer/highlight': 1.2.0
-      '@lezer/lr': 1.4.1
+      '@lezer/lr': 1.4.2
     dev: false
 
-  /@lezer/lr@1.4.1:
-    resolution: {integrity: sha512-CHsKq8DMKBf9b3yXPDIU4DbH+ZJd/sJdYOW2llbW/HudP5u0VS6Bfq1hLYfgU7uAYGFIyGGQIsSOXGPEErZiJw==}
+  /@lezer/lr@1.4.2:
+    resolution: {integrity: sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==}
     dependencies:
       '@lezer/common': 1.2.1
     dev: false
@@ -1340,10 +1347,10 @@ packages:
       react-dom: ^18.2.0
     dependencies:
       '@codemirror/lang-markdown': 6.2.5
-      '@codemirror/merge': 6.6.3
+      '@codemirror/merge': 6.6.7
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
-      '@codesandbox/sandpack-react': 2.18.0(@lezer/common@1.2.1)(react-dom@18.3.1)(react@18.3.1)
+      '@codemirror/view': 6.29.1
+      '@codesandbox/sandpack-react': 2.18.2(@lezer/common@1.2.1)(react-dom@18.3.1)(react@18.3.1)
       '@lexical/clipboard': 0.14.5
       '@lexical/link': 0.14.5
       '@lexical/list': 0.14.5
@@ -1363,7 +1370,7 @@ packages:
       '@radix-ui/react-toolbar': 1.1.0(@types/react@18.3.3)(react-dom@18.3.1)(react@18.3.1)
       '@radix-ui/react-tooltip': 1.1.2(@types/react@18.3.3)(react-dom@18.3.1)(react@18.3.1)
       classnames: 2.5.1
-      cm6-theme-basic-light: 0.2.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/highlight@1.2.0)
+      cm6-theme-basic-light: 0.2.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/highlight@1.2.0)
       codemirror: 6.0.1(@lezer/common@1.2.1)
       downshift: 7.6.2(react@18.3.1)
       js-yaml: 4.1.0
@@ -1376,7 +1383,7 @@ packages:
       mdast-util-mdx: 3.0.0
       mdast-util-mdx-jsx: 3.1.2
       mdast-util-to-markdown: 2.1.0
-      micromark-extension-directive: 3.0.0
+      micromark-extension-directive: 3.0.1
       micromark-extension-frontmatter: 2.0.0
       micromark-extension-gfm-table: 2.1.0
       micromark-extension-gfm-task-list-item: 2.1.0
@@ -1408,8 +1415,8 @@ packages:
       react-dom: 18.3.1(react@18.3.1)
     dev: false
 
-  /@napi-rs/simple-git-android-arm-eabi@0.1.16:
-    resolution: {integrity: sha512-dbrCL0Pl5KZG7x7tXdtVsA5CO6At5ohDX3myf5xIYn9kN4jDFxsocl8bNt6Vb/hZQoJd8fI+k5VlJt+rFhbdVw==}
+  /@napi-rs/simple-git-android-arm-eabi@0.1.17:
+    resolution: {integrity: sha512-P+B95PKy46Dq9q1sr18wCn+Uj/WShMIyBBA+ezVHWJge6JSeGh4hLhKEpv3+Rk6S7ITCXxrr7Pn7U4o20nVqhQ==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [android]
@@ -1417,8 +1424,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-android-arm64@0.1.16:
-    resolution: {integrity: sha512-xYz+TW5J09iK8SuTAKK2D5MMIsBUXVSs8nYp7HcMi8q6FCRO7yJj96YfP9PvKsc/k64hOyqGmL5DhCzY9Cu1FQ==}
+  /@napi-rs/simple-git-android-arm64@0.1.17:
+    resolution: {integrity: sha512-qggMcxfNKiQsAa1pupFuC8fajvAz6QQcZirHxTPWUxQSEwUvliL8cyKM4QdJwSac0VEITTmHaegDSXsn43EvGg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [android]
@@ -1426,8 +1433,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-darwin-arm64@0.1.16:
-    resolution: {integrity: sha512-XfgsYqxhUE022MJobeiX563TJqyQyX4FmYCnqrtJwAfivESVeAJiH6bQIum8dDEYMHXCsG7nL8Ok0Dp8k2m42g==}
+  /@napi-rs/simple-git-darwin-arm64@0.1.17:
+    resolution: {integrity: sha512-LYgvP3Rw1lCkBW0Ud4xZFUZ2SI+Y2vvy9X/OEzlmqee5VPC1wiez2kZ62lD3ABU0Ta4Khv7W+eJsaXiTuvcq+Q==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
@@ -1435,8 +1442,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-darwin-x64@0.1.16:
-    resolution: {integrity: sha512-tkEVBhD6vgRCbeWsaAQqM3bTfpIVGeitamPPRVSbsq8qgzJ5Dx6ZedH27R7KSsA/uao7mZ3dsrNLXbu1Wy5MzA==}
+  /@napi-rs/simple-git-darwin-x64@0.1.17:
+    resolution: {integrity: sha512-CyLbxyLILT47jdNDTCREdO0LELKWqfkbw9EV4gaFrLZVD1Dej+NnZogR4oDrg7N12pcgVWnleaK1hcBDs7SeLQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
@@ -1444,8 +1451,17 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm-gnueabihf@0.1.16:
-    resolution: {integrity: sha512-R6VAyNnp/yRaT7DV1Ao3r67SqTWDa+fNq2LrNy0Z8gXk2wB9ZKlrxFtLPE1WSpWknWtyRDLpRlsorh7Evk7+7w==}
+  /@napi-rs/simple-git-freebsd-x64@0.1.17:
+    resolution: {integrity: sha512-SHWa3o5EZWYh7UoLi2sO4uLjZd58UFHaMttw4O9PZPvFcdjz5LjC6CQclwZbLyPDPMGefalrkUeYTs+/VJ+XEA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@napi-rs/simple-git-linux-arm-gnueabihf@0.1.17:
+    resolution: {integrity: sha512-nQpwitNfSN4qGmDpWOlS3XqeE7NARxCvL+lxO0CtKih2iBuWIoU0wViVKdf9fb/Rm3xsQHcblMkliMnjcAOupg==}
     engines: {node: '>= 10'}
     cpu: [arm]
     os: [linux]
@@ -1453,8 +1469,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm64-gnu@0.1.16:
-    resolution: {integrity: sha512-LAGI0opFKw/HBMCV2qIBK3uWSEW9h4xd2ireZKLJy8DBPymX6NrWIamuxYNyCuACnFdPRxR4LaRFy4J5ZwuMdw==}
+  /@napi-rs/simple-git-linux-arm64-gnu@0.1.17:
+    resolution: {integrity: sha512-JD8nSLa9WY1kAppMufYqcqFYYjZKjZZFdZtlpz6Kn0kk4Qmm3Rvt1etnuQBwax9R2wG4n9YPYfpidDxic8rlNw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -1462,8 +1478,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-arm64-musl@0.1.16:
-    resolution: {integrity: sha512-I57Ph0F0Yn2KW93ep+V1EzKhACqX0x49vvSiapqIsdDA2PifdEWLc1LJarBolmK7NKoPqKmf6lAKKO9lhiZzkg==}
+  /@napi-rs/simple-git-linux-arm64-musl@0.1.17:
+    resolution: {integrity: sha512-PRdVIEvgdIuJhDvdneO3X7XfZwujU7MOyymwK3kR1RMJPlbwzxdQBA86am/jEkBP7d8Cx8RbREzJ6y/2hAHKOQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -1471,8 +1487,26 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-x64-gnu@0.1.16:
-    resolution: {integrity: sha512-AZYYFY2V7hlcQASPEOWyOa3e1skzTct9QPzz0LiDM3f/hCFY/wBaU2M6NC5iG3d2Kr38heuyFS/+JqxLm5WaKA==}
+  /@napi-rs/simple-git-linux-powerpc64le-gnu@0.1.17:
+    resolution: {integrity: sha512-afbfsJMpQjtdLP3BRGj/hKpRqymxw2Lt+dmyoRej0zKxZnuPrws3Fi85RyYsT/6Tq0hSUAMeh5UtxGAOH3q8gA==}
+    engines: {node: '>= 10'}
+    cpu: [powerpc64le]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@napi-rs/simple-git-linux-s390x-gnu@0.1.17:
+    resolution: {integrity: sha512-qTgRIUsU+b7RMls+Ji4xlDYq0rsUuNBpzVgb991UPnzrhFWFFkCtyk6I6tJqMtRfg7Vgn1stCghFEQiHmpqkew==}
+    engines: {node: '>= 10'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@napi-rs/simple-git-linux-x64-gnu@0.1.17:
+    resolution: {integrity: sha512-xHlyUDJhjPUCR07JGrvMfLg5XSRVDsxgpo6B6zYQOSMcVgM7fjvyWNMBe508r4eD5YZKZyBPfSJUc5Ls9ToJNQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -1480,8 +1514,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-linux-x64-musl@0.1.16:
-    resolution: {integrity: sha512-9TyMcYSBJwjT8jwjY9m24BZbu7ozyWTjsmYBYNtK3B0Um1Ov6jthSNneLVvouQ6x+k3Ow+00TiFh6bvmT00r8g==}
+  /@napi-rs/simple-git-linux-x64-musl@0.1.17:
+    resolution: {integrity: sha512-eaTr+WPeiuEegduE3O7VzHhHftGXmX1pzzILoOTbbdmeEuH1BHnGAr35XTu+1lUHUqE2JHef3d3PgBHeh844hA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -1489,8 +1523,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-win32-arm64-msvc@0.1.16:
-    resolution: {integrity: sha512-uslJ1WuAHCYJWui6xjsyT47SjX6KOHDtClmNO8hqKz1pmDSNY7AjyUY8HxvD1lK9bDnWwc4JYhikS9cxCqHybw==}
+  /@napi-rs/simple-git-win32-arm64-msvc@0.1.17:
+    resolution: {integrity: sha512-v1F72stOCjapCd0Ha928m8X8i/IPhPQIXbYEGX0MEmaaAzbAJ3PTSSFpb0rFLShXaDFA2Wuw/jzlkPLESPdKVQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
@@ -1498,8 +1532,8 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git-win32-x64-msvc@0.1.16:
-    resolution: {integrity: sha512-SoEaVeCZCDF1MP+M9bMSXsZWgEjk4On9GWADO5JOulvzR1bKjk0s9PMHwe/YztR9F0sJzrCxwtvBZowhSJsQPg==}
+  /@napi-rs/simple-git-win32-x64-msvc@0.1.17:
+    resolution: {integrity: sha512-ziSqhCGE2eTUqpQKEutGobU2fH1t9fXwGF58dMFaPgTJIISaENvdnKu5FDJfA94vPbe3BMN64JoTmjBSglGFhQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -1507,26 +1541,32 @@ packages:
     dev: false
     optional: true
 
-  /@napi-rs/simple-git@0.1.16:
-    resolution: {integrity: sha512-C5wRPw9waqL2jk3jEDeJv+f7ScuO3N0a39HVdyFLkwKxHH4Sya4ZbzZsu2JLi6eEqe7RuHipHL6mC7B2OfYZZw==}
+  /@napi-rs/simple-git@0.1.17:
+    resolution: {integrity: sha512-lH8bYk2kqfbKsht/Gejd8K+y069ZXPHBfrlcj1ptS6xlJbHhncHxpFyy57W+PTuCcN+MPGVjs+3CiufG8EUrCQ==}
     engines: {node: '>= 10'}
     optionalDependencies:
-      '@napi-rs/simple-git-android-arm-eabi': 0.1.16
-      '@napi-rs/simple-git-android-arm64': 0.1.16
-      '@napi-rs/simple-git-darwin-arm64': 0.1.16
-      '@napi-rs/simple-git-darwin-x64': 0.1.16
-      '@napi-rs/simple-git-linux-arm-gnueabihf': 0.1.16
-      '@napi-rs/simple-git-linux-arm64-gnu': 0.1.16
-      '@napi-rs/simple-git-linux-arm64-musl': 0.1.16
-      '@napi-rs/simple-git-linux-x64-gnu': 0.1.16
-      '@napi-rs/simple-git-linux-x64-musl': 0.1.16
-      '@napi-rs/simple-git-win32-arm64-msvc': 0.1.16
-      '@napi-rs/simple-git-win32-x64-msvc': 0.1.16
-    dev: false
+      '@napi-rs/simple-git-android-arm-eabi': 0.1.17
+      '@napi-rs/simple-git-android-arm64': 0.1.17
+      '@napi-rs/simple-git-darwin-arm64': 0.1.17
+      '@napi-rs/simple-git-darwin-x64': 0.1.17
+      '@napi-rs/simple-git-freebsd-x64': 0.1.17
+      '@napi-rs/simple-git-linux-arm-gnueabihf': 0.1.17
+      '@napi-rs/simple-git-linux-arm64-gnu': 0.1.17
+      '@napi-rs/simple-git-linux-arm64-musl': 0.1.17
+      '@napi-rs/simple-git-linux-powerpc64le-gnu': 0.1.17
+      '@napi-rs/simple-git-linux-s390x-gnu': 0.1.17
+      '@napi-rs/simple-git-linux-x64-gnu': 0.1.17
+      '@napi-rs/simple-git-linux-x64-musl': 0.1.17
+      '@napi-rs/simple-git-win32-arm64-msvc': 0.1.17
+      '@napi-rs/simple-git-win32-x64-msvc': 0.1.17
+    dev: false
+
+  /@next/env@13.5.6:
+    resolution: {integrity: sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw==}
+    dev: true
 
   /@next/env@14.2.5:
     resolution: {integrity: sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==}
-    dev: false
 
   /@next/eslint-plugin-next@14.2.5:
     resolution: {integrity: sha512-LY3btOpPh+OTIpviNojDpUdIbHW9j0JBYBjsIp8IxtDFfYFyORvw3yNq6N231FVqQA7n7lwaf7xHbVJlA1ED7g==}
@@ -1540,7 +1580,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-darwin-x64@14.2.5:
@@ -1549,7 +1588,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-linux-arm64-gnu@14.2.5:
@@ -1558,7 +1596,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-linux-arm64-musl@14.2.5:
@@ -1567,7 +1604,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-linux-x64-gnu@14.2.5:
@@ -1576,7 +1612,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-linux-x64-musl@14.2.5:
@@ -1585,7 +1620,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-win32-arm64-msvc@14.2.5:
@@ -1594,7 +1628,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-win32-ia32-msvc@14.2.5:
@@ -1603,7 +1636,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@next/swc-win32-x64-msvc@14.2.5:
@@ -1612,7 +1644,6 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: false
     optional: true
 
   /@nodelib/fs.scandir@2.1.5:
@@ -2495,8 +2526,8 @@ packages:
     resolution: {integrity: sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==}
     dev: false
 
-  /@react-hook/intersection-observer@3.1.1(react@18.3.1):
-    resolution: {integrity: sha512-OTDx8/wFaRvzFtKl1dEUEXSOqK2zVJHporiTTdC2xO++0e9FEx9wIrPis5q3lqtXeZH9zYGLbk+aB75qNFbbuw==}
+  /@react-hook/intersection-observer@3.1.2(react@18.3.1):
+    resolution: {integrity: sha512-mWU3BMkmmzyYMSuhO9wu3eJVP21N8TcgYm9bZnTrMwuM818bEk+0NRM3hP+c/TqA9Ln5C7qE53p1H0QMtzYdvQ==}
     peerDependencies:
       react: '>=16.8'
     dependencies:
@@ -2513,8 +2544,8 @@ packages:
       react: 18.3.1
     dev: false
 
-  /@rushstack/eslint-patch@1.10.3:
-    resolution: {integrity: sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==}
+  /@rushstack/eslint-patch@1.10.4:
+    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
     dev: true
 
   /@splidejs/react-splide@0.7.12:
@@ -2537,28 +2568,26 @@ packages:
 
   /@swc/counter@0.1.3:
     resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
-    dev: false
 
   /@swc/helpers@0.5.5:
     resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
     dependencies:
       '@swc/counter': 0.1.3
       tslib: 2.6.3
-    dev: false
 
-  /@tanstack/react-virtual@3.8.3(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-9ICwbDUUzN99CJIGc373i8NLoj6zFTKI2Hlcmo0+lCSAhPQ5mxq4dGOMKmLYoEFyHcGQ64Bd6ZVbnPpM6lNK5w==}
+  /@tanstack/react-virtual@3.8.4(react-dom@18.3.1)(react@18.3.1):
+    resolution: {integrity: sha512-Dq0VQr3QlTS2qL35g360QaJWBt7tCn/0xw4uZ0dHXPLO1Ak4Z4nVX4vuj1Npg1b/jqNMDToRtR5OIxM2NXRBWg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
     dependencies:
-      '@tanstack/virtual-core': 3.8.3
+      '@tanstack/virtual-core': 3.8.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     dev: false
 
-  /@tanstack/virtual-core@3.8.3:
-    resolution: {integrity: sha512-vd2A2TnM5lbnWZnHi9B+L2gPtkSeOtJOAw358JqokIH1+v2J7vUAzFVPwB/wrye12RFOurffXu33plm4uQ+JBQ==}
+  /@tanstack/virtual-core@3.8.4:
+    resolution: {integrity: sha512-iO5Ujgw3O1yIxWDe9FgUPNkGjyT657b1WNX52u+Wv1DyBFEpdCdGkuVaky0M3hHFqNWjAmHWTn4wgj9rTr7ZQg==}
     dev: false
 
   /@theguild/remark-mermaid@0.0.5(react@18.3.1):
@@ -2733,7 +2762,7 @@ packages:
       '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 8.57.0
       graphemer: 1.4.0
       ignore: 5.3.1
@@ -2759,7 +2788,7 @@ packages:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.2.2)
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 8.57.0
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -2786,7 +2815,7 @@ packages:
     dependencies:
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.2.2)
       '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.2.2)
-      debug: 4.3.5
+      debug: 4.3.6
       eslint: 8.57.0
       ts-api-utils: 1.3.0(typescript@5.2.2)
       typescript: 5.2.2
@@ -2810,7 +2839,7 @@ packages:
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.5
+      debug: 4.3.6
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.3
@@ -3026,15 +3055,6 @@ packages:
       es-shim-unscopables: 1.0.2
     dev: true
 
-  /array.prototype.toreversed@1.1.2:
-    resolution: {integrity: sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==}
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-      es-abstract: 1.23.3
-      es-shim-unscopables: 1.0.2
-    dev: true
-
   /array.prototype.tosorted@1.1.4:
     resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
     engines: {node: '>= 0.4'}
@@ -3073,19 +3093,19 @@ packages:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: false
 
-  /autoprefixer@10.4.19(postcss@8.4.39):
+  /autoprefixer@10.4.19(postcss@8.4.40):
     resolution: {integrity: sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: 4.23.2
-      caniuse-lite: 1.0.30001642
+      browserslist: 4.23.3
+      caniuse-lite: 1.0.30001646
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.0.1
-      postcss: 8.4.39
+      postcss: 8.4.40
       postcss-value-parser: 4.2.0
     dev: true
 
@@ -3096,13 +3116,13 @@ packages:
       possible-typed-array-names: 1.0.0
     dev: true
 
-  /axe-core@4.9.1:
-    resolution: {integrity: sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==}
+  /axe-core@4.10.0:
+    resolution: {integrity: sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==}
     engines: {node: '>=4'}
     dev: true
 
-  /axios@1.7.2:
-    resolution: {integrity: sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==}
+  /axios@1.7.3:
+    resolution: {integrity: sha512-Ar7ND9pU99eJ9GpoGQKhKf58GpUOgnzuaB7ueNQ5BMi0p+LZ5oaEnfF999fAArcTIBwXTCHAmGcHOZJaWPq9Nw==}
     dependencies:
       follow-redirects: 1.15.6
       form-data: 4.0.0
@@ -3153,15 +3173,15 @@ packages:
       fill-range: 7.1.1
     dev: true
 
-  /browserslist@4.23.2:
-    resolution: {integrity: sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==}
+  /browserslist@4.23.3:
+    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001642
-      electron-to-chromium: 1.4.829
-      node-releases: 2.0.17
-      update-browserslist-db: 1.1.0(browserslist@4.23.2)
+      caniuse-lite: 1.0.30001646
+      electron-to-chromium: 1.5.4
+      node-releases: 2.0.18
+      update-browserslist-db: 1.1.0(browserslist@4.23.3)
     dev: true
 
   /buffer-from@1.1.2:
@@ -3180,7 +3200,6 @@ packages:
     engines: {node: '>=10.16.0'}
     dependencies:
       streamsearch: 1.1.0
-    dev: false
 
   /call-bind@1.0.7:
     resolution: {integrity: sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==}
@@ -3203,8 +3222,8 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /caniuse-lite@1.0.30001642:
-    resolution: {integrity: sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==}
+  /caniuse-lite@1.0.30001646:
+    resolution: {integrity: sha512-dRg00gudiBDDTmUhClSdv3hqRfpbOnU28IpI1T6PBTLWa+kOj0681C8uML3PifYfREuBrVjDGhL3adYpBT6spw==}
 
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -3289,7 +3308,6 @@ packages:
 
   /client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
-    dev: false
 
   /clipboardy@1.2.2:
     resolution: {integrity: sha512-16KrBOV7bHmHdxcQiCvfUFYVFyEah4FI8vYT1Fr7CGSA4G+xBWMEfUEQJS1hxeHGtI9ju1Bzs9uXSbj5HZKArw==}
@@ -3313,7 +3331,7 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /cm6-theme-basic-light@0.2.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/highlight@1.2.0):
+  /cm6-theme-basic-light@0.2.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/highlight@1.2.0):
     resolution: {integrity: sha512-1prg2gv44sYfpHscP26uLT/ePrh0mlmVwMSoSd3zYKQ92Ab3jPRLzyCnpyOCQLJbK+YdNs4HvMRqMNYdy4pMhA==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
@@ -3323,20 +3341,20 @@ packages:
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
       '@lezer/highlight': 1.2.0
     dev: false
 
   /codemirror@6.0.1(@lezer/common@1.2.1):
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
     dependencies:
-      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.4)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.17.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.29.1)(@lezer/common@1.2.1)
       '@codemirror/commands': 6.6.0
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/search': 6.5.6
       '@codemirror/state': 6.4.1
-      '@codemirror/view': 6.28.4
+      '@codemirror/view': 6.29.1
     transitivePeerDependencies:
       - '@lezer/common'
     dev: false
@@ -3462,17 +3480,17 @@ packages:
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
-  /cytoscape-cose-bilkent@4.1.0(cytoscape@3.30.0):
+  /cytoscape-cose-bilkent@4.1.0(cytoscape@3.30.1):
     resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
     peerDependencies:
       cytoscape: ^3.2.0
     dependencies:
       cose-base: 1.0.3
-      cytoscape: 3.30.0
+      cytoscape: 3.30.1
     dev: false
 
-  /cytoscape@3.30.0:
-    resolution: {integrity: sha512-l590mjTHT6/Cbxp13dGPC2Y7VXdgc+rUeF8AnF/JPzhjNevbDJfObnJgaSjlldOgBQZbue+X6IUZ7r5GAgvauQ==}
+  /cytoscape@3.30.1:
+    resolution: {integrity: sha512-TRJc3HbBPkHd50u9YfJh2FxD1lDLZ+JXnJoyBn5LkncoeuT7fapO/Hq/Ed8TdFclaKshzInge2i30bg7VKeoPQ==}
     engines: {node: '>=0.10'}
     dev: false
 
@@ -3793,8 +3811,8 @@ packages:
       is-data-view: 1.0.1
     dev: true
 
-  /dayjs@1.11.11:
-    resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
+  /dayjs@1.11.12:
+    resolution: {integrity: sha512-Rt2g+nTbLlDWZTwwrIXjy9MeiZmSDI375FvZs72ngxx8PDC6YXOeR3q5LAuPzjZQxhiWdRKac7RKV+YyQYfYIg==}
     dev: false
 
   /debug@3.2.7:
@@ -3808,8 +3826,8 @@ packages:
       ms: 2.1.3
     dev: true
 
-  /debug@4.3.5:
-    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+  /debug@4.3.6:
+    resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
     engines: {node: '>=6.0'}
     peerDependencies:
       supports-color: '*'
@@ -3941,7 +3959,7 @@ packages:
     peerDependencies:
       react: '>=16.12.0'
     dependencies:
-      '@babel/runtime': 7.24.8
+      '@babel/runtime': 7.25.0
       compute-scroll-into-view: 2.0.4
       prop-types: 15.8.1
       react: 18.3.1
@@ -3953,8 +3971,8 @@ packages:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
     dev: true
 
-  /electron-to-chromium@1.4.829:
-    resolution: {integrity: sha512-5qp1N2POAfW0u1qGAxXEtz6P7bO1m6gpZr5hdf5ve6lxpLM7MpiM4jIPz7xcrNlClQMafbyUDDWjlIQZ1Mw0Rw==}
+  /electron-to-chromium@1.5.4:
+    resolution: {integrity: sha512-orzA81VqLyIGUEA77YkVA1D+N+nNfl2isJVjjmOyrlxuooZ19ynb+dOlaDTqd/idKRS9lDCSBmtzM+kyCsMnkA==}
     dev: true
 
   /elkjs@0.9.3:
@@ -3972,8 +3990,8 @@ packages:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
     dev: true
 
-  /enhanced-resolve@5.17.0:
-    resolution: {integrity: sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==}
+  /enhanced-resolve@5.17.1:
+    resolution: {integrity: sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==}
     engines: {node: '>=10.13.0'}
     dependencies:
       graceful-fs: 4.2.11
@@ -4192,7 +4210,7 @@ packages:
       semver: 6.3.1
     dev: true
 
-  /eslint-config-airbnb@19.0.4(eslint-plugin-import@2.29.1)(eslint-plugin-jsx-a11y@6.9.0)(eslint-plugin-react-hooks@4.6.2)(eslint-plugin-react@7.34.4)(eslint@8.57.0):
+  /eslint-config-airbnb@19.0.4(eslint-plugin-import@2.29.1)(eslint-plugin-jsx-a11y@6.9.0)(eslint-plugin-react-hooks@4.6.2)(eslint-plugin-react@7.35.0)(eslint@8.57.0):
     resolution: {integrity: sha512-T75QYQVQX57jiNgpF9r1KegMICE94VYwoFQyMGhrvc+lB8YF2E/M/PYDaQe1AJcWaEgqLE+ErXV1Og/+6Vyzew==}
     engines: {node: ^10.12.0 || ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -4206,7 +4224,7 @@ packages:
       eslint-config-airbnb-base: 15.0.0(eslint-plugin-import@2.29.1)(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.9.0(eslint@8.57.0)
-      eslint-plugin-react: 7.34.4(eslint@8.57.0)
+      eslint-plugin-react: 7.35.0(eslint@8.57.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
       object.assign: 4.1.5
       object.entries: 1.1.8
@@ -4222,14 +4240,14 @@ packages:
         optional: true
     dependencies:
       '@next/eslint-plugin-next': 14.2.5
-      '@rushstack/eslint-patch': 1.10.3
+      '@rushstack/eslint-patch': 1.10.4
       '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.2.2)
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.9.0(eslint@8.57.0)
-      eslint-plugin-react: 7.34.4(eslint@8.57.0)
+      eslint-plugin-react: 7.35.0(eslint@8.57.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
       typescript: 5.2.2
     transitivePeerDependencies:
@@ -4258,7 +4276,7 @@ packages:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
     dependencies:
       debug: 3.2.7
-      is-core-module: 2.14.0
+      is-core-module: 2.15.0
       resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
@@ -4271,14 +4289,14 @@ packages:
       eslint: '*'
       eslint-plugin-import: '*'
     dependencies:
-      debug: 4.3.5
-      enhanced-resolve: 5.17.0
+      debug: 4.3.6
+      enhanced-resolve: 5.17.1
       eslint: 8.57.0
       eslint-module-utils: 2.8.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       fast-glob: 3.3.2
-      get-tsconfig: 4.7.5
-      is-core-module: 2.14.0
+      get-tsconfig: 4.7.6
+      is-core-module: 2.15.0
       is-glob: 4.0.3
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
@@ -4364,7 +4382,7 @@ packages:
       eslint-import-resolver-node: 0.3.9
       eslint-module-utils: 2.8.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
       hasown: 2.0.2
-      is-core-module: 2.14.0
+      is-core-module: 2.15.0
       is-glob: 4.0.3
       minimatch: 3.1.2
       object.fromentries: 2.0.8
@@ -4388,7 +4406,7 @@ packages:
       array-includes: 3.1.8
       array.prototype.flatmap: 1.3.2
       ast-types-flow: 0.0.8
-      axe-core: 4.9.1
+      axe-core: 4.10.0
       axobject-query: 3.1.1
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
@@ -4469,16 +4487,15 @@ packages:
       eslint: 8.57.0
     dev: true
 
-  /eslint-plugin-react@7.34.4(eslint@8.57.0):
-    resolution: {integrity: sha512-Np+jo9bUwJNxCsT12pXtrGhJgT3T44T1sHhn1Ssr42XFn8TES0267wPGo5nNrMHi8qkyimDAX2BUmkf9pSaVzA==}
+  /eslint-plugin-react@7.35.0(eslint@8.57.0):
+    resolution: {integrity: sha512-v501SSMOWv8gerHkk+IIQBkcGRGrO2nfybfj5pLxuJNFTPxxA3PSryhXTK+9pNbtkggheDdsC0E9Q8CuPk6JKA==}
     engines: {node: '>=4'}
     peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
     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
@@ -4526,7 +4543,7 @@ packages:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.5
+      debug: 4.3.6
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -4775,36 +4792,36 @@ packages:
       path-exists: 4.0.0
     dev: true
 
-  /firebase@10.12.3:
-    resolution: {integrity: sha512-dO2cQ8eP6RnM2wcGzbxnoljjjMBf1suUrHYFftjSpbPn/8bEx959cwTRDHqBx3MwSzNsg6zZV/wiWydJPhUKgw==}
+  /firebase@10.12.5:
+    resolution: {integrity: sha512-J0yL3yh12CfFprTkSOQ9HqBugERyqvWwOuOoo1j1QHmYe9cYLKnBmtNCvGIYInDcsVUnJoRXCM+hxbGf48oVhg==}
     dependencies:
-      '@firebase/analytics': 0.10.5(@firebase/app@0.10.6)
-      '@firebase/analytics-compat': 0.2.11(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/app': 0.10.6
-      '@firebase/app-check': 0.8.5(@firebase/app@0.10.6)
-      '@firebase/app-check-compat': 0.3.12(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/app-compat': 0.2.36
+      '@firebase/analytics': 0.10.7(@firebase/app@0.10.8)
+      '@firebase/analytics-compat': 0.2.13(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/app': 0.10.8
+      '@firebase/app-check': 0.8.7(@firebase/app@0.10.8)
+      '@firebase/app-check-compat': 0.3.14(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/app-compat': 0.2.38
       '@firebase/app-types': 0.9.2
-      '@firebase/auth': 1.7.5(@firebase/app@0.10.6)
-      '@firebase/auth-compat': 0.5.10(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6)
-      '@firebase/database': 1.0.6
-      '@firebase/database-compat': 1.0.6
-      '@firebase/firestore': 4.6.4(@firebase/app@0.10.6)
-      '@firebase/firestore-compat': 0.3.33(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6)
-      '@firebase/functions': 0.11.6(@firebase/app@0.10.6)
-      '@firebase/functions-compat': 0.3.12(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/installations': 0.6.8(@firebase/app@0.10.6)
-      '@firebase/installations-compat': 0.2.8(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6)
-      '@firebase/messaging': 0.12.10(@firebase/app@0.10.6)
-      '@firebase/messaging-compat': 0.2.10(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/performance': 0.6.8(@firebase/app@0.10.6)
-      '@firebase/performance-compat': 0.2.8(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/remote-config': 0.4.8(@firebase/app@0.10.6)
-      '@firebase/remote-config-compat': 0.2.8(@firebase/app-compat@0.2.36)(@firebase/app@0.10.6)
-      '@firebase/storage': 0.12.6(@firebase/app@0.10.6)
-      '@firebase/storage-compat': 0.3.9(@firebase/app-compat@0.2.36)(@firebase/app-types@0.9.2)(@firebase/app@0.10.6)
+      '@firebase/auth': 1.7.6(@firebase/app@0.10.8)
+      '@firebase/auth-compat': 0.5.11(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8)
+      '@firebase/database': 1.0.7
+      '@firebase/database-compat': 1.0.7
+      '@firebase/firestore': 4.6.5(@firebase/app@0.10.8)
+      '@firebase/firestore-compat': 0.3.34(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8)
+      '@firebase/functions': 0.11.6(@firebase/app@0.10.8)
+      '@firebase/functions-compat': 0.3.12(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/installations': 0.6.8(@firebase/app@0.10.8)
+      '@firebase/installations-compat': 0.2.8(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8)
+      '@firebase/messaging': 0.12.10(@firebase/app@0.10.8)
+      '@firebase/messaging-compat': 0.2.10(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/performance': 0.6.8(@firebase/app@0.10.8)
+      '@firebase/performance-compat': 0.2.8(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/remote-config': 0.4.8(@firebase/app@0.10.8)
+      '@firebase/remote-config-compat': 0.2.8(@firebase/app-compat@0.2.38)(@firebase/app@0.10.8)
+      '@firebase/storage': 0.12.6(@firebase/app@0.10.8)
+      '@firebase/storage-compat': 0.3.9(@firebase/app-compat@0.2.38)(@firebase/app-types@0.9.2)(@firebase/app@0.10.8)
       '@firebase/util': 1.9.7
-      '@firebase/vertexai-preview': 0.0.3(@firebase/app-types@0.9.2)(@firebase/app@0.10.6)
+      '@firebase/vertexai-preview': 0.0.3(@firebase/app-types@0.9.2)(@firebase/app@0.10.8)
     transitivePeerDependencies:
       - '@react-native-async-storage/async-storage'
     dev: false
@@ -4955,8 +4972,8 @@ packages:
       get-intrinsic: 1.2.4
     dev: true
 
-  /get-tsconfig@4.7.5:
-    resolution: {integrity: sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==}
+  /get-tsconfig@4.7.6:
+    resolution: {integrity: sha512-ZAqrLlu18NbDdRaHq+AKXzAmqIUPswPWKUchfytdAjiRFnCe5ojG2bstg6mRiZabkKfCoL/e98pbBELIV/YCeA==}
     dependencies:
       resolve-pkg-maps: 1.0.0
     dev: true
@@ -5269,7 +5286,6 @@ packages:
     engines: {node: '>=12.0.0'}
     dev: false
 
-<<<<<<< Updated upstream
   /hosted-git-info@7.0.2:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -5277,8 +5293,6 @@ packages:
       lru-cache: 10.4.3
     dev: true
 
-=======
->>>>>>> Stashed changes
   /html-void-elements@3.0.0:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
     dev: false
@@ -5455,8 +5469,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /is-core-module@2.14.0:
-    resolution: {integrity: sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==}
+  /is-core-module@2.15.0:
+    resolution: {integrity: sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==}
     engines: {node: '>= 0.4'}
     dependencies:
       hasown: 2.0.2
@@ -5812,8 +5826,8 @@ packages:
     resolution: {integrity: sha512-ouV7Gyr9+3WT3WTrCgRAD3iZnlJWfs2/kBl2x3J2Q3X9uCWJn/zn21fQ8G1EUHlu0dvXPBmdk9hXb/FjTClt6Q==}
     dev: false
 
-  /lib0@0.2.94:
-    resolution: {integrity: sha512-hZ3p54jL4Wpu7IOg26uC7dnEWiMyNlUrb9KoG7+xYs45WkQwpVvKFndVq2+pqLYKe1u8Fp3+zAfZHVvTK34PvQ==}
+  /lib0@0.2.95:
+    resolution: {integrity: sha512-St5XGDh5omvNawGkAOa7CFRjxl4xEKLj9DxgT8Nl7rmrD6l2WRTngvmZGhJKRaniROterT0RDVdnwLlU9PiEOg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
@@ -5920,7 +5934,7 @@ packages:
   /match-sorter@6.3.4:
     resolution: {integrity: sha512-jfZW7cWS5y/1xswZo8VBOdudUiSd9nifYRWphc9M5D/ee4w4AoXLgBEdRbgVaxbMuagBPeUC5y2Hi8DO6o9aDg==}
     dependencies:
-      '@babel/runtime': 7.24.8
+      '@babel/runtime': 7.25.0
       remove-accents: 0.5.0
     dev: false
 
@@ -6305,12 +6319,12 @@ packages:
       '@braintree/sanitize-url': 6.0.4
       '@types/d3-scale': 4.0.8
       '@types/d3-scale-chromatic': 3.0.3
-      cytoscape: 3.30.0
-      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.30.0)
+      cytoscape: 3.30.1
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.30.1)
       d3: 7.9.0
       d3-sankey: 0.12.3
       dagre-d3-es: 7.0.10
-      dayjs: 1.11.11
+      dayjs: 1.11.12
       dompurify: 3.1.6
       elkjs: 0.9.3
       katex: 0.16.11
@@ -6367,8 +6381,8 @@ packages:
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
 
-  /micromark-extension-directive@3.0.0:
-    resolution: {integrity: sha512-61OI07qpQrERc+0wEysLHMvoiO3s2R56x5u7glHq2Yqq6EHbH4dW25G9GfDdGCDYqA21KE6DWgNSzxSwHc2hSg==}
+  /micromark-extension-directive@3.0.1:
+    resolution: {integrity: sha512-VGV2uxUzhEZmaP7NSFo2vtq7M2nUD+WfmYQD+d8i/1nHbzE+rMy9uzTvUybBbNiVbrhOZibg3gbyoARGqgDWyg==}
     dependencies:
       devlop: 1.1.0
       micromark-factory-space: 2.0.0
@@ -6903,7 +6917,7 @@ packages:
   /micromark@2.11.4:
     resolution: {integrity: sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==}
     dependencies:
-      debug: 4.3.5
+      debug: 4.3.6
       parse-entities: 2.0.0
     transitivePeerDependencies:
       - supports-color
@@ -6913,7 +6927,7 @@ packages:
     resolution: {integrity: sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==}
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.5
+      debug: 4.3.6
       decode-named-character-reference: 1.0.2
       micromark-core-commonmark: 1.1.0
       micromark-factory-space: 1.1.0
@@ -6937,7 +6951,7 @@ packages:
     resolution: {integrity: sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==}
     dependencies:
       '@types/debug': 4.1.12
-      debug: 4.3.5
+      debug: 4.3.6
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
       micromark-core-commonmark: 2.0.1
@@ -7067,6 +7081,20 @@ packages:
       react-dom: 18.3.1(react@18.3.1)
     dev: false
 
+  /next-sitemap@4.2.3(next@14.2.5):
+    resolution: {integrity: sha512-vjdCxeDuWDzldhCnyFCQipw5bfpl4HmZA7uoo3GAaYGjGgfL4Cxb1CiztPuWGmS+auYs7/8OekRS8C2cjdAsjQ==}
+    engines: {node: '>=14.18'}
+    hasBin: true
+    peerDependencies:
+      next: '*'
+    dependencies:
+      '@corex/deepmerge': 4.0.43
+      '@next/env': 13.5.6
+      fast-glob: 3.3.2
+      minimist: 1.2.8
+      next: 14.2.5(react-dom@18.3.1)(react@18.3.1)
+    dev: true
+
   /next-themes@0.2.1(next@14.2.5)(react-dom@18.3.1)(react@18.3.1):
     resolution: {integrity: sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==}
     peerDependencies:
@@ -7104,7 +7132,7 @@ packages:
       '@next/env': 14.2.5
       '@swc/helpers': 0.5.5
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001642
+      caniuse-lite: 1.0.30001646
       graceful-fs: 4.2.11
       postcss: 8.4.31
       react: 18.3.1
@@ -7123,7 +7151,6 @@ packages:
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
-    dev: false
 
   /nextra-theme-docs@2.13.4(next@14.2.5)(nextra@2.13.4)(react-dom@18.3.1)(react@18.3.1):
     resolution: {integrity: sha512-2XOoMfwBCTYBt8ds4ZHftt9Wyf2XsykiNo02eir/XEYB+sGeUoE77kzqfidjEOKCSzOHYbK9BDMcg2+B/2vYRw==}
@@ -7163,7 +7190,7 @@ packages:
       '@headlessui/react': 1.7.19(react-dom@18.3.1)(react@18.3.1)
       '@mdx-js/mdx': 2.3.0
       '@mdx-js/react': 2.3.0(react@18.3.1)
-      '@napi-rs/simple-git': 0.1.16
+      '@napi-rs/simple-git': 0.1.17
       '@theguild/remark-mermaid': 0.0.5(react@18.3.1)
       '@theguild/remark-npm2yarn': 0.2.1
       clsx: 2.1.1
@@ -7193,8 +7220,8 @@ packages:
       - supports-color
     dev: false
 
-  /node-releases@2.0.17:
-    resolution: {integrity: sha512-Ww6ZlOiEQfPfXM45v17oabk77Z7mg5bOt7AjDyzy7RjK9OrLrLC8dyZQoAPEOtFX9SaNf1Tdvr5gRJWdTJj7GA==}
+  /node-releases@2.0.18:
+    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
     dev: true
 
   /non-layered-tidy-tree-layout@2.0.2:
@@ -7240,8 +7267,8 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     dev: true
 
-  /npm-package-arg@11.0.2:
-    resolution: {integrity: sha512-IGN0IAwmhDJwy13Wc8k+4PEbTPhpJnMtfR53ZbOyjkvmEcLS4nCwp6mvMWjS5sUjeiW3mpx6cHmuhKEu9XmcQw==}
+  /npm-package-arg@11.0.3:
+    resolution: {integrity: sha512-sHGJy8sOC1YraBywpzQlIKBE4pBbGbiF95U6Auspzyem956E0+FtDtsx1ZxlOJkQCZ1AFXAY/yuvtFYrOxF+Bw==}
     engines: {node: ^16.14.0 || >=18.0.0}
     dependencies:
       hosted-git-info: 7.0.2
@@ -7256,7 +7283,7 @@ packages:
     dependencies:
       npm-install-checks: 6.3.0
       npm-normalize-package-bin: 3.0.1
-      npm-package-arg: 11.0.2
+      npm-package-arg: 11.0.3
       semver: 7.6.3
     dev: true
 
@@ -7521,29 +7548,29 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.39):
+  /postcss-import@15.1.0(postcss@8.4.40):
     resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       postcss: ^8.0.0
     dependencies:
-      postcss: 8.4.39
+      postcss: 8.4.40
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
     dev: true
 
-  /postcss-js@4.0.1(postcss@8.4.39):
+  /postcss-js@4.0.1(postcss@8.4.40):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
     engines: {node: ^12 || ^14 || >= 16}
     peerDependencies:
       postcss: ^8.4.21
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.39
+      postcss: 8.4.40
     dev: true
 
-  /postcss-load-config@4.0.2(postcss@8.4.39):
+  /postcss-load-config@4.0.2(postcss@8.4.40):
     resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
     engines: {node: '>= 14'}
     peerDependencies:
@@ -7556,17 +7583,17 @@ packages:
         optional: true
     dependencies:
       lilconfig: 3.1.2
-      postcss: 8.4.39
-      yaml: 2.4.5
+      postcss: 8.4.40
+      yaml: 2.5.0
     dev: true
 
-  /postcss-nested@6.0.1(postcss@8.4.39):
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+  /postcss-nested@6.2.0(postcss@8.4.40):
+    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.2.14
     dependencies:
-      postcss: 8.4.39
+      postcss: 8.4.40
       postcss-selector-parser: 6.1.1
     dev: true
 
@@ -7589,10 +7616,9 @@ packages:
       nanoid: 3.3.7
       picocolors: 1.0.1
       source-map-js: 1.2.0
-    dev: false
 
-  /postcss@8.4.39:
-    resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
+  /postcss@8.4.40:
+    resolution: {integrity: sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.7
@@ -7710,7 +7736,6 @@ packages:
       loose-envify: 1.4.0
       react: 18.3.1
       scheduler: 0.23.2
-    dev: false
 
   /react-error-boundary@3.1.4(react@18.3.1):
     resolution: {integrity: sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==}
@@ -7718,7 +7743,7 @@ packages:
     peerDependencies:
       react: '>=16.13.1'
     dependencies:
-      '@babel/runtime': 7.24.8
+      '@babel/runtime': 7.25.0
       react: 18.3.1
     dev: false
 
@@ -7820,7 +7845,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
-    dev: false
 
   /read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
@@ -7866,7 +7890,7 @@ packages:
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
       globalthis: 1.0.4
-      which-builtin-type: 1.1.3
+      which-builtin-type: 1.1.4
     dev: true
 
   /regenerator-runtime@0.14.1:
@@ -7954,7 +7978,7 @@ packages:
       estree-util-value-to-estree: 3.1.2
       toml: 3.0.0
       unified: 11.0.5
-      yaml: 2.4.5
+      yaml: 2.5.0
     dev: false
 
   /remark-mdx@2.3.0:
@@ -8048,7 +8072,7 @@ packages:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
     dependencies:
-      is-core-module: 2.14.0
+      is-core-module: 2.15.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -8057,7 +8081,7 @@ packages:
     resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
     hasBin: true
     dependencies:
-      is-core-module: 2.14.0
+      is-core-module: 2.15.0
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -8130,7 +8154,6 @@ packages:
     resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
     dependencies:
       loose-envify: 1.4.0
-    dev: false
 
   /scroll-into-view-if-needed@3.1.0:
     resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
@@ -8308,7 +8331,6 @@ packages:
   /streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
-    dev: false
 
   /strict-event-emitter@0.4.6:
     resolution: {integrity: sha512-12KWeb+wixJohmnwNFerbyiBrAlq5qJLwIt38etRtKtmmHyDSoGlIqFE9wx+4IwG0aDjI7GV8tc8ZccjWZZtTg==}
@@ -8473,7 +8495,6 @@ packages:
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
-    dev: false
 
   /stylis@4.3.2:
     resolution: {integrity: sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==}
@@ -8532,8 +8553,8 @@ packages:
       tslib: 2.6.3
     dev: true
 
-  /tailwindcss@3.4.6:
-    resolution: {integrity: sha512-1uRHzPB+Vzu57ocybfZ4jh5Q3SdlH7XW23J5sQoM9LhE9eIOlzxer/3XPSsycvih3rboRsvt0QCmzSrqyOYUIA==}
+  /tailwindcss@3.4.7:
+    resolution: {integrity: sha512-rxWZbe87YJb4OcSopb7up2Ba4U82BoiSGUdoDr3Ydrg9ckxFS/YWsvhN323GMcddgU65QRy7JndC7ahhInhvlQ==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
@@ -8551,11 +8572,11 @@ packages:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.0.1
-      postcss: 8.4.39
-      postcss-import: 15.1.0(postcss@8.4.39)
-      postcss-js: 4.0.1(postcss@8.4.39)
-      postcss-load-config: 4.0.2(postcss@8.4.39)
-      postcss-nested: 6.0.1(postcss@8.4.39)
+      postcss: 8.4.40
+      postcss-import: 15.1.0(postcss@8.4.40)
+      postcss-js: 4.0.1(postcss@8.4.40)
+      postcss-load-config: 4.0.2(postcss@8.4.40)
+      postcss-nested: 6.2.0(postcss@8.4.40)
       postcss-selector-parser: 6.1.1
       resolve: 1.22.8
       sucrase: 3.35.0
@@ -8762,7 +8783,7 @@ packages:
       '@types/node': 20.8.4
       '@types/unist': 3.0.2
       concat-stream: 2.0.0
-      debug: 4.3.5
+      debug: 4.3.6
       extend: 3.0.2
       glob: 10.4.5
       ignore: 5.3.1
@@ -8776,7 +8797,7 @@ packages:
       vfile-message: 4.0.2
       vfile-reporter: 8.1.1
       vfile-statistics: 3.0.0
-      yaml: 2.4.5
+      yaml: 2.5.0
     transitivePeerDependencies:
       - bluebird
       - supports-color
@@ -8937,13 +8958,13 @@ packages:
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
-  /update-browserslist-db@1.1.0(browserslist@4.23.2):
+  /update-browserslist-db@1.1.0(browserslist@4.23.3):
     resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
     hasBin: true
     peerDependencies:
       browserslist: '>= 4.21.0'
     dependencies:
-      browserslist: 4.23.2
+      browserslist: 4.23.3
       escalade: 3.1.2
       picocolors: 1.0.1
     dev: true
@@ -9135,8 +9156,8 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
-  /which-builtin-type@1.1.3:
-    resolution: {integrity: sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==}
+  /which-builtin-type@1.1.4:
+    resolution: {integrity: sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==}
     engines: {node: '>= 0.4'}
     dependencies:
       function.prototype.name: 1.1.6
@@ -9232,8 +9253,8 @@ packages:
     resolution: {integrity: sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==}
     dev: false
 
-  /yaml@2.4.5:
-    resolution: {integrity: sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==}
+  /yaml@2.5.0:
+    resolution: {integrity: sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==}
     engines: {node: '>= 14'}
     hasBin: true
 
@@ -9259,7 +9280,7 @@ packages:
     resolution: {integrity: sha512-GBTjO4QCmv2HFKFkYIJl7U77hIB1o22vSCSQD1Ge8ZxWbIbn8AltI4gyXbtL+g5/GJep67HCMq3Y5AmNwDSyEg==}
     engines: {node: '>=16.0.0', npm: '>=8.0.0'}
     dependencies:
-      lib0: 0.2.94
+      lib0: 0.2.95
     dev: false
 
   /yocto-queue@0.1.0:
@@ -9274,7 +9295,7 @@ packages:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
   file:../../design-system/out/kl-design-system-1.0.1.tgz(framer-motion@10.18.0)(react-dom@18.3.1)(react@18.3.1):
-    resolution: {integrity: sha512-zo9jFLEi0i/8+X/HluCS4DMOVZ9Xl8ESI0/EnWMQjIa2x0ijT3F8kv7QOluGXdcVffIby7ffxeXMn1G8hg1kLg==, tarball: file:../../design-system/out/kl-design-system-1.0.1.tgz}
+    resolution: {integrity: sha512-DDAlnGiIjM7M/0FgLNR2LDXEPfxgW7cIpf3AAzT2O/p1pgnMOcI0meP6SSEf8ujb6KOcvFWyoQCvEamaqfcKdA==, tarball: file:../../design-system/out/kl-design-system-1.0.1.tgz}
     id: file:../../design-system/out/kl-design-system-1.0.1.tgz
     name: kl-design-system
     version: 1.0.1
diff --git a/src/apps/devdoc/public/robots.txt b/src/apps/devdoc/public/robots.txt
new file mode 100644
index 000000000..7d3e6617c
--- /dev/null
+++ b/src/apps/devdoc/public/robots.txt
@@ -0,0 +1,9 @@
+# *
+User-agent: *
+Allow: /
+
+# Host
+Host: https://kloudlite.io
+
+# Sitemaps
+Sitemap: https://kloudlite.io/sitemap.xml
diff --git a/src/apps/devdoc/public/sitemap.xml b/src/apps/devdoc/public/sitemap.xml
new file mode 100644
index 000000000..c8e35fdfd
--- /dev/null
+++ b/src/apps/devdoc/public/sitemap.xml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+<url><loc>https://kloudlite.io</loc><lastmod>2024-08-05T04:58:37.039Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/about-us</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/collaborative-development</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/containerisation-reviving-legacy-apps-for-developers</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/demystifying-7-common-misconceptions-about-containers</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/development-workflow</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/distributed-environment-as-a-service</loc><lastmod>2024-08-05T04:58:37.040Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/remote-local-environments</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/role-of-open-source-in-modern-software-development</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/blog/the-evolution-of-development-workflows-an-introduction-to-deaas</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/contact-us</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/any-wireguard</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/api</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/architecture</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/contributing/code-of-conduct</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/contributing/documentation</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/contributing/feature-stages</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/contributing/frontend</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/contributing/security</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/getting-started</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/how-does-it-work</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/integrated-services/kompose</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/integrated-services/supported-services</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/kubernetes-clusters</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/local-devices</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/why-kloudlite</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/why-kloudlite/collaborate</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/why-kloudlite/environments</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/why-kloudlite/remote-local</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/why-kloudlite/shift-left</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/work-in-progress/code-servers</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/work-in-progress/model-storage</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/work-in-progress/notebooks</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/docs/work-in-progress/ray-clusters</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/help-and-support</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/help-and-support/kloudlite-overview</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/help-and-support/kloudlite-overview/what-is-kloudlite</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/pricing</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/privacy-policy</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://kloudlite.io/terms-of-services</loc><lastmod>2024-08-05T04:58:37.041Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+</urlset>
\ No newline at end of file
diff --git a/src/design-system/components/atoms/input.tsx b/src/design-system/components/atoms/input.tsx
index 36f7e0693..77fa0c8e9 100644
--- a/src/design-system/components/atoms/input.tsx
+++ b/src/design-system/components/atoms/input.tsx
@@ -163,8 +163,13 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
                 disabled,
               'pr-0': component !== 'input',
             },
-            size === 'xl' ? 'h-[60px] !px-2xl' : 'px-lg',
-            className
+            {
+              'h-[48px]': size === 'lg' && component === 'input',
+              'h-[60px]': size === 'xl' && component === 'input',
+              'h-[32px]': size === 'md' && component === 'input',
+            },
+            size === 'xl' ? '!px-2xl' : 'px-lg',
+            className,
           )}
         >
           {!!prefixIcon && (
@@ -214,7 +219,7 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
                 'no-spinner': type === 'number',
               },
               size === 'xl' ? '' : 'bodyMd',
-              textFieldClassName
+              textFieldClassName,
             )}
             value={value}
             onChange={(e: any) => {
@@ -266,7 +271,7 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
                 'outline-none flex items-center rounded justify-center',
                 {
                   'cursor-default': disabled,
-                }
+                },
               )}
             >
               <X size={16} color="currentColor" />
@@ -283,7 +288,7 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
                 'outline-none flex items-center rounded justify-center',
                 {
                   'cursor-default': disabled,
-                }
+                },
               )}
             >
               {t === 'password' ? (
@@ -303,7 +308,7 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
                 'text-text-critical': error,
                 'text-text-default': !error,
               },
-              'pt-md'
+              'pt-md',
             )}
           >
             {message}
@@ -311,7 +316,7 @@ export const TextInputBase = forwardRef<HTMLInputElement, ITextInputBase>(
         </AnimateHide>
       </div>
     );
-  }
+  },
 );
 
 export const NumberInput = ({
@@ -365,7 +370,7 @@ export const NumberInput = ({
                   ref?.current?.focus();
                 }}
                 className={cn(
-                  'flex-1 p-sm disabled:text-icon-disabled hover:bg-surface-basic-hovered active:bg-surface-basic-pressed'
+                  'flex-1 p-sm disabled:text-icon-disabled hover:bg-surface-basic-hovered active:bg-surface-basic-pressed',
                 )}
               >
                 <CaretUpFill size={12} color="currentColor" />
@@ -383,7 +388,7 @@ export const NumberInput = ({
                   ref?.current?.focus();
                 }}
                 className={cn(
-                  'flex-1 p-sm disabled:text-icon-disabled hover:bg-surface-basic-hovered active:bg-surface-basic-pressed'
+                  'flex-1 p-sm disabled:text-icon-disabled hover:bg-surface-basic-hovered active:bg-surface-basic-pressed',
                 )}
               >
                 <CaretDownFill size={12} color="currentColor" />
@@ -405,7 +410,7 @@ export const TextInput = forwardRef<HTMLInputElement, ITextInput>(
         {...{ ...props, id, component: 'input', type: 'text', ref }}
       />
     );
-  }
+  },
 );
 
 export const TextArea = forwardRef<HTMLInputElement, ITextArea>(
@@ -417,7 +422,7 @@ export const TextArea = forwardRef<HTMLInputElement, ITextArea>(
       rows = '3',
       ...etc
     },
-    ref
+    ref,
   ) => {
     const id = useId();
     return (
@@ -435,7 +440,7 @@ export const TextArea = forwardRef<HTMLInputElement, ITextArea>(
         }}
       />
     );
-  }
+  },
 );
 
 export const PasswordInput = (props: IInputRow) => {
diff --git a/src/design-system/components/atoms/select.tsx b/src/design-system/components/atoms/select.tsx
index dc8685da7..ae997dcfc 100644
--- a/src/design-system/components/atoms/select.tsx
+++ b/src/design-system/components/atoms/select.tsx
@@ -14,10 +14,13 @@ const menuItemRender = (props: IMenuItemRender) => {
   return (
     <div
       {...innerProps}
-      className={cn('px-xl py-lg cursor-pointer select-none', {
-        'bg-surface-basic-hovered': !!focused && !active,
-        'bg-surface-basic-active': !!active,
-      })}
+      className={cn(
+        'px-xl text-text-default py-lg cursor-pointer select-none',
+        {
+          'bg-surface-basic-hovered': !!focused && !active,
+          'bg-surface-basic-active': !!active,
+        },
+      )}
     >
       {typeof render === 'string'
         ? render
@@ -50,7 +53,7 @@ const suffixRender = ({
     <div
       className={cn(
         'px-lg flex flex-row items-center gap-lg',
-        error && !disabled ? 'text-text-critical' : ''
+        error && !disabled ? 'text-text-critical' : '',
       )}
     >
       {loading && (
@@ -75,7 +78,7 @@ const Select = <T, U extends boolean | undefined = undefined>(
     message?: ReactNode;
     loading?: boolean;
     error?: boolean;
-  }
+  },
 ) => {
   const {
     value,
@@ -98,6 +101,9 @@ const Select = <T, U extends boolean | undefined = undefined>(
     open,
     disableWhileLoading,
     createLabel,
+    className,
+    portalClass,
+    tabIndex,
   } = props;
 
   return (
@@ -109,25 +115,30 @@ const Select = <T, U extends boolean | undefined = undefined>(
         <div className="pulsable">
           <div className="pulsable pulsable-hidden">
             <SelectZener
-              className={() => {
-                const c = cn(
-                  'rounded flex flex-row items-center border bodyMd outline-none cursor-default',
-                  {
-                    'py-[10px] px-lg': size === 'lg',
-                    'py-[6px] px-lg': size === 'md',
-                  },
-                  error && !disabled
-                    ? 'bg-surface-critical-subdued border-text-critical text-text-critical'
-                    : ''
-                );
-                return {
-                  default: `${c} border-border-default bg-surface-basic-input text-text-default`,
-                  disabled: `${c} border-border-disabled text-text-disabled`,
-                  focus: `${c} bg-surface-basic-default border-border-input text-text-default ring-offset-1 ring-2 ring-border-focus`,
-                };
-              }}
+              className={
+                className ||
+                (() => {
+                  const c = cn(
+                    'rounded flex flex-row items-center border bodyMd outline-none cursor-default',
+                    {
+                      'py-[10px] px-lg h-[48px]': size === 'lg',
+                      'py-[6px] px-lg h-[36px]': size === 'md',
+                    },
+                    error && !disabled
+                      ? 'bg-surface-critical-subdued border-text-critical text-text-critical'
+                      : '',
+                  );
+                  return {
+                    default: `${c} border-border-default bg-surface-basic-input text-text-default`,
+                    disabled: `${c} border-border-disabled text-text-disabled`,
+                    focus: `${c} bg-surface-basic-default border-border-input text-text-default ring-offset-1 ring-2 ring-border-focus`,
+                  };
+                })
+              }
+              tabIndex={tabIndex}
               open={open}
               menuClass="shadow-popover bg-surface-basic-default border border-border-default rounded py-lg"
+              portalClass={portalClass}
               menuItemRender={menuItemRender}
               value={value}
               options={options}
@@ -136,7 +147,7 @@ const Select = <T, U extends boolean | undefined = undefined>(
                   className={cn(
                     error && !disabled
                       ? 'text-text-critical/70'
-                      : 'text-text-disabled'
+                      : 'text-text-disabled',
                   )}
                 >
                   {placeholder}
@@ -160,7 +171,13 @@ const Select = <T, U extends boolean | undefined = undefined>(
               multiple={multiple}
               onSearch={onSearch}
               searchable={searchable}
-              noOptionMessage={noOptionMessage}
+              noOptionMessage={
+                noOptionMessage || (
+                  <div className="flex items-center justify-center text-text-default bodyLg p-2xl">
+                    No options
+                  </div>
+                )
+              }
               disableWhileLoading={disableWhileLoading}
               createLabel={createLabel}
             />
@@ -175,7 +192,7 @@ const Select = <T, U extends boolean | undefined = undefined>(
               'text-text-critical': !!error,
               'text-text-default': !error,
             },
-            'pt-md'
+            'pt-md',
           )}
         >
           {message}
diff --git a/src/design-system/components/css/index.scss b/src/design-system/components/css/index.scss
index b36aed074..7a0c587a8 100644
--- a/src/design-system/components/css/index.scss
+++ b/src/design-system/components/css/index.scss
@@ -412,6 +412,649 @@
   border-style: none;
 }
 
+.zener-select,.zener-select *{
+  scroll-behavior:unset!important
+}
+
+.zener-select svg{
+  display:block
+}
+
+.zener-select button{
+  cursor:pointer;
+  -webkit-appearance:button;
+  background-color:transparent;
+  background-image:none
+}
+
+.zener-select input,.zener-select button{
+  font-family:inherit;
+  font-feature-settings:inherit;
+  font-variation-settings:inherit;
+  font-size:100%;
+  font-weight:inherit;
+  line-height:inherit;
+  color:inherit;
+  margin:0;
+  padding:0
+}
+
+.zener-pointer-events-auto{
+  pointer-events:auto
+}
+
+.zener-invisible{
+  visibility:hidden
+}
+
+.zener-absolute{
+  position:absolute
+}
+
+.zener-relative{
+  position:relative
+}
+
+.zener-inset-0{
+  inset:0
+}
+
+.zener-left-0{
+  left:0
+}
+
+.zener-z-10{
+  z-index:10
+}
+
+.zener-z-\[99999999999999999999\]{
+  z-index:100000000000000000000
+}
+
+.zener-z-\[9999999999999999999\]{
+  z-index:10000000000000000000
+}
+
+.zener-mx-0{
+  margin-left:0;
+  margin-right:0
+}
+
+.zener-mx-0\.5{
+  margin-left:.125rem;
+  margin-right:.125rem
+}
+
+.zener-mx-1{
+  margin-left:.25rem;
+  margin-right:.25rem
+}
+
+.zener-mx-1\.5{
+  margin-left:.375rem;
+  margin-right:.375rem
+}
+
+.-zener-ml-1{
+  margin-left:-.25rem
+}
+
+.zener-ml-0{
+  margin-left:0
+}
+
+.zener-mr-0{
+  margin-right:0
+}
+
+.zener-mr-0\.5{
+  margin-right:.125rem
+}
+
+.zener-mt-3{
+  margin-top:.75rem
+}
+
+.zener-flex{
+  display:flex
+}
+
+.zener-hidden{
+  display:none
+}
+
+.zener-h-0{
+  height:0px
+}
+
+.zener-h-5{
+  height:1.25rem
+}
+
+.zener-h-6{
+  height:1.5rem
+}
+
+.zener-h-full{
+  height:100%
+}
+
+.zener-min-h-\[24px\]{
+  min-height:24px
+}
+
+.zener-w-5{
+  width:1.25rem
+}
+
+.zener-w-fit{
+  width:-moz-fit-content;
+  width:fit-content
+}
+
+.zener-w-full{
+  width:100%
+}
+
+.zener-min-w-0{
+  min-width:0px
+}
+
+.zener-min-w-\[50px\]{
+  min-width:50px
+}
+
+.zener-max-w-full{
+  max-width:100%
+}
+
+.zener-flex-1{
+  flex:1 1 0%
+}
+
+@keyframes zener-spin{
+  to{
+    transform:rotate(360deg)
+  }
+}
+
+.zener-animate-spin{
+  animation:zener-spin 1s linear infinite
+}
+
+.zener-cursor-pointer{
+  cursor:pointer
+}
+
+.zener-cursor-text{
+  cursor:text
+}
+
+.zener-flex-row{
+  flex-direction:row
+}
+
+.zener-flex-col{
+  flex-direction:column
+}
+
+.zener-flex-wrap{
+  flex-wrap:wrap
+}
+
+.zener-items-center{
+  align-items:center
+}
+
+.zener-justify-center{
+  justify-content:center
+}
+
+.zener-gap-0{
+  gap:0px
+}
+
+.zener-gap-0\.5{
+  gap:.125rem
+}
+
+.zener-gap-1{
+  gap:.25rem
+}
+
+.zener-gap-2{
+  gap:.5rem
+}
+
+.zener-self-center{
+  align-self:center
+}
+
+.zener-overflow-hidden{
+  overflow:hidden
+}
+
+.zener-truncate{
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap
+}
+
+.zener-whitespace-pre{
+  white-space:pre
+}
+
+.zener-rounded{
+  border-radius:.25rem
+}
+
+.zener-rounded-lg{
+  border-radius:.5rem
+}
+
+.zener-border{
+  border-width:1px
+}
+
+.zener-border-0{
+  border-width:0px
+}
+
+.zener-border-t{
+  border-top-width:1px
+}
+
+.zener-border-solid{
+  border-style:solid
+}
+
+.zener-border-stone-100{
+  --tw-border-opacity: 1;
+  border-color:rgb(245 245 244/var(--tw-border-opacity))
+}
+
+.zener-border-stone-200{
+  --tw-border-opacity: 1;
+  border-color:rgb(231 229 228/var(--tw-border-opacity))
+}
+
+.zener-border-t-white{
+  --tw-border-opacity: 1;
+  border-top-color:rgb(255 255 255/var(--tw-border-opacity))
+}
+
+.zener-bg-\[\#E3E3E3\]{
+  --tw-bg-opacity: 1;
+  background-color:rgb(227 227 227/var(--tw-bg-opacity))
+}
+
+.zener-bg-\[\#f0f0f0\]{
+  --tw-bg-opacity: 1;
+  background-color:rgb(240 240 240/var(--tw-bg-opacity))
+}
+
+.zener-bg-black{
+  --tw-bg-opacity: 1;
+  background-color:rgb(0 0 0/var(--tw-bg-opacity))
+}
+
+.zener-bg-black\/25{
+  background-color:#00000040
+}
+
+.zener-bg-black\/5{
+  background-color:#0000000d
+}
+
+.zener-bg-blue-200{
+  --tw-bg-opacity: 1;
+  background-color:rgb(191 219 254/var(--tw-bg-opacity))
+}
+
+.zener-bg-gray-400\/10{
+  background-color:#9ca3af1a
+}
+
+.zener-bg-green-200{
+  --tw-bg-opacity: 1;
+  background-color:rgb(187 247 208/var(--tw-bg-opacity))
+}
+
+.zener-bg-red-200{
+  --tw-bg-opacity: 1;
+  background-color:rgb(254 202 202/var(--tw-bg-opacity))
+}
+
+.zener-bg-stone-200{
+  --tw-bg-opacity: 1;
+  background-color:rgb(231 229 228/var(--tw-bg-opacity))
+}
+
+.zener-bg-transparent{
+  background-color:transparent
+}
+
+.zener-bg-white{
+  --tw-bg-opacity: 1;
+  background-color:rgb(255 255 255/var(--tw-bg-opacity))
+}
+
+.zener-bg-yellow-400{
+  --tw-bg-opacity: 1;
+  background-color:rgb(250 204 21/var(--tw-bg-opacity))
+}
+
+.zener-bg-yellow-500{
+  --tw-bg-opacity: 1;
+  background-color:rgb(234 179 8/var(--tw-bg-opacity))
+}
+
+.zener-bg-yellow-600{
+  --tw-bg-opacity: 1;
+  background-color:rgb(202 138 4/var(--tw-bg-opacity))
+}
+
+.zener-p-1{
+  padding:.25rem
+}
+
+.zener-p-2{
+  padding:.5rem
+}
+
+.zener-px-1{
+  padding-left:.25rem;
+  padding-right:.25rem
+}
+
+.zener-px-1\.5{
+  padding-left:.375rem;
+  padding-right:.375rem
+}
+
+.zener-px-2{
+  padding-left:.5rem;
+  padding-right:.5rem
+}
+
+.zener-px-4{
+  padding-left:1rem;
+  padding-right:1rem
+}
+
+.zener-py-0{
+  padding-top:0;
+  padding-bottom:0
+}
+
+.zener-py-0\.5{
+  padding-top:.125rem;
+  padding-bottom:.125rem
+}
+
+.zener-py-2{
+  padding-top:.5rem;
+  padding-bottom:.5rem
+}
+
+.zener-py-px{
+  padding-top:1px;
+  padding-bottom:1px
+}
+
+.zener-pl-5{
+  padding-left:1.25rem
+}
+
+.zener-pr-2{
+  padding-right:.5rem
+}
+
+.zener-pt-3{
+  padding-top:.75rem
+}
+
+.zener-text-center{
+  text-align:center
+}
+
+.zener-font-sans{
+  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
+}
+
+.zener-text-sm{
+  font-size:.875rem;
+  line-height:1.25rem
+}
+
+.zener-text-xs{
+  font-size:.75rem;
+  line-height:1rem
+}
+
+.zener-font-bold{
+  font-weight:700
+}
+
+.zener-text-black{
+  --tw-text-opacity: 1;
+  color:rgb(0 0 0/var(--tw-text-opacity))
+}
+
+.zener-text-black\/20{
+  color:#0003
+}
+
+.zener-text-black\/25{
+  color:#00000040
+}
+
+.zener-text-black\/50{
+  color:#00000080
+}
+
+.zener-text-gray-400{
+  --tw-text-opacity: 1;
+  color:rgb(156 163 175/var(--tw-text-opacity))
+}
+
+.zener-text-white{
+  --tw-text-opacity: 1;
+  color:rgb(255 255 255/var(--tw-text-opacity))
+}
+
+.zener-text-white\/50{
+  color:#ffffff80
+}
+
+.zener-opacity-0{
+  opacity:0
+}
+
+.zener-opacity-100{
+  opacity:1
+}
+
+.zener-opacity-30{
+  opacity:.3
+}
+
+.zener-opacity-40{
+  opacity:.4
+}
+
+.zener-opacity-60{
+  opacity:.6
+}
+
+.zener-opacity-80{
+  opacity:.8
+}
+
+.zener-shadow-2xl{
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
+}
+
+.zener-shadow-menu{
+  --tw-shadow: 0 6px 16px 0 rgba(0,0,0,.08), 0 3px 6px -4px rgba(0,0,0,.12), 0 9px 28px 8px rgba(0,0,0,.05);
+  --tw-shadow-colored: 0 6px 16px 0 var(--tw-shadow-color), 0 3px 6px -4px var(--tw-shadow-color), 0 9px 28px 8px var(--tw-shadow-color);
+  box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow)
+}
+
+.zener-outline-none{
+  outline:2px solid transparent;
+  outline-offset:2px
+}
+
+.zener-ring-1{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
+}
+
+.zener-ring-orange-400{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity))
+}
+
+.zener-transition-all{
+  transition-property:all;
+  transition-timing-function:cubic-bezier(.4,0,.2,1);
+  transition-duration:.15s
+}
+
+*,:before,:after{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / .5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+::backdrop{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position: ;
+  --tw-gradient-via-position: ;
+  --tw-gradient-to-position: ;
+  --tw-ordinal: ;
+  --tw-slashed-zero: ;
+  --tw-numeric-figure: ;
+  --tw-numeric-spacing: ;
+  --tw-numeric-fraction: ;
+  --tw-ring-inset: ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / .5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur: ;
+  --tw-brightness: ;
+  --tw-contrast: ;
+  --tw-grayscale: ;
+  --tw-hue-rotate: ;
+  --tw-invert: ;
+  --tw-saturate: ;
+  --tw-sepia: ;
+  --tw-drop-shadow: ;
+  --tw-backdrop-blur: ;
+  --tw-backdrop-brightness: ;
+  --tw-backdrop-contrast: ;
+  --tw-backdrop-grayscale: ;
+  --tw-backdrop-hue-rotate: ;
+  --tw-backdrop-invert: ;
+  --tw-backdrop-opacity: ;
+  --tw-backdrop-saturate: ;
+  --tw-backdrop-sepia: 
+}
+
+.focus-within\:zener-ring-1:focus-within{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
+}
+
+.focus-within\:zener-ring-blue-400:focus-within{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))
+}
+
+.hover\:zener-opacity-100:hover{
+  opacity:1
+}
+
+.hover\:zener-opacity-60:hover{
+  opacity:.6
+}
+
+.focus\:zener-ring-1:focus{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))
+}
+
+.focus\:zener-ring-blue-400:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity))
+}
+
 html {
   font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
 }
@@ -1076,6 +1719,13 @@ video {
   font-weight: 500 !important;
 }
 
+.bodyLg {
+  font-family: "Inter var", sans-serif;
+  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  font-size: 16px;
+  line-height: 24px;
+}
+
 .headingSm {
   font-family: "Inter var", sans-serif;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
@@ -1332,6 +1982,18 @@ video {
   height: 24px;
 }
 
+.h-\[32px\] {
+  height: 32px;
+}
+
+.h-\[36px\] {
+  height: 36px;
+}
+
+.h-\[48px\] {
+  height: 48px;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
@@ -1884,7 +2546,8 @@ video {
 }
 
 .bg-surface-basic-default {
-  background-color: var(--surface-basic-default);
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--surface-basic-default) calc(100% * var(--tw-bg-opacity)), transparent);
 }
 
 .bg-surface-basic-hovered {
@@ -2035,7 +2698,7 @@ video {
 }
 
 .fill-surface-basic-default {
-  fill: var(--surface-basic-default);
+  fill: color-mix(in srgb, var(--surface-basic-default) calc(100% * 1), transparent);
 }
 
 .fill-text-soft {
@@ -2698,7 +3361,8 @@ select {
 }
 
 .disabled\:bg-surface-basic-default:disabled {
-  background-color: var(--surface-basic-default);
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--surface-basic-default) calc(100% * var(--tw-bg-opacity)), transparent);
 }
 
 .disabled\:bg-surface-basic-input:disabled {
@@ -2743,7 +3407,8 @@ select {
 }
 
 .data-\[disabled\]\:bg-surface-basic-default[data-disabled] {
-  background-color: var(--surface-basic-default);
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--surface-basic-default) calc(100% * var(--tw-bg-opacity)), transparent);
 }
 
 .data-\[state\=checked\]\:bg-surface-primary-default[data-state=checked] {
@@ -2755,7 +3420,8 @@ select {
 }
 
 .data-\[state\=unchecked\]\:bg-surface-basic-default[data-state=unchecked] {
-  background-color: var(--surface-basic-default);
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--surface-basic-default) calc(100% * var(--tw-bg-opacity)), transparent);
 }
 
 .data-\[disabled\]\:text-text-disabled[data-disabled] {
@@ -2779,7 +3445,8 @@ select {
 }
 
 .group[data-disabled] .group-data-\[disabled\]\:bg-surface-basic-default {
-  background-color: var(--surface-basic-default);
+  --tw-bg-opacity: 1;
+  background-color: color-mix(in srgb, var(--surface-basic-default) calc(100% * var(--tw-bg-opacity)), transparent);
 }
 
 .group[data-state=checked] .group-data-\[state\=checked\]\:bg-surface-primary-default {
@@ -2791,7 +3458,7 @@ select {
 }
 
 .group[data-state=checked] .group-data-\[state\=checked\]\:fill-surface-basic-default {
-  fill: var(--surface-basic-default);
+  fill: color-mix(in srgb, var(--surface-basic-default) calc(100% * 1), transparent);
 }
 
 .group[data-state=unchecked] .group-data-\[state\=unchecked\]\:fill-surface-primary-default {
diff --git a/src/design-system/index.css b/src/design-system/index.css
index f38b53e82..0785bf3c2 100644
--- a/src/design-system/index.css
+++ b/src/design-system/index.css
@@ -4,6 +4,7 @@
 @import './css/default.css';
 @import './css/dark.css';
 @import 'css/slider.css';
+@import '../../node_modules/@oshq/react-select/dist/index.css';
 
 html {
   font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
diff --git a/src/design-system/prod-package.js b/src/design-system/prod-package.js
index a7ade907a..791cb715b 100644
--- a/src/design-system/prod-package.js
+++ b/src/design-system/prod-package.js
@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 
-import logger from '~/root/lib/client/helpers/log';
+// import logger from '~/root/lib/client/helpers/log';
 import p from './package.json' with { type: 'json' };
 
 const {
@@ -31,7 +31,7 @@ function readDirectoryRecursively(directoryPath, p) {
         ...result,
         ...readDirectoryRecursively(
           path.join(directoryPath, file),
-          `${p}/${file}`
+          `${p}/${file}`,
         ),
       };
     } else if (
@@ -91,10 +91,10 @@ const setup = () => {
   try {
     fs.writeFileSync(`${outPath}/package.json`, packageJson);
   } catch (e) {
-    logger.log('e', e);
+    // logger.log('e', e);
   }
 
-  logger.log('Done!');
+  // logger.log('Done!');
 };
 
 setup();