diff --git a/packages/web/package.json b/packages/web/package.json
index 576f7d0..dc6902f 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -9,9 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@chakra-ui/react": "^2.2.1",
+    "@chakra-ui/utils": "^2.0.2",
+    "@emotion/react": "^11.9.3",
+    "@emotion/styled": "^11.9.3",
     "@next-auth/prisma-adapter": "^1.0.3",
     "clsx": "^1.1.1",
-    "daisyui": "^2.15.4",
+    "framer-motion": "^6.3.11",
     "highcharts": "^10.1.0",
     "highcharts-react-official": "^3.1.0",
     "jotai": "^1.7.2",
@@ -29,7 +33,6 @@
     "zustand": "4.0.0-rc.1"
   },
   "devDependencies": {
-    "@tailwindcss/line-clamp": "^0.4.0",
     "@types/node": "^18.0.0",
     "@types/react": "18.0.14",
     "@types/react-dom": "18.0.5",
@@ -38,7 +41,6 @@
     "autoprefixer": "^10.4.7",
     "babel-plugin-superjson-next": "^0.4.3",
     "postcss": "^8.4.14",
-    "superjson": "^1.9.1",
-    "tailwindcss": "^3.1.3"
+    "superjson": "^1.9.1"
   }
 }
diff --git a/packages/web/postcss.config.js b/packages/web/postcss.config.js
index 33ad091..bf7d3b6 100644
--- a/packages/web/postcss.config.js
+++ b/packages/web/postcss.config.js
@@ -1,6 +1 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+module.exports = { plugins: { autoprefixer: {} } }
diff --git a/packages/web/src/components/breadcrumb.tsx b/packages/web/src/components/breadcrumb.tsx
index 0ec5286..52145be 100644
--- a/packages/web/src/components/breadcrumb.tsx
+++ b/packages/web/src/components/breadcrumb.tsx
@@ -1,22 +1,29 @@
 import Link from 'next/link'
 import type { FC } from 'react'
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink } from '@chakra-ui/react'
 import useBreadcrumb from '~/hooks/useBreadcrumb'
 
-const Breadcrumb: FC = () => {
+const Breadcrumbs: FC = () => {
   const [breadcrumbs] = useBreadcrumb()
 
   return (
-    <div className="text-sm breadcrumbs">
-      <ul>
-        {
-          breadcrumbs
-            .slice(0, breadcrumbs.length - 1)
-            .map(v => (<li key={v.path}><Link href={v.path}><a>{v.breadcrumb}</a></Link></li>))
-        }
-        <li>{breadcrumbs.at(-1)?.breadcrumb}</li>
-      </ul>
-    </div>
+    <Breadcrumb>
+      {
+        breadcrumbs
+          .slice(0, breadcrumbs.length - 1)
+          .map(v => (
+            <BreadcrumbItem key={v.path}>
+              <Link href={v.path}>
+                <BreadcrumbLink>
+                  {v.breadcrumb}
+                </BreadcrumbLink>
+              </Link>
+            </BreadcrumbItem>
+          ))
+      }
+      <BreadcrumbItem><BreadcrumbLink>{breadcrumbs.at(-1)?.breadcrumb}</BreadcrumbLink></BreadcrumbItem>
+    </Breadcrumb>
   )
 }
 
-export default Breadcrumb
+export default Breadcrumbs
diff --git a/packages/web/src/components/issueDetailAction.tsx b/packages/web/src/components/issueDetailAction.tsx
index d608f24..8f4bc4a 100644
--- a/packages/web/src/components/issueDetailAction.tsx
+++ b/packages/web/src/components/issueDetailAction.tsx
@@ -1,3 +1,4 @@
+import { Box, Center, Flex, Text, Tooltip } from '@chakra-ui/react'
 import dayjs from 'dayjs'
 import type { FC } from 'react'
 import type { OhbugEventLike } from 'types'
@@ -9,56 +10,86 @@ interface Props {
 
 const IssueDetailActions: FC<Props> = ({ event }) => {
   return (
-    <div>
-      <ul className="steps steps-vertical max-h-96 overflow-y-auto">
-        {event?.actions?.map((action) => {
+    <Box>
+      {
+        event?.actions?.map((action) => {
           const { message, icon } = getMessageAndIconByActionType(action)
           return (
-            <li
-              className="step step-neutral"
-              data-content={icon}
+            <Flex
+              alignItems="center"
+              gap="2"
+              justifyContent="space-between"
               key={action.timestamp + action.data}
             >
-              <div className="w-full flex justify-between items-center">
-                <div className="font-bold w-24">
+              <Center>
+                <Box>{icon}</Box>
+                <Text
+                  fontWeight="bold"
+                  w="80px"
+                >
                   {action.type}
-                </div>
-                <div className="flex-1 text-secondary text-left">{message}</div>
-                <div
-                  className="tooltip"
-                  data-tip={dayjs(event.timestamp).format('YYYY-MM-DD HH:mm:ss')}
+                </Text>
+              </Center>
+
+              <Box flex="1">
+                <Text
+                  color="dimmed"
+                  size="sm"
+                >
+                  {message}
+                </Text>
+              </Box>
+
+              <Tooltip
+                label={dayjs(event.timestamp).format('YYYY-MM-DD HH:mm:ss')}
+              >
+                <Text
+                  color="dimmed"
+                  size="sm"
                 >
-                  <div className="w-20 text-secondary">
-                    {dayjs(event.timestamp).format('HH:mm:ss')}
-                  </div>
-                </div>
-              </div>
-            </li>
+                  {dayjs(event.timestamp).format('HH:mm:ss')}
+                </Text>
+              </Tooltip>
+            </Flex>
           )
-        })}
-        <li
-          className="step step-neutral step-error"
-          data-content="🐛"
+        })
+      }
+      <Flex
+        alignItems="center"
+        gap="2"
+        justifyContent="space-between"
+      >
+        <Center>
+          <Box>🐛</Box>
+          <Text
+            fontWeight="bold"
+            w="80px"
+          >
+            exception
+          </Text>
+        </Center>
+
+        <Box flex="1">
+          <Text
+            color="dimmed"
+            size="sm"
+          >
+            {renderStringOrJson(event.detail.message)}
+          </Text>
+        </Box>
+
+        <Tooltip
+          label={dayjs(event.timestamp).format('YYYY-MM-DD HH:mm:ss')}
         >
-          <div className="w-full flex justify-between items-center">
-            <div className="font-bold w-24">
-                exception
-            </div>
-            <div className="flex-1 text-secondary text-left">
-              {renderStringOrJson(event.detail.message)}
-            </div>
-            <div
-              className="tooltip"
-              data-tip={dayjs(event.timestamp).format('YYYY-MM-DD HH:mm:ss')}
-            >
-              <div className="w-20 text-secondary">
-                {dayjs(event.timestamp).format('HH:mm:ss')}
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-    </div>
+          <Text
+            color="dimmed"
+            size="sm"
+          >
+            {dayjs(event.timestamp).format('HH:mm:ss')}
+          </Text>
+        </Tooltip>
+      </Flex>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/components/issueDetailEventsList.tsx b/packages/web/src/components/issueDetailEventsList.tsx
index c1b98b3..b8b7320 100644
--- a/packages/web/src/components/issueDetailEventsList.tsx
+++ b/packages/web/src/components/issueDetailEventsList.tsx
@@ -1,3 +1,4 @@
+import { Table, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
 import dayjs from 'dayjs'
 import Link from 'next/link'
 import type { FC } from 'react'
@@ -10,54 +11,54 @@ interface Props {
 
 const issueDetailEventsList: FC<Props> = ({ events }) => {
   return (
-    <div className="overflow-x-auto w-full">
-      <table className="table table-compact w-full">
-        <thead>
-          <tr>
-            <th>description</th>
-            <th>appType</th>
-            <th>appVersion</th>
-            <th>category</th>
-            <th>releaseStage</th>
-            <th>user</th>
-            <th>sdk</th>
-            <th>device</th>
-            <th>metadata</th>
-          </tr>
-        </thead>
-        <tbody>
+    <TableContainer>
+      <Table className="table table-compact w-full">
+        <Thead>
+          <Tr>
+            <Th>description</Th>
+            <Th>appType</Th>
+            <Th>appVersion</Th>
+            <Th>category</Th>
+            <Th>releaseStage</Th>
+            <Th>user</Th>
+            <Th>sdk</Th>
+            <Th>device</Th>
+            <Th>metadata</Th>
+          </Tr>
+        </Thead>
+        <Tbody>
           {
             events?.map(event => (
-              <tr key={event.id}>
+              <Tr key={event.id}>
                 {/* description */}
-                <td>
+                <Td>
                   <Link href={`/issues/${event.issueId}/?eventId=${event.id}`}>
                     <a>{dayjs(event.createdAt).format('YYYY-MM-DD HH:mm:ss')}</a>
                   </Link>
                   <div>{event.type}: {renderStringOrJson(event.detail.message ?? event.detail)}</div>
-                </td>
+                </Td>
                 {/* appType */}
-                <td>{event.appType}</td>
+                <Td>{event.appType}</Td>
                 {/* appVersion */}
-                <td>{event.appVersion}</td>
+                <Td>{event.appVersion}</Td>
                 {/* category */}
-                <td>{event.category}</td>
+                <Td>{event.category}</Td>
                 {/* releaseStage */}
-                <td>{event.releaseStage}</td>
+                <Td>{event.releaseStage}</Td>
                 {/* user */}
-                <td>{renderStringOrJson(event.user)}</td>
+                <Td>{renderStringOrJson(event.user)}</Td>
                 {/* sdk */}
-                <td>{renderStringOrJson(event.sdk)}</td>
+                <Td>{renderStringOrJson(event.sdk)}</Td>
                 {/* device */}
-                <td>{renderStringOrJson(event.device)}</td>
+                <Td>{renderStringOrJson(event.device)}</Td>
                 {/* metadata */}
-                <td>{renderStringOrJson(event.metadata)}</td>
-              </tr>
+                <Td>{renderStringOrJson(event.metadata)}</Td>
+              </Tr>
             ))
           }
-        </tbody>
-      </table>
-    </div>
+        </Tbody>
+      </Table>
+    </TableContainer>
   )
 }
 
diff --git a/packages/web/src/components/issueDetailProfile.tsx b/packages/web/src/components/issueDetailProfile.tsx
index 0f96f9f..d924008 100644
--- a/packages/web/src/components/issueDetailProfile.tsx
+++ b/packages/web/src/components/issueDetailProfile.tsx
@@ -3,7 +3,8 @@ import type { FC } from 'react'
 import { useMemo } from 'react'
 import type { OhbugEventLike } from 'types'
 import { RiCake2Line, RiCake3Line, RiCakeLine, RiComputerLine, RiEarthLine, RiFingerprintLine, RiHeading, RiLinkedinLine, RiLinksLine, RiTimeLine } from 'react-icons/ri'
-import Link from 'next/link'
+import NextLink from 'next/link'
+import { Box, Icon, Link, Stat, StatHelpText, StatLabel, Tag, Tooltip, Wrap, WrapItem } from '@chakra-ui/react'
 import { getDeviceInfo } from '~/libs/utils'
 
 interface Props {
@@ -19,7 +20,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'time',
         title: `发生时间: ${dayjs(event.timestamp).format('YYYY-MM-DD HH:mm:ss')}`,
         value: dayjs(event.timestamp).fromNow(),
-        icon: <RiTimeLine />,
+        icon: RiTimeLine,
       })
     }
     if (event?.user?.uuid) {
@@ -27,7 +28,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'uuid',
         title: `UUID: ${event?.user?.uuid}`,
         value: event?.user?.uuid,
-        icon: <RiFingerprintLine />,
+        icon: RiFingerprintLine,
       })
     }
     if (event?.user?.ipAddress) {
@@ -35,7 +36,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'ip',
         title: `IP: ${event?.user?.ipAddress}`,
         value: event?.user?.ipAddress,
-        icon: <RiLinksLine />,
+        icon: RiLinksLine,
       })
     }
     if (event?.device?.title) {
@@ -43,7 +44,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'title',
         title: `标题: ${event.device.title}`,
         value: event.device.title,
-        icon: <RiHeading />,
+        icon: RiHeading,
       })
     }
     if (event?.device?.url) {
@@ -51,7 +52,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'url',
         title: `URL: ${event.device.url}`,
         value: event.device.url,
-        icon: <RiLinkedinLine />,
+        icon: RiLinkedinLine,
       })
     }
     if (event?.device?.language) {
@@ -59,7 +60,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'language',
         title: `Language: ${event.device.language}`,
         value: event.device.language,
-        icon: <RiEarthLine />,
+        icon: RiEarthLine,
       })
     }
     if (event?.appVersion) {
@@ -67,7 +68,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'appVersion',
         title: `AppVersion: ${event.appVersion}`,
         value: event.appVersion,
-        icon: <RiCakeLine />,
+        icon: RiCakeLine,
       })
     }
     if (event?.appType) {
@@ -75,7 +76,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'appType',
         title: `AppType: ${event.appType}`,
         value: event.appType,
-        icon: <RiCake2Line />,
+        icon: RiCake2Line,
       })
     }
     if (event?.releaseStage) {
@@ -83,7 +84,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'releaseStage',
         title: `ReleaseStage: ${event.releaseStage}`,
         value: event.releaseStage,
-        icon: <RiCake3Line />,
+        icon: RiCake3Line,
       })
     }
     if (
@@ -95,7 +96,7 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
         key: 'dpi',
         title: `分辨率: ${event?.device?.device?.screenWidth} × ${event?.device?.device?.screenHeight} @ ${event?.device?.device?.pixelRatio}x`,
         value: `${event?.device?.device?.screenWidth} × ${event?.device?.device?.screenHeight} @ ${event?.device?.device?.pixelRatio}x`,
-        icon: <RiComputerLine />,
+        icon: RiComputerLine,
       })
     }
 
@@ -104,84 +105,103 @@ const IssueDetailProfile: FC<Props> = ({ event }) => {
 
   return (
     <>
-      <div>
-        <h4>
-          事件 {' '}
-          <Link
-            as={`/api/events/${event.id}`}
-            href={{
+      <Box>
+        事件 {' '}
+        <NextLink
+          as={`/api/events/${event.id}`}
+          href={
+            {
               href: 'api/events/[id]',
               query: { id: event.id },
-            }}
-          >
-            <a target="_blank">{event.id}</a>
-          </Link>
-        </h4>
-      </div>
+            }
+          }
+        >
+          <Link isExternal>{event.id}</Link>
+        </NextLink>
+      </Box>
 
-      <div>
-        <div className="stats shadow">
-          {/* 浏览器 */}
-          {deviceInfo?.browser && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.browser?.name ?? ''}</div>
-              <div className="stat-desc">{deviceInfo?.browser?.version ?? ''}</div>
-            </div>
-          )}
-          {/* 系统 */}
-          {deviceInfo?.os && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.os?.name ?? ''}</div>
-              <div className="stat-desc">{deviceInfo?.os?.version ?? ''}</div>
-            </div>
-          )}
-          {/* App */}
-          {deviceInfo?.app && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.app ?? ''}</div>
-              <div className="stat-desc">{`${deviceInfo?.version} / ${deviceInfo?.SDKVersion}`}</div>
-            </div>
-          )}
-          {/* 品牌 */}
-          {(deviceInfo?.device && deviceInfo?.device?.brand) && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.device?.brand ?? ''}</div>
-              <div className="stat-desc">{deviceInfo?.device?.model ?? ''}</div>
-            </div>
-          )}
-          {/* 平台 */}
-          {deviceInfo?.platform && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.platform ?? ''}</div>
-              <div className="stat-desc">{deviceInfo?.system ?? ''}</div>
-            </div>
-          )}
-          {/* SDK */}
-          {deviceInfo?.sdk && (
-            <div className="stat">
-              <div className="stat-title">{deviceInfo?.sdk.platform ?? ''}</div>
-              <div className="stat-desc">{deviceInfo?.sdk.version ?? ''}</div>
-            </div>
-          )}
-        </div>
-      </div>
+      <Box shadow="md">
+        {/* 浏览器 */}
+        {
+          deviceInfo?.browser && (
+            <Stat>
+              <StatLabel>{deviceInfo?.browser?.name ?? ''}</StatLabel>
+              <StatHelpText>{deviceInfo?.browser?.version ?? ''}</StatHelpText>
+            </Stat>
+          )
+        }
+        {/* 系统 */}
+        {
+          deviceInfo?.os && (
+            <Stat>
+              <StatLabel>{deviceInfo?.os?.name ?? ''}</StatLabel>
+              <StatHelpText>{deviceInfo?.os?.version ?? ''}</StatHelpText>
+            </Stat>
+          )
+        }
+        {/* App */}
+        {
+          deviceInfo?.app && (
+            <Stat>
+              <StatLabel>{deviceInfo?.app ?? ''}</StatLabel>
+              <StatHelpText>{`${deviceInfo?.version} / ${deviceInfo?.SDKVersion}`}</StatHelpText>
+            </Stat>
+          )
+        }
+        {/* 品牌 */}
+        {
+          (deviceInfo?.device && deviceInfo?.device?.brand) && (
+            <Stat>
+              <StatLabel>{deviceInfo?.device?.brand ?? ''}</StatLabel>
+              <StatHelpText>{deviceInfo?.device?.model ?? ''}</StatHelpText>
+            </Stat>
+          )
+        }
+        {/* 平台 */}
+        {
+          deviceInfo?.platform && (
+            <Stat>
+              <StatLabel>{deviceInfo?.platform ?? ''}</StatLabel>
+              <StatHelpText>{deviceInfo?.system ?? ''}</StatHelpText>
+            </Stat>
+          )
+        }
+        {/* SDK */}
+        {
+          deviceInfo?.sdk && (
+            <Stat>
+              <StatLabel>{deviceInfo?.sdk.platform ?? ''}</StatLabel>
+              <StatHelpText>{deviceInfo?.sdk.version ?? ''}</StatHelpText>
+            </Stat>
+          )
+        }
+      </Box>
 
-      <div className="flex gap-2">
+      <Wrap>
         {
           tagList.map(tag => (
-            <div
-              className="tooltip"
-              data-tip={tag.title}
+            <Tooltip
               key={tag.key}
+              label={tag.title}
             >
-              <span className="badge badge-outline gap-2">
-                {tag.icon}
-                {tag.value}
-              </span>
-            </div>
+              <WrapItem>
+                <Tag
+                  borderRadius="full"
+                  gap="2"
+                  size="lg"
+                >
+                  <Icon
+                    as={tag.icon}
+                    h="5"
+                    w="5"
+                  />
+                  {tag.value}
+                </Tag>
+              </WrapItem>
+            </Tooltip>
           ))
         }
-      </div>
+      </Wrap>
     </>
   )
 }
diff --git a/packages/web/src/components/issueDetailStack.tsx b/packages/web/src/components/issueDetailStack.tsx
index 4978a88..1672169 100644
--- a/packages/web/src/components/issueDetailStack.tsx
+++ b/packages/web/src/components/issueDetailStack.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react'
 import type { OhbugEventLike } from 'types'
+import { Box } from '@chakra-ui/react'
 import StackInfo from './stackInfo'
 import { renderStringOrJson } from '~/libs/utils'
 
@@ -9,53 +10,53 @@ interface Props {
 
 const IssueDetailStack: FC<Props> = ({ event }) => {
   return (
-    <div>
+    <Box>
       {/* all */}
       {
         event.detail.message && (
-          <div className="!mb-4">
+          <Box mb="4">
             {renderStringOrJson(event.detail.message)}
-          </div>
+          </Box>
         )
       }
       {/* unhandledrejectionError */}
       {/* uncaughtError */}
       {
         event.detail.stack && (
-          <div className="!mb-4">
+          <Box mb="4">
             <StackInfo
               source={event?.source}
               stack={event.detail.stack}
             />
-          </div>
+          </Box>
         )
       }
       {/* resourceError */}
       {
         event?.detail.selector && (
-          <div className="!mb-4">
+          <Box mb="4">
             {renderStringOrJson(event.detail)}
-          </div>
+          </Box>
         )
       }
       {/* ajaxError */}
       {/* fetchError */}
       {
         event?.type === 'ajaxError' && (
-          <div className="!mb-4">
+          <Box mb="4">
             {renderStringOrJson(event.detail)}
-          </div>
+          </Box>
         )
       }
       {/* websocketError */}
       {
         event?.type === 'websocketError' && (
-          <div className="!mb-4">
+          <Box mb="4">
             {renderStringOrJson(event.detail)}
-          </div>
+          </Box>
         )
       }
-    </div>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/components/issueDetailTabs.tsx b/packages/web/src/components/issueDetailTabs.tsx
index d9b9b06..7cb6898 100644
--- a/packages/web/src/components/issueDetailTabs.tsx
+++ b/packages/web/src/components/issueDetailTabs.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react'
-import { useMemo } from 'react'
-import clsx from 'clsx'
+import { useCallback, useMemo } from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
+import { Tab, TabList, Tabs } from '@chakra-ui/react'
 
 const IssueDetailTabs: FC = () => {
   const router = useRouter()
@@ -18,22 +18,29 @@ const IssueDetailTabs: FC = () => {
       href: '/issues/[id]/events'.replace('[id]', router.query.id as string),
     },
   ], [router])
+  const active = useMemo(() => list.findIndex(item => item.href === router.route.replace('[id]', router.query.id as string)), [list, router])
+  const handleTabChange = useCallback((tabIndex: number) => {
+    router.push(list[tabIndex].href)
+  }, [list])
 
   return (
-    <div className="tabs">
-      {
-        list.map(v => (
-          <Link
-            href={v.href}
-            key={v.value}
-          >
-            <a className={clsx('tab tab-lifted', { 'tab-active': router.route.replace('[id]', router.query.id as string) === v.href })}>
-              {v.label}
-            </a>
-          </Link>
-        ))
-      }
-    </div>
+    <Tabs
+      defaultIndex={active}
+      onChange={handleTabChange}
+      variant="enclosed"
+    >
+      <TabList>
+        {
+          list.map(v => (
+            <Tab key={v.value}>
+              <Link href={v.href}>
+                <a>{v.label}</a>
+              </Link>
+            </Tab>
+          ))
+        }
+      </TabList>
+    </Tabs>
   )
 }
 
diff --git a/packages/web/src/components/issueDetailTitle.tsx b/packages/web/src/components/issueDetailTitle.tsx
index 5c9a043..2fb1604 100644
--- a/packages/web/src/components/issueDetailTitle.tsx
+++ b/packages/web/src/components/issueDetailTitle.tsx
@@ -1,3 +1,4 @@
+import { Box, Center, Stat, StatLabel, StatNumber } from '@chakra-ui/react'
 import type { FC } from 'react'
 import type { Issue } from 'types'
 import { renderStringOrJson } from '~/libs/utils'
@@ -8,44 +9,49 @@ interface Props {
 
 const IssueDetailTitle: FC<Props> = ({ issue }) => {
   return (
-    <div className="flex justify-between items-center">
-      <div className="flex-1">
-        <a className="max-w-md truncate">
-          <span
-            aria-label="issue metadata type"
-            className="font-semibold mr-2"
+    <Center>
+      <Box flex="1">
+        <Box
+          as="a"
+          maxW="md"
+          noOfLines={1}
+        >
+          <Box
+            as="span"
+            fontWeight="bold"
+            mr="2"
           >
             {issue.type}
-          </span>
-          <code aria-label="issue description">
+          </Box>
+          <code>
             {renderStringOrJson(issue.metadata.filename ?? issue.metadata.others)}
           </code>
-        </a>
-        <div
-          aria-label="issue metadata message"
-          className="text-gray-500 line-clamp-2"
+        </Box>
+        <Box
+          noOfLines={[1, 2]}
+          textColor="gray.400"
         >
           {
             issue.metadata.message && (
-              <code aria-label="issue metadata message">
+              <code>
                 {renderStringOrJson(issue.metadata.message)}
               </code>
             )
           }
-        </div>
-      </div>
+        </Box>
+      </Box>
 
-      <div className="stats">
-        <div className="stat">
-          <div className="stat-title">事件</div>
-          <div className="stat-value">{issue._count?.events}</div>
-        </div>
-        <div className="stat">
-          <div className="stat-title">用户</div>
-          <div className="stat-value">{issue._count?.users}</div>
-        </div>
-      </div>
-    </div>
+      <Box>
+        <Stat>
+          <StatLabel>事件</StatLabel>
+          <StatNumber>{issue._count?.events}</StatNumber>
+        </Stat>
+        <Stat>
+          <StatLabel>用户</StatLabel>
+          <StatNumber>{issue._count?.users}</StatNumber>
+        </Stat>
+      </Box>
+    </Center>
   )
 }
 
diff --git a/packages/web/src/components/issueDetailTrend.tsx b/packages/web/src/components/issueDetailTrend.tsx
index d1b7a43..e3223e0 100644
--- a/packages/web/src/components/issueDetailTrend.tsx
+++ b/packages/web/src/components/issueDetailTrend.tsx
@@ -1,6 +1,7 @@
 import dayjs from 'dayjs'
 import type { FC } from 'react'
 import type { Issue } from 'types'
+import { Box, Text } from '@chakra-ui/react'
 import MiniChart from './miniChart'
 import type { Trend } from '~/services/issues'
 
@@ -14,53 +15,49 @@ interface Props {
 
 const IssueDetailTrend: FC<Props> = ({ issue, trends }) => {
   return (
-    <div>
-      <div className="!mb-4">
-        {trends['14d'] && (
-          <MiniChart
-            data={trends['14d']}
-            title="过去14天"
-            type="14d"
-          />
-        )}
-      </div>
-      <div className="!mb-4">
-        {trends['24h'] && (
-          <MiniChart
-            data={trends['24h']}
-            title="过去24小时"
-            type="24h"
-          />
-        )}
-      </div>
+    <Box>
+      <Box mb="4">
+        {
+          trends['14d'] && (
+            <MiniChart
+              data={trends['14d']}
+              title="过去14天"
+              type="14d"
+            />
+          )
+        }
+      </Box>
+      <Box mb="4">
+        {
+          trends['24h'] && (
+            <MiniChart
+              data={trends['24h']}
+              title="过去24小时"
+              type="24h"
+            />
+          )
+        }
+      </Box>
 
-      <div className="!mb-4">
-        <h5>首次发生</h5>
-        <div>
-          <div className="text-secondary">
-            {dayjs(issue?.createdAt).fromNow()}
-          </div>
-        </div>
-        <div>
-          <div className="text-secondary">
-            {dayjs(issue?.createdAt).format('YYYY-MM-DD HH:mm:ss A')}
-          </div>
-        </div>
-      </div>
-      <div className="!mb-4">
-        <h5>最近发生</h5>
-        <div>
-          <div className="text-secondary">
-            {dayjs(issue?.updatedAt).fromNow()}
-          </div>
-        </div>
-        <div>
-          <div className="text-secondary">
-            {dayjs(issue?.updatedAt).format('YYYY-MM-DD HH:mm:ss A')}
-          </div>
-        </div>
-      </div>
-    </div>
+      <Box mb="4">
+        <Text fontWeight="bold">首次发生</Text>
+        <Text color="dimmed">
+          {dayjs(issue?.createdAt).fromNow()}
+        </Text>
+        <Text color="dimmed">
+          {dayjs(issue?.createdAt).format('YYYY-MM-DD HH:mm:ss A')}
+        </Text>
+      </Box>
+      <Box mb="4">
+        <Text fontWeight="bold">最近发生</Text>
+        <Text color="dimmed">
+          {dayjs(issue?.updatedAt).fromNow()}
+        </Text>
+        <Text color="dimmed">
+          {dayjs(issue?.updatedAt).format('YYYY-MM-DD HH:mm:ss A')}
+        </Text>
+      </Box>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/components/issueList.tsx b/packages/web/src/components/issueList.tsx
index a7bbd9b..fd5a60e 100644
--- a/packages/web/src/components/issueList.tsx
+++ b/packages/web/src/components/issueList.tsx
@@ -5,6 +5,7 @@ import type { Issue } from 'types'
 import { RiTimeLine } from 'react-icons/ri'
 import dayjs from 'dayjs'
 import useSWR from 'swr'
+import { Box, Center, Flex, FormControl, FormLabel, Icon, Switch, Text, Tooltip } from '@chakra-ui/react'
 import MiniChart from './miniChart'
 import type { serviceGetIssuesTrendsReturn } from '~/services/issues'
 import { renderStringOrJson } from '~/libs/utils'
@@ -17,122 +18,161 @@ const IssueList: FC<Props> = ({ issues }) => {
   const { data: trends } = useSWR<serviceGetIssuesTrendsReturn>(`/api/trends?ids=${issues.map(issue => issue.id)}&type=${chartType}`)
 
   return (
-    <div className="border rounded w-full h-full overflow-x-hidden overflow-y-auto">
+    <Box
+      border="1px"
+      borderColor="gray.200"
+      h="full"
+      overflowX="hidden"
+      overflowY="auto"
+      rounded="lg"
+      w="full"
+    >
       {/* header */}
-      <div className="py-3 px-2 flex bg-gray-50">
-        <div className="w-1/2">
+      <Flex
+        bg="gray.50"
+        px="2"
+        py="3"
+      >
+        <Box w="50%">
           message
-        </div>
+        </Box>
 
-        <div className="w-48">
-          <div className="form-control">
-            <label className="label cursor-pointer">
-              <span className="label-text">{chartType === '24h' ? '24小时' : '14天'}</span>
-              <input
-                checked={chartType === '24h'}
-                className="toggle"
-                disabled={!trends}
-                onChange={e => setChartType(e.target.checked ? '24h' : '14d')}
-                type="checkbox"
-              />
-            </label>
-          </div>
-        </div>
+        <Box w="48">
+          <FormControl
+            alignItems="center"
+            display="flex"
+          >
+            <FormLabel
+              htmlFor="trendsType"
+              mb="0"
+            >
+              {chartType === '24h' ? '24小时' : '14天'}
+            </FormLabel>
+            <Switch
+              disabled={!trends}
+              id="trendsType"
+              isChecked={chartType === '24h'}
+              onChange={e => setChartType(e.target.checked ? '24h' : '14d')}
+            />
+          </FormControl>
+        </Box>
 
-        <div className="w-20 flex items-center justify-center">
+        <Center w="20">
           Events
-        </div>
+        </Center>
 
-        <div className="w-20 flex items-center justify-center">
+        <Center w="20">
           Users
-        </div>
-      </div>
+        </Center>
+      </Flex>
 
-      <div>
+      <Box>
         {
           issues.map(issue => (
-            <div
-              aria-label="issue item"
-              className="opacity-60 py-3 px-2 flex hover:bg-gray-400 hover:bg-opacity-10 hover:opacity-100"
+            <Flex
+              _hover={
+                { bg: 'gray.50' }
+              }
               key={issue.id}
+              px="2"
+              py="3"
             >
               {/* main */}
-              <div className="w-1/2">
+              <Box w="50%">
                 <Link
-                  href={{
-                    pathname: '/issues/[id]',
-                    query: { id: issue.id },
-                  }}
+                  href={
+                    {
+                      pathname: '/issues/[id]',
+                      query: { id: issue.id },
+                    }
+                  }
                 >
-                  <a className="max-w-md truncate">
+                  <Flex
+                    as="a"
+                    cursor="pointer"
+                    justifyContent="space-between"
+                    noOfLines={1}
+                    w="full"
+                  >
                     {/* title */}
-                    <span
-                      aria-label="issue metadata type"
-                      className="font-semibold mr-2"
+                    <Box
+                      as="span"
+                      fontWeight="bold"
+                      mr="2"
                     >
                       {issue.type}
-                    </span>
+                    </Box>
                     {/* second description */}
-                    <code aria-label="issue description">
+                    <Box
+                      as="code"
+                      textColor="gray.400"
+                    >
                       {renderStringOrJson(issue.metadata.filename ?? issue.metadata.others)}
-                    </code>
-                  </a>
+                    </Box>
+                  </Flex>
                 </Link>
                 {/* message */}
-                <div
-                  aria-label="issue metadata message"
-                  className="text-gray-500 line-clamp-2"
+                <Text
+                  noOfLines={[1, 2]}
+                  textColor="gray.400"
                 >
                   {
                     issue.metadata.message && (
-                      <code aria-label="issue metadata message">
+                      <code>
                         {renderStringOrJson(issue.metadata.message)}
                       </code>
                     )
                   }
-                </div>
+                </Text>
                 {/* other message (time/appType/...) */}
-                <div>
+                <Box>
                   {/* appType */}
                   {/* time */}
-                  <div className="flex items-center text-xs">
-                    <RiTimeLine className="mr-2"/>
-                    <span
-                      className="tooltip"
-                      data-tip={`最后出现时间 ${dayjs(issue.updatedAt).format()}`}
-                    >
+                  <Flex
+                    alignItems="center"
+                    fontSize="xs"
+                  >
+                    <Icon
+                      as={RiTimeLine}
+                      mr="2"
+                    />
+                    <Tooltip label={`最后出现时间 ${dayjs(issue.updatedAt).format()}`}>
                       {dayjs(issue.updatedAt).fromNow()}
-                    </span>
-                    <span className="mx-1">|</span>
-                    <span
-                      className="tooltip"
-                      data-tip={`首次出现时间 ${dayjs(issue.createdAt).format()}`}
+                    </Tooltip>
+
+                    <Box
+                      as="span"
+                      mx="1"
                     >
+                      |
+                    </Box>
+
+                    <Tooltip label={`首次出现时间 ${dayjs(issue.createdAt).format()}`}>
                       {dayjs(issue.createdAt).fromNow()}
-                    </span>
-                  </div>
-                </div>
-              </div>
+                    </Tooltip>
+                  </Flex>
+                </Box>
+              </Box>
 
-              <div className="w-48">
+              <Box w="48">
                 <MiniChart
                   data={trends?.[issue.id]}
                   type={chartType}
                 />
-              </div>
+              </Box>
 
-              <div className="w-20 flex items-center justify-center">
+              <Center w="20">
                 {issue._count?.events}
-              </div>
+              </Center>
 
-              <div className="w-20 flex items-center justify-center">
+              <Center w="20">
                 {issue._count?.users}
-              </div>
-            </div>
+              </Center>
+            </Flex>
           ))
         }
-      </div>
-    </div>
+      </Box>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/components/layout.tsx b/packages/web/src/components/layout.tsx
index 7cf2c16..daaca1d 100644
--- a/packages/web/src/components/layout.tsx
+++ b/packages/web/src/components/layout.tsx
@@ -1,3 +1,4 @@
+import { Box } from '@chakra-ui/react'
 import type { FC, ReactNode } from 'react'
 
 interface Props {
@@ -6,12 +7,12 @@ interface Props {
 
 const Layout: FC<Props> = ({ children }) => {
   return (
-    <>
-      <header className="fixed top-0 w-full h-12 bg-white bg-opacity-40 z-40 backdrop-blur">
-        header
-      </header>
-      <main className="pt-12 flex-1">{children}</main>
-    </>
+    <Box
+      as="main"
+      h="inherit"
+    >
+      {children}
+    </Box>
   )
 }
 
diff --git a/packages/web/src/components/loginButton.tsx b/packages/web/src/components/loginButton.tsx
index 77af30e..ea7e282 100644
--- a/packages/web/src/components/loginButton.tsx
+++ b/packages/web/src/components/loginButton.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react'
 import { signIn, signOut, useSession } from 'next-auth/react'
+import { Button } from '@chakra-ui/react'
 
 const LoginButton: FC = () => {
   const { data: session } = useSession()
@@ -7,24 +8,22 @@ const LoginButton: FC = () => {
     return (
       <>
         Signed in as {session.user?.email} <br />
-        <button
-          className="btn"
+        <Button
           onClick={() => signOut()}
         >
           Sign out
-        </button>
+        </Button>
       </>
     )
   }
   return (
     <>
       Not signed in <br />
-      <button
-        className="btn"
+      <Button
         onClick={() => signIn()}
       >
         Sign in
-      </button>
+      </Button>
     </>
   )
 }
diff --git a/packages/web/src/components/miniChart.tsx b/packages/web/src/components/miniChart.tsx
index f901eed..d5b16fd 100644
--- a/packages/web/src/components/miniChart.tsx
+++ b/packages/web/src/components/miniChart.tsx
@@ -63,12 +63,14 @@ const MiniChart: FC<MiniChartProps> = memo(({ type, data, title }) => {
 
   return (
     <div>
-      {title && (
-        <div className="font-semibold">
-          <i />
-          {title}
-        </div>
-      )}
+      {
+        title && (
+          <div className="font-semibold">
+            <i />
+            {title}
+          </div>
+        )
+      }
       <HighchartsReact
         highcharts={Highcharts}
         options={options}
diff --git a/packages/web/src/components/stackInfo.tsx b/packages/web/src/components/stackInfo.tsx
index ce8651b..83761e0 100644
--- a/packages/web/src/components/stackInfo.tsx
+++ b/packages/web/src/components/stackInfo.tsx
@@ -1,7 +1,7 @@
 import type { FC, ReactElement, ReactNode } from 'react'
 import { useMemo, useState } from 'react'
-import clsx from 'clsx'
 import type { Result } from 'source-map-trace'
+import { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, FormControl, FormLabel, Switch, Text } from '@chakra-ui/react'
 
 interface Props {
   stack: string
@@ -13,14 +13,52 @@ const StackInfo: FC<Props> = ({ stack, source }) => {
 
   const title = useMemo(
     () => (
-      <div>
-        <code className="font-semibold mx-1">{source?.parsed?.source}</code>
-        <span className="m-0 mx-1 opacity-60">in</span>
-        <code className="font-semibold mx-1">{source?.parsed?.name}</code>
-        <span className="m-0 mx-1 opacity-60">at line</span>
-        <code className="font-semibold mx-1">{source?.parsed?.line}:</code>
-        <code className="font-semibold mx-1">{source?.parsed?.column}</code>
-      </div>
+      <Box>
+        <Text
+          as="code"
+          fontWeight="bold"
+          mx="1"
+        >
+          {source?.parsed?.source}
+        </Text>
+        <Text
+          display="inline-block"
+          m="0"
+          mx="1"
+          opacity="0.6"
+        >
+          in
+        </Text>
+        <Text
+          as="code"
+          fontWeight="bold"
+          mx="1"
+        >
+          {source?.parsed?.name}
+        </Text>
+        <Text
+          display="inline-block"
+          m="0"
+          mx="1"
+          opacity="0.6"
+        >
+          at line
+        </Text>
+        <Text
+          as="code"
+          fontWeight="bold"
+          mx="1"
+        >
+          {source?.parsed?.line}:
+        </Text>
+        <Text
+          as="code"
+          fontWeight="bold"
+          mx="1"
+        >
+          {source?.parsed?.column}
+        </Text>
+      </Box>
     ),
     [source],
   )
@@ -30,35 +68,47 @@ const StackInfo: FC<Props> = ({ stack, source }) => {
         return typeof stack === 'string' ? stack : JSON.stringify(stack)
       case 'code':
         return (
-          <div className="collapse collapse-arrow collapse-open bg-base-100 rounded-box">
-            <input
-              className="peer"
-              type="checkbox"
-            />
-            <div className="collapse-title">
-              {title}
-            </div>
-            <div className="collapse-content">
-              <ol
-                className="m-0 py-2 list-inside"
-                start={source?.code?.[0].number}
-              >
-                {
-                  source?.code?.map(({ code, number, highlight }): ReactElement => {
-                    const classes = clsx('pl-6 leading-6', { 'text-white bg-error': highlight })
-                    return (
-                      <li
-                        className={classes}
-                        key={number}
-                      >
-                        <span className="pl-6">{code}</span>
-                      </li>
-                    )
-                  })
-                }
-              </ol>
-            </div>
-          </div>
+          <Accordion allowToggle>
+            <AccordionItem>
+              <h2>
+                <AccordionButton>
+                  <Box
+                    flex="1"
+                    textAlign="left"
+                  >
+                    {title}
+                  </Box>
+                  <AccordionIcon />
+                </AccordionButton>
+              </h2>
+              <AccordionPanel pb={4}>
+                <Box
+                  as="ol"
+                  listStylePosition="inside"
+                  listStyleType="decimal"
+                  m="0"
+                  py="2"
+                  start={source?.code?.[0].number}
+                >
+                  {
+                    source?.code?.map(({ code, number, highlight }): ReactElement => {
+                      return (
+                        <Box
+                          as="li"
+                          bg={highlight ? 'red.500' : 'inherit'}
+                          key={number}
+                          pl="6"
+                          textColor={highlight ? 'white' : 'inherit'}
+                        >
+                          <span>{code}</span>
+                        </Box>
+                      )
+                    })
+                  }
+                </Box>
+              </AccordionPanel>
+            </AccordionItem>
+          </Accordion>
         )
       default:
         return null
@@ -66,21 +116,30 @@ const StackInfo: FC<Props> = ({ stack, source }) => {
   }, [source, stack, toggle, title])
 
   return (
-    <div>
-      <div className="form-control">
-        <label className="label cursor-pointer">
-          <span className="label-text">{toggle}</span>
-          <input
-            checked={toggle === 'code'}
-            className="toggle"
-            onChange={e => setToggle(e.target.checked ? 'code' : 'raw')}
-            type="checkbox"
-          />
-        </label>
-      </div>
+    <Box>
+      <FormControl>
+        <FormLabel
+          display="inline-block"
+          htmlFor="switchCodeAndRaw"
+        >
+          {toggle === 'code' ? 'Code' : 'Raw'}
+        </FormLabel>
+        <Switch
+          checked={toggle === 'code'}
+          id="switchCodeAndRaw"
+          onChange={e => setToggle(e.target.checked ? 'code' : 'raw')}
+          size="md"
+        />
+      </FormControl>
 
-      <pre className="mt-4 whitespace-pre-wrap break-words">{content}</pre>
-    </div>
+      <Box
+        as="pre"
+        mt="4"
+        wordBreak="break-word"
+      >
+        {content}
+      </Box>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/libs/utils.tsx b/packages/web/src/libs/utils.tsx
index 42493ab..191fc20 100644
--- a/packages/web/src/libs/utils.tsx
+++ b/packages/web/src/libs/utils.tsx
@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react'
 import type { OhbugAction, OhbugEvent } from '@ohbug/types'
 import UA from 'ua-parser-js'
+import { Text } from '@chakra-ui/react'
 
 export function renderStringOrJson(value: any) {
   return typeof value === 'string'
@@ -65,10 +66,10 @@ export function getMessageAndIconByActionType(action: OhbugAction): {
       }
       return {
         message: (
-          <div>
+          <>
             <span>{action.message}</span>{' '}
-            <span className="text-secondary">{renderStringOrJson(action.data)}</span>
-          </div>
+            <Text color="gray.500">{renderStringOrJson(action.data)}</Text>
+          </>
         ),
         icon: '🖱️',
       }
@@ -112,10 +113,10 @@ export function getMessageAndIconByActionType(action: OhbugAction): {
     default:
       return {
         message: (
-          <div>
+          <>
             <span>{action.message}</span>{' '}
-            <span className="text-secondary">{renderStringOrJson(action.data)}</span>
-          </div>
+            <Text color="gray.500">{renderStringOrJson(action.data)}</Text>
+          </>
         ),
         icon: null,
       }
diff --git a/packages/web/src/pages/_app.tsx b/packages/web/src/pages/_app.tsx
index 5d11c33..a8beebf 100644
--- a/packages/web/src/pages/_app.tsx
+++ b/packages/web/src/pages/_app.tsx
@@ -1,12 +1,13 @@
 import type { NextPage } from 'next'
 import type { ReactElement, ReactNode } from 'react'
 import type { AppProps } from 'next/app'
+import { ChakraProvider } from '@chakra-ui/react'
 import { SessionProvider } from 'next-auth/react'
 import { SWRConfig } from 'swr'
 import dayjs from 'dayjs'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import Layout from '../components/layout'
-import '~/styles/globals.css'
+import theme from '~/styles/theme'
 
 dayjs.extend(relativeTime)
 
@@ -26,7 +27,9 @@ function MyApp({ Component, pageProps: { session, ...pageProps } }: AppPropsWith
       <SWRConfig
         value={{ fetcher: (resource, init) => fetch(resource, init).then(res => res.json()) }}
       >
-        <Component {...pageProps} />
+        <ChakraProvider theme={theme}>
+          <Component {...pageProps} />
+        </ChakraProvider>
       </SWRConfig>
     </SessionProvider>
   ))
diff --git a/packages/web/src/pages/_document.tsx b/packages/web/src/pages/_document.tsx
new file mode 100644
index 0000000..c14ec38
--- /dev/null
+++ b/packages/web/src/pages/_document.tsx
@@ -0,0 +1,17 @@
+import { ColorModeScript } from '@chakra-ui/react'
+import NextDocument, { Head, Html, Main, NextScript } from 'next/document'
+
+export default class Document extends NextDocument {
+  render() {
+    return (
+      <Html lang="en">
+        <Head />
+        <body>
+          <ColorModeScript />
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    )
+  }
+}
diff --git a/packages/web/src/pages/bootstrap.tsx b/packages/web/src/pages/bootstrap.tsx
index e2cb600..6631a54 100644
--- a/packages/web/src/pages/bootstrap.tsx
+++ b/packages/web/src/pages/bootstrap.tsx
@@ -1,3 +1,4 @@
+import { Box, Button, Center, FormControl, FormErrorMessage, FormHelperText, FormLabel, Input } from '@chakra-ui/react'
 import type { Setting } from '@prisma/client'
 import { useSession } from 'next-auth/react'
 import { useRouter } from 'next/router'
@@ -5,11 +6,13 @@ import type { ReactElement } from 'react'
 import { useCallback } from 'react'
 import { useForm } from 'react-hook-form'
 
+type OmitSetting = Omit<Setting, 'id'>
+
 const Bootstrap = () => {
   const router = useRouter()
   const session = useSession()
-  const { register, handleSubmit } = useForm<Setting>()
-  const onSubmit = useCallback((data: Setting) => {
+  const { handleSubmit, register, formState: { errors } } = useForm<OmitSetting>()
+  const onSubmit = useCallback((data: OmitSetting) => {
     fetch(
       '/api/setting',
       {
@@ -28,59 +31,61 @@ const Bootstrap = () => {
   }, [session])
 
   return (
-    <div className="hero min-h-screen">
-      <div className="hero-content">
-        <div className="card flex-shrink-0 w-96 shadow-2xl bg-base-100">
-          <div className="card-body">
-            <form onSubmit={handleSubmit(onSubmit)}>
-              <div className="form-control">
-                <label className="label">
-                  <span className="label-text">Github OAuth Client ID</span>
-                </label>
-                <input
-                  className="input input-bordered"
-                  placeholder="Client ID"
-                  required
-                  type="text"
-                  {...register('githubClientId')}
-                />
-              </div>
-              <div className="form-control">
-                <label className="label">
-                  <span className="label-text">Github OAuth Client Secret</span>
-                </label>
-                <input
-                  className="input input-bordered"
-                  placeholder="Client Secret"
-                  required
-                  type="text"
-                  {...register('githubClientSecret')}
-                />
-                <label className="label">
-                  <a
-                    className="label-text-alt link link-hover"
-                    href="https://docs.github.com/developers/apps/building-oauth-apps/creating-an-oauth-app"
-                    rel="noreferrer"
-                    target="_blank"
-                  >
-                    Get Client ID/Secret?
-                  </a>
-                </label>
-              </div>
+    <Center h="full">
+      <Box
+        p="3"
+        shadow="md"
+        w="lg"
+      >
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <FormControl isInvalid={!!errors.githubClientId}>
+            <FormLabel htmlFor="githubClientId">Github OAuth Client ID</FormLabel>
+            <Input
+              id="githubClientId"
+              placeholder="Client ID"
+              required
+              type="text"
+              {...register('githubClientId', { required: 'This is required' })}
+            />
+            <FormErrorMessage>
+              {errors.githubClientId && errors.githubClientId.message}
+            </FormErrorMessage>
+          </FormControl>
+
+          <FormControl isInvalid={!!errors.githubClientSecret}>
+            <FormLabel htmlFor="githubClientSecret">Github OAuth Client Secret</FormLabel>
+            <Input
+              id="githubClientSecret"
+              placeholder="Client Secret"
+              required
+              type="text"
+              {...register('githubClientSecret', { required: 'This is required' })}
+            />
+            <FormHelperText>
+              <a
+                href="https://docs.github.com/developers/apps/building-oauth-apps/creating-an-oauth-app"
+                rel="noreferrer"
+                target="_blank"
+              >
+                Get Client ID/Secret?
+              </a>
+            </FormHelperText>
+            <FormErrorMessage>
+              {errors.githubClientSecret && errors.githubClientSecret.message}
+            </FormErrorMessage>
+          </FormControl>
 
-              <div className="form-control mt-6">
-                <button
-                  className="btn btn-primary"
-                  type="submit"
-                >
-                  Bootstrap
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
+          <Box mt="6">
+            <Button
+              type="submit"
+              w="full"
+            >
+              Bootstrap
+            </Button>
+          </Box>
+        </form>
+      </Box>
+    </Center>
   )
 }
 
diff --git a/packages/web/src/pages/create-project.tsx b/packages/web/src/pages/create-project.tsx
index 918e039..9512b38 100644
--- a/packages/web/src/pages/create-project.tsx
+++ b/packages/web/src/pages/create-project.tsx
@@ -1,9 +1,12 @@
+import { Box, Button, Center, FormControl, FormErrorMessage, FormLabel, Input, Select } from '@chakra-ui/react'
 import type { Project } from '@prisma/client'
 import { useRouter } from 'next/router'
 import type { FC } from 'react'
 import { useCallback } from 'react'
 import { useForm } from 'react-hook-form'
 
+type OmitProject = Omit<Project, 'id' | 'apiKey' | 'createdAt' | 'updatedAt'>
+
 const projectTypes = [
   {
     label: 'JavaScript',
@@ -13,8 +16,8 @@ const projectTypes = [
 
 const CreateProject: FC = () => {
   const router = useRouter()
-  const { register, handleSubmit } = useForm<Project>()
-  const onSubmit = useCallback((data: Project) => {
+  const { handleSubmit, register, formState: { errors } } = useForm<OmitProject>()
+  const onSubmit = useCallback((data: OmitProject) => {
     fetch(
       '/api/projects',
       {
@@ -31,57 +34,61 @@ const CreateProject: FC = () => {
   }, [])
 
   return (
-    <div className="hero min-h-screen">
-      <div className="hero-content">
-        <div className="card flex-shrink-0 w-96 shadow-2xl bg-base-100">
-          <div className="card-body">
-            <form onSubmit={handleSubmit(onSubmit)}>
-              <div className="form-control">
-                <label className="label">
-                  <span className="label-text">Project Name</span>
-                </label>
-                <input
-                  className="input input-bordered"
-                  placeholder="Input Project Name"
-                  required
-                  type="text"
-                  {...register('name')}
-                />
-              </div>
-              <div className="form-control">
-                <label className="label">
-                  <span className="label-text">Project Type</span>
-                </label>
-                <select
-                  className="select select-bordered w-full max-w-xs"
-                  {...register('type')}
-                >
-                  {
-                    projectTypes.map(type => (
-                      <option
-                        key={type.value}
-                        value={type.value}
-                      >
-                        {type.label}
-                      </option>
-                    ))
-                  }
-                </select>
-              </div>
+    <Center h="full">
+      <Box
+        p="3"
+        shadow="md"
+        w="lg"
+      >
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <FormControl isInvalid={!!errors.name}>
+            <FormLabel htmlFor="name">Project Name</FormLabel>
+            <Input
+              id="name"
+              placeholder="Input Project Name"
+              required
+              type="text"
+              {...register('name', { required: 'This is required' })}
+            />
+            <FormErrorMessage>
+              {errors.name && errors.name.message}
+            </FormErrorMessage>
+          </FormControl>
+
+          <FormControl isInvalid={!!errors.type}>
+            <FormLabel htmlFor="type">Project Type</FormLabel>
+            <Select
+              id="type"
+              required
+              {...register('type', { required: 'This is required' })}
+            >
+              {
+                projectTypes.map(({ label, value }) => (
+                  <option
+                    key={value}
+                    value={value}
+                  >
+                    {label}
+                  </option>
+                ))
+              }
+            </Select>
+            <FormErrorMessage>
+              {errors.type && errors.type.message}
+            </FormErrorMessage>
+          </FormControl>
 
-              <div className="form-control mt-6">
-                <button
-                  className="btn btn-primary"
-                  type="submit"
-                >
-                  Create Project
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-      </div>
-    </div>
+          <Box mt="6">
+            <Button
+              type="submit"
+              w="full"
+            >
+              Create Project
+            </Button>
+          </Box>
+        </form>
+      </Box>
+    </Center>
   )
 }
 
diff --git a/packages/web/src/pages/index.tsx b/packages/web/src/pages/index.tsx
index 5f89c84..46dde34 100644
--- a/packages/web/src/pages/index.tsx
+++ b/packages/web/src/pages/index.tsx
@@ -1,6 +1,5 @@
 import type { Setting } from '@prisma/client'
 import type { GetServerSideProps, NextPage } from 'next'
-import Head from 'next/head'
 import Link from 'next/link'
 import Login from '~/components/loginButton'
 import { serviceGetSetting } from '~/services/bootstrap'
@@ -34,25 +33,11 @@ export const getServerSideProps: GetServerSideProps<Props> = async() => {
 
 const Home: NextPage<Props> = () => {
   return (
-    <div>
-      <Head>
-        <title>Create Next App</title>
-        <meta
-          content="Generated by create next app"
-          name="description"
-        />
-        <link
-          href="/favicon.ico"
-          rel="icon"
-        />
-      </Head>
+    <main>
+      <div><Link href="/issues"><a>go to issues</a></Link></div>
 
-      <main>
-        <div><Link href="/issues"><a>go to issues</a></Link></div>
-
-        <Login />
-      </main>
-    </div>
+      <Login />
+    </main>
   )
 }
 
diff --git a/packages/web/src/pages/issues/[id]/events.tsx b/packages/web/src/pages/issues/[id]/events.tsx
index 9919b86..814794e 100644
--- a/packages/web/src/pages/issues/[id]/events.tsx
+++ b/packages/web/src/pages/issues/[id]/events.tsx
@@ -1,3 +1,4 @@
+import { Box } from '@chakra-ui/react'
 import type { GetServerSideProps, NextPage } from 'next'
 import type { Issue } from 'types'
 import Breadcrumb from '~/components/breadcrumb'
@@ -18,7 +19,7 @@ export const getServerSideProps: GetServerSideProps<Props> = async(context) => {
 
 const Detail: NextPage<Props> = ({ issue }) => {
   return (
-    <div>
+    <Box>
       <Breadcrumb />
 
       <IssueDetailTitle issue={issue} />
@@ -26,7 +27,7 @@ const Detail: NextPage<Props> = ({ issue }) => {
       <IssueDetailTabs />
 
       <IssueDetailEventsList events={issue.events} />
-    </div>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/pages/issues/index.tsx b/packages/web/src/pages/issues/index.tsx
index 14cabe5..71bfb79 100644
--- a/packages/web/src/pages/issues/index.tsx
+++ b/packages/web/src/pages/issues/index.tsx
@@ -1,3 +1,4 @@
+import { Box } from '@chakra-ui/react'
 import type { GetServerSideProps, NextPage } from 'next'
 import type { Issue } from 'types'
 import IssueList from '~/components/issueList'
@@ -17,11 +18,11 @@ export const getServerSideProps: GetServerSideProps<Props> = async() => {
 
 const Issues: NextPage<Props> = ({ issues }) => {
   return (
-    <div className="p-4">
+    <Box p="4">
       <IssueList
         issues={issues}
       />
-    </div>
+    </Box>
   )
 }
 
diff --git a/packages/web/src/styles/globals.css b/packages/web/src/styles/globals.css
deleted file mode 100644
index b5c61c9..0000000
--- a/packages/web/src/styles/globals.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/packages/web/src/styles/theme.ts b/packages/web/src/styles/theme.ts
new file mode 100644
index 0000000..07f305f
--- /dev/null
+++ b/packages/web/src/styles/theme.ts
@@ -0,0 +1,6 @@
+import type { Dict } from '@chakra-ui/utils'
+import { extendTheme } from '@chakra-ui/react'
+
+const theme: Dict = extendTheme({ styles: { global: () => ({ 'html, body, #__next': { height: '100%' } }) } })
+
+export default theme
diff --git a/packages/web/tailwind.config.js b/packages/web/tailwind.config.js
deleted file mode 100644
index f9ea1c5..0000000
--- a/packages/web/tailwind.config.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  content: ['./src/**/*.{js,ts,jsx,tsx}'],
-  theme: { extend: {} },
-  darkMode: 'class',
-  plugins: [require('daisyui'), require('@tailwindcss/line-clamp')],
-  daisyui: { darkTheme: 'black' },
-}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2551cc3..b5e321a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -132,8 +132,11 @@ importers:
 
   packages/web:
     specifiers:
+      '@chakra-ui/react': ^2.2.1
+      '@chakra-ui/utils': ^2.0.2
+      '@emotion/react': ^11.9.3
+      '@emotion/styled': ^11.9.3
       '@next-auth/prisma-adapter': ^1.0.3
-      '@tailwindcss/line-clamp': ^0.4.0
       '@types/node': ^18.0.0
       '@types/react': 18.0.14
       '@types/react-dom': 18.0.5
@@ -142,7 +145,7 @@ importers:
       autoprefixer: ^10.4.7
       babel-plugin-superjson-next: ^0.4.3
       clsx: ^1.1.1
-      daisyui: ^2.15.4
+      framer-motion: ^6.3.11
       highcharts: ^10.1.0
       highcharts-react-official: ^3.1.0
       jotai: ^1.7.2
@@ -157,14 +160,17 @@ importers:
       source-map-trace: ^0.2.6
       superjson: ^1.9.1
       swr: ^1.3.0
-      tailwindcss: ^3.1.3
       types: workspace:*
       ua-parser-js: ^1.0.2
       zustand: 4.0.0-rc.1
     dependencies:
+      '@chakra-ui/react': 2.2.1_dersw4eko4axp24m2cfli7j6ja
+      '@chakra-ui/utils': 2.0.2
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/styled': 11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu
       '@next-auth/prisma-adapter': 1.0.3_next-auth@4.5.0
       clsx: 1.1.1
-      daisyui: 2.15.4_ugi4xkrfysqkt4c4y6hkyfj344
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
       highcharts: 10.1.0
       highcharts-react-official: 3.1.0_527hi7t2mtle6zzax5ypcsor3a
       jotai: 1.7.2_react@18.2.0
@@ -181,7 +187,6 @@ importers:
       ua-parser-js: 1.0.2
       zustand: 4.0.0-rc.1_react@18.2.0
     devDependencies:
-      '@tailwindcss/line-clamp': 0.4.0_tailwindcss@3.1.3
       '@types/node': 18.0.0
       '@types/react': 18.0.14
       '@types/react-dom': 18.0.5
@@ -191,7 +196,6 @@ importers:
       babel-plugin-superjson-next: 0.4.3_kw7aodikhhoiwrxuposmqv3po4
       postcss: 8.4.14
       superjson: 1.9.1
-      tailwindcss: 3.1.3
 
 packages:
 
@@ -281,19 +285,21 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/highlight': 7.17.12
-    dev: true
 
   /@babel/helper-module-imports/7.16.7:
     resolution: {integrity: sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/types': 7.18.0
-    dev: true
+
+  /@babel/helper-plugin-utils/7.17.12:
+    resolution: {integrity: sha512-JDkf04mqtN3y4iAbO1hv9U2ARpPyPL1zqyWs/2WG1pgSq9llHFjStX5jdxb84himgJm+8Ng+x0oiWF/nw/XQKA==}
+    engines: {node: '>=6.9.0'}
+    dev: false
 
   /@babel/helper-validator-identifier/7.16.7:
     resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/highlight/7.17.12:
     resolution: {integrity: sha512-7yykMVF3hfZY2jsHZEEgLc+3x4o1O+fYyULu11GynEUQNwB6lua+IIQn1FiJxNucd5UlyJryrwsOh8PL9Sn8Qg==}
@@ -302,7 +308,15 @@ packages:
       '@babel/helper-validator-identifier': 7.16.7
       chalk: 2.4.2
       js-tokens: 4.0.0
-    dev: true
+
+  /@babel/plugin-syntax-jsx/7.17.12:
+    resolution: {integrity: sha512-spyY3E3AURfxh/RHtjx5j6hs8am5NbUBGfcZ2vB3uShSpZdQyXSf5rR5Mk76vbtlAZOelyVQ71Fg0x9SG4fsog==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/helper-plugin-utils': 7.17.12
+    dev: false
 
   /@babel/runtime/7.18.0:
     resolution: {integrity: sha512-YMQvx/6nKEaucl0MY56mwIG483xk8SDNdlUwb2Ts6FUpr7fm85DxEmsY18LXBNhcTz6tO6JwZV8w1W06v8UKeg==}
@@ -323,7 +337,6 @@ packages:
     dependencies:
       '@babel/helper-validator-identifier': 7.16.7
       to-fast-properties: 2.0.0
-    dev: true
 
   /@babel/types/7.18.4:
     resolution: {integrity: sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==}
@@ -337,6 +350,794 @@ packages:
     resolution: {integrity: sha512-Vs3AzEd5/JgT6eakn1pvwV3PeYZCFKpsNglwIqE/U9vLQQSrGpEuMuGUa7263d9X9od3KVrDHJ0n7ouMSzFQUA==}
     dev: false
 
+  /@chakra-ui/accordion/2.0.3_inccl32eslsh7jtablwho5kv2e:
+    resolution: {integrity: sha512-3fu5q6I6QtYVfpBHK+xxIkZ3b/spHgDongXuKuLEJZswcSU8+X5B9YmNfv73ZMRKO3PboYtyHAmZZo4pYqzbbA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/descendant': 3.0.2_react@18.2.0
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/transition': 2.0.2_pas2gixxmlyrpeqapn6u4ylzzq
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/alert/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-QqXFYeX74mHSVp5Peqc+0CkYGQlvKQzpvOKkn00M3ZczsgVxoDNrUv0PI2V3fuZDwo1ziLBGJsjgMFbJ+JrYgA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/spinner': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/anatomy/2.0.1_@chakra-ui+system@2.1.3:
+    resolution: {integrity: sha512-lbOUfPmCtgIe0G7Iu6C2MaFP3FKOHgKWxDrYc3498TQ7/z5N1r7AO6jB+gFRGDbxJNLjRGOLG7tV0bufagGTUw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme-tools': 2.0.2_@chakra-ui+system@2.1.3
+    dev: false
+
+  /@chakra-ui/avatar/2.0.3_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-LbCQBJzDLkx2jqOjuEG5zOWA5njEAhUlQ3GnSkqOGaiDQWgM6eSLxWkgpI5fKhBlZ2OvMxjSSFaCCpf8wvU+YQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/image': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/breadcrumb/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-rJOkgaWqtxaPfISNXjhl9J4efD96FBnQnAKQJZtlG3WpWmIse/BPv1Pg4OCexPTBQQSwFkbTBgBD0lWD/i2UUw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/button/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-l2RE1031HR+vVqNQhfrJCuC1OzKTTLmyA8+ScGZhjV6G4LWGzU5LfsyGAXq53l1lFcx6O9XJzfgnxAvnGGKJsw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/spinner': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/checkbox/2.1.0_inccl32eslsh7jtablwho5kv2e:
+    resolution: {integrity: sha512-LPKhJM/IMp8LKdr52PVfSGAnmqcgwTMPcjyWT8jXQ3OhEXRUKc5rSUORmPtJmffNLjLq1nPCcSMWQsVHhJ9MXw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@zag-js/focus-visible': 0.1.0
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/clickable/2.0.2_react@18.2.0:
+    resolution: {integrity: sha512-Zn0Hd9BCGVNMOXerUlfmOdCeVAyl6XYo5WC/Skm/REAQygk22/WjV42sLeT+1+bpOLpSvO4ZnheXfD5sIuDdfA==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/close-button/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-aIpkIQdmbuKTiM1IuZRI4iUPzcaWla8mXysKIL+M6g0QbpaO/Xw3eucnAS0qO24djCzkcCZSLnHsEimBOBJdgA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/color-mode/2.0.4_react@18.2.0:
+    resolution: {integrity: sha512-DIR6CSPlkmi92LDR3IhjIediLk7GFWttlTUvJQP06ZUvN+iCpd5TjgchxOYzqlP4T9W0L62eZXsluOxmRF/JSQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/control-box/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-D3vQoyCRjAwCmB39jFvTv+fAXmALLhScXe6s/S7rdgSYxuSEksuGlNjvBUYAVwDXeE2sjDoeWMvrHydRGv44Bw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/counter/2.0.2_react@18.2.0:
+    resolution: {integrity: sha512-mRYrnu1924spsPU5GaHSbaoX28Gbzf8PDkO6Y1R6r6MQKTLjpdbkFmyG0QyEixD8aoaSaCO7iVbJRnUJ+dhlww==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/css-reset/2.0.1_jhgplt4fmhans76oq3ok5iox2u:
+    resolution: {integrity: sha512-8RhAC7l5RHp9hNDN2M2feZ2wPaoSrgxzqx6VqLTIul2lwucpp1LTlrDlPCBMJe8fp51Q83IOCW4882ktsXxktA==}
+    peerDependencies:
+      '@emotion/react': '>=10.0.35'
+      react: '>=18'
+    dependencies:
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/descendant/3.0.2_react@18.2.0:
+    resolution: {integrity: sha512-BV4IpONYr52V7rJnEYj5Ej946HD2BTOgOQpSB/LMeITfkp51/O9pOayNoVghYW7cFts+Opy4YmvLcuxFhWrD3Q==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/editable/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-hZBD4K1i3a8+RnW5jaoVfHeEm0zDKcyZ7yZCNGmmM7sz2LAw/LdE6+IKBoEbXc5Gf8KnEs9eH/TBcPDhS9KUQg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/focus-lock/2.0.3_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-QcKUy0n26T1qOEoqk9rDmr9tumZs/+VXh9gIhWYKlmScm8Dy87qCMfOJ2M8/sUCQcqypl8SwlONQdiCZ99FUFQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+      react-focus-lock: 2.9.1_luyos4mouogwq6z3wafb3re4ce
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
+  /@chakra-ui/form-control/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-uelLKIZgrcahvodEAd2WjdCJUus9q9Wq++KliN+8VIhPti89s8eewyDh3xWvurbgby+oGkHyjDMmxHrkfa3YYQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/hooks/2.0.2_react@18.2.0:
+    resolution: {integrity: sha512-3B4zsl51tevmO6T6xUKcclwxf4FClKtScaNvb8jMmVczTGRL7WhZ6LxXeYUJMms11C8W9uZczE5yXSP0qweeAw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/utils': 2.0.2
+      compute-scroll-into-view: 1.0.14
+      copy-to-clipboard: 3.3.1
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/icon/3.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-sas37byldn5O/TTIKHzxHBujEYqVPXegisoMqutLtF60fpXnb62aG1JTyorXSG3zJxJWQW7+AvjbOGyWKHXc0Q==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/image/2.0.3_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-GLMJXLdR0y7CCZ0hKHf6YZLb8dlPpx4vdXWTbtLnIU5EfGIOSiCU4N3+0KcjvMtDB69hBr5W4h1XMJNpetP1EA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/input/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-ODwdlsLha+EBPFSnCEqWjlndeXaL4cXvCk4rrKuvs9vexhOBr+X9V6KNn5Rmn/bXah+Wsrn+5g6T9V7BvRES3Q==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/layout/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-iElUGxj8YmVGcaCQlQovJJC4APHMh5vwlZU37IC6W3FdJzv+orVhzbuB98tuzfWHxjKQZeGhcz7+npIkN87D5w==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/live-region/2.0.2_react@18.2.0:
+    resolution: {integrity: sha512-aRJRaJInqNkFRRIjW57SPNhj7ngxh0xkdQZeOohvOcd7VbjvHNgXO1glKjIXRzSRHyteCdGUzb/jo68NizE3bQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/media-query/3.1.0_swpbf3sk2xubz3bowba44eqanu:
+    resolution: {integrity: sha512-E05PUom+izNILJff0Yje8OMWHVN5C2H2A/F0aaptIJ+600YNWn5CuGvdlSMb/VWHziHT7u5xyrtv0mdbxMlYBA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      '@chakra-ui/theme': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-env': 2.0.2_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme': 2.1.0_@chakra-ui+system@2.1.3
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/menu/2.0.3_inccl32eslsh7jtablwho5kv2e:
+    resolution: {integrity: sha512-hW1XBK0ZOEvnrwurqZiQ7+CFW8Olfk82BilNOulQ7LxQ2hQAAg4JBQxs755jVEtqhSAP+oe/yuWEabWtCWLGQw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/clickable': 2.0.2_react@18.2.0
+      '@chakra-ui/descendant': 3.0.2_react@18.2.0
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/popper': 3.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/transition': 2.0.2_pas2gixxmlyrpeqapn6u4ylzzq
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/modal/2.0.3_4s7debdozfrn2zrndnc46esm3q:
+    resolution: {integrity: sha512-GS1Apvrsr8scM1d/awVgJdcheITja4fMKTKwWljstw7SfAMOPc4skKIg+MzriLvtIialm1WFxOWYfiQ5MKAAcQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/close-button': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/focus-lock': 2.0.3_luyos4mouogwq6z3wafb3re4ce
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/portal': 2.0.2_biqbaboplfbrettd7655fr4n2y
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/transition': 2.0.2_pas2gixxmlyrpeqapn6u4ylzzq
+      '@chakra-ui/utils': 2.0.2
+      aria-hidden: 1.1.3
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      react-remove-scroll: 2.5.4_luyos4mouogwq6z3wafb3re4ce
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
+  /@chakra-ui/number-input/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-7RT5TMCSPtghX7M2Uy2cruLwO0uYCzIa49tQFDzQ2YCGMuRimzma9i0nuOqQz2yGHxa3C8WJJoO91jPKzCjIbg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/counter': 2.0.2_react@18.2.0
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/pin-input/2.0.3_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-tnISIFno2Nqmh5ZjXyRnUiyuw94xLpFWoVK9tTo/yoR5Llbh58BqRyybOZZpu3DIjuK9qy9M67KBhRdqkOLUFQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/descendant': 3.0.2_react@18.2.0
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/popover/2.0.2_inccl32eslsh7jtablwho5kv2e:
+    resolution: {integrity: sha512-i9Tsx+gpN470V7eLPng+lVK25DfUdQ44OAzWMUavIiutCtVJknZEPYbSr72JnT4NHBnr7b8rqUBEYq9+36LmlQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/close-button': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/popper': 3.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/popper/3.0.2_react@18.2.0:
+    resolution: {integrity: sha512-oEUsaFR4EPY3CvhEVeZNoa+mA/w+TvLlG3xlicIwv/3Fcfl6LD2Jhr6utnqAvHFxE/qRcUcXLX20ovy0Zrgm/Q==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@popperjs/core': 2.11.5
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/portal/2.0.2_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-bk8P/hxvGbKhEZSI2LAFwk98W7ivff3NwpFOHjsna0uuBPG772mEOXnxsHBsr2moGroMXdBOS++czHn1T3cHhw==}
+    peerDependencies:
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: false
+
+  /@chakra-ui/progress/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-nx/aDZGEAnRx6jC4RLbfoXTTEeHoHGVlwBTUx7OKPus+hopBVvXHpA/UH+H8OJ5nq0PJ6XaDPCHc1FTrK+j0aw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme-tools': 2.0.2_@chakra-ui+system@2.1.3
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/provider/2.0.6_qsuhhlyfbpdicstla2jcf7xfmy:
+    resolution: {integrity: sha512-EwwFF8ib9L5OYTRJq450Uvk7DqQJA/W6TyBo2f7mUE0j56GmV8ZRdsaXGqqag/aopCS/1n+ZfpQvQr/qNhAQBQ==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/css-reset': 2.0.1_jhgplt4fmhans76oq3ok5iox2u
+      '@chakra-ui/portal': 2.0.2_biqbaboplfbrettd7655fr4n2y
+      '@chakra-ui/react-env': 2.0.2_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/styled': 11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: false
+
+  /@chakra-ui/radio/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-f3YF7sL13qpbiqlFF8eGcL8lZeAmY3ZwqJk8m2v3Ofi0M7Et/CV00E1TxY5kK3tvDtmMXC5lILf5QlHHNgH6wQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/react-env/2.0.2_react@18.2.0:
+    resolution: {integrity: sha512-iQdc58d1HjfkPi+CEoZNqY77oX94bsWpMie30UYIaTonc9OOH6r1WCGQc8cyQa3jKiX2m9v9IbnxZa9Z0rYrHw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/react-utils/2.0.1_react@18.2.0:
+    resolution: {integrity: sha512-xLiTn7WeUo2e3zvo8zUGpICgIGsLCPpkVbjEKhr1jAV41urqEtwlLc6uGir595OYqAC8zFDqs4HXhHouqNEtiw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/react/2.2.1_dersw4eko4axp24m2cfli7j6ja:
+    resolution: {integrity: sha512-m2vFICTUO3GivTkJROnTTJT+w8otcYMraKqOSdrAGmsjqtZAp8/FaGS+1bxzeZnZTszMn65LoLvlgBUDrTHhQA==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/accordion': 2.0.3_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/alert': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/avatar': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/breadcrumb': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/button': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/checkbox': 2.1.0_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/close-button': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/control-box': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/counter': 2.0.2_react@18.2.0
+      '@chakra-ui/css-reset': 2.0.1_jhgplt4fmhans76oq3ok5iox2u
+      '@chakra-ui/editable': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/image': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/input': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/layout': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/live-region': 2.0.2_react@18.2.0
+      '@chakra-ui/media-query': 3.1.0_swpbf3sk2xubz3bowba44eqanu
+      '@chakra-ui/menu': 2.0.3_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/modal': 2.0.3_4s7debdozfrn2zrndnc46esm3q
+      '@chakra-ui/number-input': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/pin-input': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/popover': 2.0.2_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/popper': 3.0.2_react@18.2.0
+      '@chakra-ui/portal': 2.0.2_biqbaboplfbrettd7655fr4n2y
+      '@chakra-ui/progress': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/provider': 2.0.6_qsuhhlyfbpdicstla2jcf7xfmy
+      '@chakra-ui/radio': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/react-env': 2.0.2_react@18.2.0
+      '@chakra-ui/select': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/skeleton': 2.0.6_axawpjz3tjxiksmpos7ajkx4lu
+      '@chakra-ui/slider': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/spinner': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/stat': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/switch': 2.0.3_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/table': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/tabs': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/tag': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/textarea': 2.0.3_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/theme': 2.1.0_@chakra-ui+system@2.1.3
+      '@chakra-ui/toast': 2.1.0_cdgnzpyqhm67cfidphy3xhoqqi
+      '@chakra-ui/tooltip': 2.0.2_qafgcfmixptan4yq35qlzbgnj4
+      '@chakra-ui/transition': 2.0.2_pas2gixxmlyrpeqapn6u4ylzzq
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/styled': 11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    transitivePeerDependencies:
+      - '@types/react'
+    dev: false
+
+  /@chakra-ui/select/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-aXYRJFsi3xrcacPI+FDZ1fxRQc9PMFnYXvqTug4I7wIwZUE467vD4G90c6/b/tUzrerDkVcPhHbqFy8ENbrvdA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/skeleton/2.0.6_axawpjz3tjxiksmpos7ajkx4lu:
+    resolution: {integrity: sha512-nbZEfA7vSxJ8qXM0sb+e/Dh8t2ZcAkjWUzScMvO8FWfblk3wkoeUT0ocTwJ4eDyTzEVBu+ym7Uc+ACZmBheabQ==}
+    peerDependencies:
+      '@chakra-ui/theme': '>=2.0.0-next.0'
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/media-query': 3.1.0_swpbf3sk2xubz3bowba44eqanu
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme': 2.1.0_@chakra-ui+system@2.1.3
+      '@chakra-ui/utils': 2.0.2
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/styled': 11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/slider/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-aWpjqFGN61fv3dKyBrP6c68MXmkYtZ6jeDWIKkgzc7ntb6Nnf6KDK8seZM0SmQR2F3GIejLt8AgnuIW/UBUa/Q==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/spinner/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-jC6+pwkCQb5vfGsS/55EhH2UzsToeCvpfXLQ6TPWDPA2NHMTRskilHwKQT/i0nAgRcCq400FvcfIr5uAPs+Igg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/stat/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-GrQgiof8olOEVFAUtq5GA2cCUJqcSLMpS/6StBFR4fesrg5MAblfVYYY7uayqX/RnJU1BNElLOl/JAQ965LGXw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/styled-system/2.2.0:
+    resolution: {integrity: sha512-5THQlrMr6CsiulNtjzZV3DqYD85eQ+S8G6rsnjAKqFVJ1G29R392RKK/67R96WIRUJRtsHPq2REeTgAxGLDhOQ==}
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      csstype: 3.1.0
+    dev: false
+
+  /@chakra-ui/switch/2.0.3_inccl32eslsh7jtablwho5kv2e:
+    resolution: {integrity: sha512-k7HLnKBM9GsY/RdqUWqe233QNFa2JtE+G4UyX8BsYLquWOkBfgJvI+f2gSUye1zLS8e1bFwz5BBIljTQMb/Smw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/checkbox': 2.1.0_inccl32eslsh7jtablwho5kv2e
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/system/2.1.3_fdnqutfacy7v3gmlcm66flps3q:
+    resolution: {integrity: sha512-f9GfJr7HGxxhyAbXmka/k/mPsLl8wl+5fZUWglfRg4iddmsuYQcJEYg8+ewCyr7MA1Ddw9bPVgsC5uf/KYlo3w==}
+    peerDependencies:
+      '@emotion/react': ^11.0.0
+      '@emotion/styled': ^11.0.0
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/color-mode': 2.0.4_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/styled-system': 2.2.0
+      '@chakra-ui/utils': 2.0.2
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/styled': 11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu
+      react: 18.2.0
+      react-fast-compare: 3.2.0
+    dev: false
+
+  /@chakra-ui/table/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-VkcXAmvNlhWXZ5qPUAVqW4DKARSNdCN4Ib8ViiX8lXqBUHK+IBAe2s6iB70FwzdaPqwrw2LndqRrLg/4w4FE3w==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/tabs/2.0.3_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-iBi7hSiNv7y9Zu0eR0b4SCBdKoY/5aOKhToZIm0iv5qJPunN3ap3zVAHL36ucPAIv19rC0GaOwqLsNQErMkMYQ==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/clickable': 2.0.2_react@18.2.0
+      '@chakra-ui/descendant': 3.0.2_react@18.2.0
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/tag/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-/TqjwPNTUjDofvTEulrNELS6/ls1n54YMFXMwGNwrEbNlJPgoE555t1N3jpdoNKH4kLhvkFcC6lfkDdWwnZ1BA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/icon': 3.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/textarea/2.0.3_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-esOJa0vSrSsgDJGjPAbnPNPvemN1QUKYFYLFTOM/LR6BzI21EL8PX4Bh3AJM6aJK0GjeR0+SeKMuuuLL4oFnmw==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/form-control': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/theme-tools/2.0.2_@chakra-ui+system@2.1.3:
+    resolution: {integrity: sha512-E01ZJZB4XVqkvn2hOXKQ/uVkvaPLQN1SyxAYXjFZGyZ1ppBLl362EWfY9IgWNzDITgq9MCJyQFfm2mXwQDUNzA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@ctrl/tinycolor': 3.4.1
+    dev: false
+
+  /@chakra-ui/theme/2.1.0_@chakra-ui+system@2.1.3:
+    resolution: {integrity: sha512-OHvKCQ/QUHc3ZVgKKshYkvholiDhPf7vEPZcNOi5rnaFSP4PzWd00d1i7HOXYSyv/TGDOBRzs1IcodKfG6FzgA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+    dependencies:
+      '@chakra-ui/anatomy': 2.0.1_@chakra-ui+system@2.1.3
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme-tools': 2.0.2_@chakra-ui+system@2.1.3
+      '@chakra-ui/utils': 2.0.2
+    dev: false
+
+  /@chakra-ui/toast/2.1.0_cdgnzpyqhm67cfidphy3xhoqqi:
+    resolution: {integrity: sha512-xXgwzff/gtNrq2HGGG3fuqcfRQEIObluHzHhqgS3gesf8KYut/5ZJoLdgV4RKE+NYgJIi77BFUcQDiLJttxxPA==}
+    peerDependencies:
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/alert': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/close-button': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/portal': 2.0.2_biqbaboplfbrettd7655fr4n2y
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/theme': 2.1.0_@chakra-ui+system@2.1.3
+      '@chakra-ui/transition': 2.0.2_pas2gixxmlyrpeqapn6u4ylzzq
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    transitivePeerDependencies:
+      - '@emotion/react'
+      - '@emotion/styled'
+    dev: false
+
+  /@chakra-ui/tooltip/2.0.2_qafgcfmixptan4yq35qlzbgnj4:
+    resolution: {integrity: sha512-oK6gXybFe/MmHBXbd9w3XgNChVHQ9BeLW0IAtFeDyeHn5gJg0iKul/SNmJkD73Iyv/j+BsmBMn98mbNYQkeMQA==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+      react-dom: '>=18'
+    dependencies:
+      '@chakra-ui/hooks': 2.0.2_react@18.2.0
+      '@chakra-ui/popper': 3.0.2_react@18.2.0
+      '@chakra-ui/portal': 2.0.2_biqbaboplfbrettd7655fr4n2y
+      '@chakra-ui/react-utils': 2.0.1_react@18.2.0
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      '@chakra-ui/visually-hidden': 2.0.2_smtw3k2wuexenqj33awaujbhle
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+    dev: false
+
+  /@chakra-ui/transition/2.0.2_pas2gixxmlyrpeqapn6u4ylzzq:
+    resolution: {integrity: sha512-s98gDFIGbv60WMyniVjy381NXxgS1Y/6RACR1Z1pReC5XZLY5GyMqeRYyFCAeE78qKkqon77Y8EDPQXl6X78dw==}
+    peerDependencies:
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/utils': 2.0.2
+      framer-motion: 6.3.11_biqbaboplfbrettd7655fr4n2y
+      react: 18.2.0
+    dev: false
+
+  /@chakra-ui/utils/2.0.2:
+    resolution: {integrity: sha512-9AC/ir9zm0shgFG7kdzOKUH2Wx5VB71M3uRMEsMZf75YlhhiU7AvBNtWXnJu+CBiTi41rKa5A+2ImMOsuPfGbA==}
+    dependencies:
+      '@types/lodash.mergewith': 4.6.6
+      css-box-model: 1.2.1
+      framesync: 5.3.0
+      lodash.mergewith: 4.6.2
+    dev: false
+
+  /@chakra-ui/visually-hidden/2.0.2_smtw3k2wuexenqj33awaujbhle:
+    resolution: {integrity: sha512-zYeLzaeouPbBBPDBAdRwj+jyxLJbtU6vW6r4kSQKfHoQPxJ+1A1HxRmDrj4FZJXk0CnBc4m7HF6Zuy7A5eCokg==}
+    peerDependencies:
+      '@chakra-ui/system': '>=2.0.0-next.0'
+      react: '>=18'
+    dependencies:
+      '@chakra-ui/system': 2.1.3_fdnqutfacy7v3gmlcm66flps3q
+      '@chakra-ui/utils': 2.0.2
+      react: 18.2.0
+    dev: false
+
   /@changesets/apply-release-plan/6.0.0:
     resolution: {integrity: sha512-gp6nIdVdfYdwKww2+f8whckKmvfE4JEm4jJgBhTmooi0uzHWhnxvk6JIzQi89qEAMINN0SeVNnXiAtbFY0Mj3w==}
     dependencies:
@@ -723,6 +1524,11 @@ packages:
       '@jridgewell/trace-mapping': 0.3.9
     dev: true
 
+  /@ctrl/tinycolor/3.4.1:
+    resolution: {integrity: sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw==}
+    engines: {node: '>=10'}
+    dev: false
+
   /@dabh/diagnostics/2.0.3:
     resolution: {integrity: sha512-hrlQOIi7hAfzsMqlGSFyVucrx38O+j6wiGOf//H2ecvIEqYN4ADBSS2iLMh5UFyDunCNniUIPk/q3riFv45xRA==}
     dependencies:
@@ -731,6 +1537,134 @@ packages:
       kuler: 2.0.0
     dev: false
 
+  /@emotion/babel-plugin/11.9.2:
+    resolution: {integrity: sha512-Pr/7HGH6H6yKgnVFNEj2MVlreu3ADqftqjqwUvDy/OJzKFgxKeTQ+eeUf20FOTuHVkDON2iNa25rAXVYtWJCjw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/helper-module-imports': 7.16.7
+      '@babel/plugin-syntax-jsx': 7.17.12
+      '@babel/runtime': 7.18.3
+      '@emotion/hash': 0.8.0
+      '@emotion/memoize': 0.7.5
+      '@emotion/serialize': 1.0.4
+      babel-plugin-macros: 2.8.0
+      convert-source-map: 1.8.0
+      escape-string-regexp: 4.0.0
+      find-root: 1.1.0
+      source-map: 0.5.7
+      stylis: 4.0.13
+    dev: false
+
+  /@emotion/cache/11.9.3:
+    resolution: {integrity: sha512-0dgkI/JKlCXa+lEXviaMtGBL0ynpx4osh7rjOXE71q9bIF8G+XhJgvi+wDu0B0IdCVx37BffiwXlN9I3UuzFvg==}
+    dependencies:
+      '@emotion/memoize': 0.7.5
+      '@emotion/sheet': 1.1.1
+      '@emotion/utils': 1.1.0
+      '@emotion/weak-memoize': 0.2.5
+      stylis: 4.0.13
+    dev: false
+
+  /@emotion/hash/0.8.0:
+    resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==}
+    dev: false
+
+  /@emotion/is-prop-valid/0.8.8:
+    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+    requiresBuild: true
+    dependencies:
+      '@emotion/memoize': 0.7.4
+    dev: false
+    optional: true
+
+  /@emotion/is-prop-valid/1.1.3:
+    resolution: {integrity: sha512-RFg04p6C+1uO19uG8N+vqanzKqiM9eeV1LDOG3bmkYmuOj7NbKNlFC/4EZq5gnwAIlcC/jOT24f8Td0iax2SXA==}
+    dependencies:
+      '@emotion/memoize': 0.7.5
+    dev: false
+
+  /@emotion/memoize/0.7.4:
+    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    dev: false
+    optional: true
+
+  /@emotion/memoize/0.7.5:
+    resolution: {integrity: sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==}
+    dev: false
+
+  /@emotion/react/11.9.3_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.18.3
+      '@emotion/babel-plugin': 11.9.2
+      '@emotion/cache': 11.9.3
+      '@emotion/serialize': 1.0.4
+      '@emotion/utils': 1.1.0
+      '@emotion/weak-memoize': 0.2.5
+      '@types/react': 18.0.14
+      hoist-non-react-statics: 3.3.2
+      react: 18.2.0
+    dev: false
+
+  /@emotion/serialize/1.0.4:
+    resolution: {integrity: sha512-1JHamSpH8PIfFwAMryO2bNka+y8+KA5yga5Ocf2d7ZEiJjb7xlLW7aknBGZqJLajuLOvJ+72vN+IBSwPlXD1Pg==}
+    dependencies:
+      '@emotion/hash': 0.8.0
+      '@emotion/memoize': 0.7.5
+      '@emotion/unitless': 0.7.5
+      '@emotion/utils': 1.1.0
+      csstype: 3.1.0
+    dev: false
+
+  /@emotion/sheet/1.1.1:
+    resolution: {integrity: sha512-J3YPccVRMiTZxYAY0IOq3kd+hUP8idY8Kz6B/Cyo+JuXq52Ek+zbPbSQUrVQp95aJ+lsAW7DPL1P2Z+U1jGkKA==}
+    dev: false
+
+  /@emotion/styled/11.9.3_mtgmvqaicd2yfw2b4v4o2ssbiu:
+    resolution: {integrity: sha512-o3sBNwbtoVz9v7WB1/Y/AmXl69YHmei2mrVnK7JgyBJ//Rst5yqPZCecEJlMlJrFeWHp+ki/54uN265V2pEcXA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@emotion/react': ^11.0.0-rc.0
+      '@types/react': '*'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.18.3
+      '@emotion/babel-plugin': 11.9.2
+      '@emotion/is-prop-valid': 1.1.3
+      '@emotion/react': 11.9.3_luyos4mouogwq6z3wafb3re4ce
+      '@emotion/serialize': 1.0.4
+      '@emotion/utils': 1.1.0
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
+  /@emotion/unitless/0.7.5:
+    resolution: {integrity: sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==}
+    dev: false
+
+  /@emotion/utils/1.1.0:
+    resolution: {integrity: sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ==}
+    dev: false
+
+  /@emotion/weak-memoize/0.2.5:
+    resolution: {integrity: sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==}
+    dev: false
+
   /@esbuild-kit/cjs-loader/2.0.1:
     resolution: {integrity: sha512-KmE8XouKm6m05jPIsf5CTIZZ4171GHd+PUts1mtti2tzoiD228qCRjpkCwg540c3fMUweKupO+PIpkJ9+Z7vPg==}
     dependencies:
@@ -1202,10 +2136,12 @@ packages:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
+    dev: true
 
   /@nodelib/fs.stat/2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
     engines: {node: '>= 8'}
+    dev: true
 
   /@nodelib/fs.walk/1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -1213,6 +2149,7 @@ packages:
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.13.0
+    dev: true
 
   /@nuxtjs/opencollective/0.3.2:
     resolution: {integrity: sha512-um0xL3fO7Mf4fDxcqx9KryrB7zgRM5JSlvGN5AGkP6JLM5XEKyjeAiPbNxdXVXQ16isuAhYpvP88NgL2BGd6aA==}
@@ -1274,6 +2211,10 @@ packages:
     resolution: {integrity: sha512-MSAs9t3Go7GUkMhpKC44T58DJ5KGk2vBo+h1cqQeqlMfdGkxaVB78ZWpv9gYi/g2fa4sopag9gJsNvS8XGgWJA==}
     dev: false
 
+  /@popperjs/core/2.11.5:
+    resolution: {integrity: sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==}
+    dev: false
+
   /@prisma/client/3.15.2_prisma@3.15.2:
     resolution: {integrity: sha512-ErqtwhX12ubPhU4d++30uFY/rPcyvjk+mdifaZO5SeM21zS3t4jQrscy8+6IyB0GIYshl5ldTq6JSBo1d63i8w==}
     engines: {node: '>=12.6'}
@@ -1296,14 +2237,6 @@ packages:
     resolution: {integrity: sha512-NHlojO1DFTsSi3FtEleL9QWXeSF/UjhCW0fgpi7bumnNZ4wj/eQ+BJJ5n2pgoOliTOGv9nX2qXvmHap7rJMNmg==}
     requiresBuild: true
 
-  /@tailwindcss/line-clamp/0.4.0_tailwindcss@3.1.3:
-    resolution: {integrity: sha512-HQZo6gfx1D0+DU3nWlNLD5iA6Ef4JAXh0LeD8lOGrJwEDBwwJNKQza6WoXhhY1uQrxOuU8ROxV7CqiQV4CoiLw==}
-    peerDependencies:
-      tailwindcss: '>=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1'
-    dependencies:
-      tailwindcss: 3.1.3
-    dev: true
-
   /@tsconfig/node10/1.0.8:
     resolution: {integrity: sha512-6XFfSQmMgq0CFLY1MslA/CPUfhIL919M1rMsa5lP2P097N2Wd1sSX0tx1u4olM16fLNhtHZpRhedZJphNJqmZg==}
     dev: true
@@ -1415,6 +2348,16 @@ packages:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
+  /@types/lodash.mergewith/4.6.6:
+    resolution: {integrity: sha512-RY/8IaVENjG19rxTZu9Nukqh0W2UrYgmBj5sdns4hWRZaV8PqR7wIKHFKzvOTjo4zVRV7sVI+yFhAJql12Kfqg==}
+    dependencies:
+      '@types/lodash': 4.14.182
+    dev: false
+
+  /@types/lodash/4.14.182:
+    resolution: {integrity: sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==}
+    dev: false
+
   /@types/mdast/3.0.10:
     resolution: {integrity: sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==}
     dependencies:
@@ -1451,11 +2394,9 @@ packages:
 
   /@types/parse-json/4.0.0:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
-    dev: true
 
   /@types/prop-types/15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
-    dev: true
 
   /@types/qs/6.9.7:
     resolution: {integrity: sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==}
@@ -1492,7 +2433,6 @@ packages:
       '@types/prop-types': 15.7.5
       '@types/scheduler': 0.16.2
       csstype: 3.1.0
-    dev: true
 
   /@types/redis/2.8.32:
     resolution: {integrity: sha512-7jkMKxcGq9p242exlbsVzuJb57KqHRhNl4dHoQu2Y5v9bCAbtIXXH0R3HleSQW4CTOqpHIYUW3t6tpUj4BVQ+w==}
@@ -1502,7 +2442,6 @@ packages:
 
   /@types/scheduler/0.16.2:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
-    dev: true
 
   /@types/semver/6.2.3:
     resolution: {integrity: sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A==}
@@ -1785,6 +2724,10 @@ packages:
     resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
     dev: true
 
+  /@zag-js/focus-visible/0.1.0:
+    resolution: {integrity: sha512-PeaBcTmdZWcFf7n1aM+oiOdZc+sy14qi0emPIeUuGMTjbP0xLGrZu43kdpHnWSXy7/r4Ubp/vlg50MCV8+9Isg==}
+    dev: false
+
   /JSONStream/1.3.5:
     resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
     hasBin: true
@@ -1813,27 +2756,11 @@ packages:
       acorn: 8.7.1
     dev: true
 
-  /acorn-node/1.8.2:
-    resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
-    dependencies:
-      acorn: 7.4.1
-      acorn-walk: 7.2.0
-      xtend: 4.0.2
-
-  /acorn-walk/7.2.0:
-    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
-    engines: {node: '>=0.4.0'}
-
   /acorn-walk/8.2.0:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /acorn/7.4.1:
-    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
   /acorn/8.7.1:
     resolution: {integrity: sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==}
     engines: {node: '>=0.4.0'}
@@ -1938,7 +2865,6 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       color-convert: 1.9.3
-    dev: true
 
   /ansi-styles/4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
@@ -1961,6 +2887,7 @@ packages:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
+    dev: true
 
   /append-field/1.0.0:
     resolution: {integrity: sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==}
@@ -1974,9 +2901,6 @@ packages:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
     dev: true
 
-  /arg/5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-
   /argparse/1.0.10:
     resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
     dependencies:
@@ -1987,6 +2911,13 @@ packages:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
     dev: true
 
+  /aria-hidden/1.1.3:
+    resolution: {integrity: sha512-RhVWFtKH5BiGMycI72q2RAFMLQi8JP9bLuQXgR5a8Znp7P5KOIADSJeyfI8PCVxLEp067B2HbP5JIiI/PXIZeA==}
+    engines: {node: '>=8.5.0'}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
   /array-ify/1.0.0:
     resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
     dev: true
@@ -2064,6 +2995,7 @@ packages:
       picocolors: 1.0.0
       postcss: 8.4.14
       postcss-value-parser: 4.2.0
+    dev: true
 
   /avvio/7.2.5:
     resolution: {integrity: sha512-AOhBxyLVdpOad3TujtC9kL/9r3HnTkxwQ5ggOsYrvvZP1cCFvzHWJd5XxZDFuTn+IN8vkKSG5SEJrd27vCSbeA==}
@@ -2085,6 +3017,14 @@ packages:
       - debug
     dev: false
 
+  /babel-plugin-macros/2.8.0:
+    resolution: {integrity: sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==}
+    dependencies:
+      '@babel/runtime': 7.18.3
+      cosmiconfig: 6.0.0
+      resolve: 1.22.1
+    dev: false
+
   /babel-plugin-superjson-next/0.4.3_kw7aodikhhoiwrxuposmqv3po4:
     resolution: {integrity: sha512-wfPsTPnEn1YaEkmaoomN4Z/Hm6nWVWFkASdetP/Ju2aPz/8XguAJwuThZIBH9dMTtXnyGXnbJufPQ0wRha0QcA==}
     engines: {node: '>=10'}
@@ -2116,6 +3056,7 @@ packages:
   /binary-extensions/2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
+    dev: true
 
   /bl/4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
@@ -2140,6 +3081,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
+    dev: true
 
   /breakword/1.0.5:
     resolution: {integrity: sha512-ex5W9DoOQ/LUEU3PMdLs9ua/CYZl1678NUkKOdUSi8Aw5F1idieaiRURCBFJCwVcrD1J8Iy3vfWSloaMwO2qFg==}
@@ -2157,6 +3099,7 @@ packages:
       escalade: 3.1.1
       node-releases: 2.0.5
       picocolors: 1.0.0
+    dev: true
 
   /buffer-from/1.1.2:
     resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
@@ -2226,11 +3169,6 @@ packages:
   /callsites/3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
-    dev: true
-
-  /camelcase-css/2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
 
   /camelcase-keys/6.2.2:
     resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
@@ -2256,7 +3194,6 @@ packages:
       ansi-styles: 3.2.1
       escape-string-regexp: 1.0.5
       supports-color: 5.5.0
-    dev: true
 
   /chalk/3.0.0:
     resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
@@ -2302,6 +3239,7 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.2
+    dev: true
 
   /chrome-trace-event/1.0.3:
     resolution: {integrity: sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==}
@@ -2442,7 +3380,7 @@ packages:
       color-name: 1.1.4
 
   /color-name/1.1.3:
-    resolution: {integrity: sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=}
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
 
   /color-name/1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
@@ -2461,14 +3399,6 @@ packages:
       color-string: 1.9.1
     dev: false
 
-  /color/4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
-    dependencies:
-      color-convert: 2.0.1
-      color-string: 1.9.1
-    dev: false
-
   /colorette/2.0.19:
     resolution: {integrity: sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==}
     dev: true
@@ -2532,6 +3462,10 @@ packages:
       dot-prop: 5.3.0
     dev: true
 
+  /compute-scroll-into-view/1.0.14:
+    resolution: {integrity: sha512-mKDjINe3tc6hGelUMNDzuhorIUZ7kS7BwyY0r2wQd2HOH2tRuJykiC06iSEX8y1TuhNzvz4GcJnK16mM2J1NMQ==}
+    dev: false
+
   /concat-map/0.0.1:
     resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
 
@@ -2574,6 +3508,12 @@ packages:
       through2: 4.0.2
     dev: true
 
+  /convert-source-map/1.8.0:
+    resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: false
+
   /cookie/0.4.2:
     resolution: {integrity: sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==}
     engines: {node: '>= 0.6'}
@@ -2613,6 +3553,17 @@ packages:
       - '@swc/wasm'
     dev: true
 
+  /cosmiconfig/6.0.0:
+    resolution: {integrity: sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/parse-json': 4.0.0
+      import-fresh: 3.3.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      yaml: 1.10.2
+    dev: false
+
   /cosmiconfig/7.0.1:
     resolution: {integrity: sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==}
     engines: {node: '>=10'}
@@ -2660,6 +3611,12 @@ packages:
       which: 2.0.2
     dev: true
 
+  /css-box-model/1.2.1:
+    resolution: {integrity: sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==}
+    dependencies:
+      tiny-invariant: 1.2.0
+    dev: false
+
   /css-in-js-utils/2.0.1:
     resolution: {integrity: sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==}
     dependencies:
@@ -2667,13 +3624,6 @@ packages:
       isobject: 3.0.1
     dev: false
 
-  /css-selector-tokenizer/0.8.0:
-    resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}
-    dependencies:
-      cssesc: 3.0.0
-      fastparse: 1.1.2
-    dev: false
-
   /css-tree/1.1.3:
     resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
     engines: {node: '>=8.0.0'}
@@ -2686,6 +3636,7 @@ packages:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
     hasBin: true
+    dev: true
 
   /csstype/3.1.0:
     resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==}
@@ -2753,22 +3704,6 @@ packages:
       type: 1.2.0
     dev: false
 
-  /daisyui/2.15.4_ugi4xkrfysqkt4c4y6hkyfj344:
-    resolution: {integrity: sha512-bHO/ETG+N6i722jO6xup6AYh0KgigirOYIfY35lJzVDd85h6CXEWj//DhcF2HFVCF2N/zdh+lhK/mPc95v7Sig==}
-    peerDependencies:
-      autoprefixer: ^10.0.2
-      postcss: ^8.1.6
-    dependencies:
-      autoprefixer: 10.4.7_postcss@8.4.14
-      color: 4.2.3
-      css-selector-tokenizer: 0.8.0
-      postcss: 8.4.14
-      postcss-js: 4.0.0_postcss@8.4.14
-      tailwindcss: 3.1.3
-    transitivePeerDependencies:
-      - ts-node
-    dev: false
-
   /dargs/7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
     engines: {node: '>=8'}
@@ -2854,9 +3789,6 @@ packages:
       object-keys: 1.1.1
     dev: true
 
-  /defined/1.0.0:
-    resolution: {integrity: sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==}
-
   /delayed-stream/1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
@@ -2882,17 +3814,9 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /detective/5.2.1:
-    resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
-    engines: {node: '>=0.8.0'}
-    hasBin: true
-    dependencies:
-      acorn-node: 1.8.2
-      defined: 1.0.0
-      minimist: 1.2.6
-
-  /didyoumean/1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+  /detect-node-es/1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+    dev: false
 
   /diff/4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
@@ -2906,9 +3830,6 @@ packages:
       path-type: 4.0.0
     dev: true
 
-  /dlv/1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-
   /doctrine/2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -2977,6 +3898,7 @@ packages:
 
   /electron-to-chromium/1.4.138:
     resolution: {integrity: sha512-IOyp2Seq3w4QLln+yZWcMF3VXhhduz4bwg9gfI+CnP5TkzwNXQ8FCZuwwPsnes73AfWdf5J2n2OXdUwDUspDPQ==}
+    dev: true
 
   /emoji-regex/8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3023,7 +3945,6 @@ packages:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
       is-arrayish: 0.2.1
-    dev: true
 
   /error-stack-parser/2.1.4:
     resolution: {integrity: sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==}
@@ -3536,16 +4457,15 @@ packages:
   /escalade/3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
+    dev: true
 
   /escape-string-regexp/1.0.5:
-    resolution: {integrity: sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=}
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
-    dev: true
 
   /escape-string-regexp/4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
-    dev: true
 
   /eslint-config-standard/17.0.0-1_73zqogbxxwb3ijehtqwxiag47y:
     resolution: {integrity: sha512-aqRG58dqoBNfOLN+PsitasxmW+W9Os4oQrx081B16T4E4WogsSbpUL6hnKSnyv35sSRYA2XjBtKMOrUboL6jgw==}
@@ -4025,6 +4945,7 @@ packages:
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.5
+    dev: true
 
   /fast-json-stable-stringify/2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
@@ -4157,10 +5078,6 @@ packages:
       - supports-color
     dev: false
 
-  /fastparse/1.1.2:
-    resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==}
-    dev: false
-
   /fastq/1.13.0:
     resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
     dependencies:
@@ -4196,6 +5113,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
+    dev: true
 
   /find-my-way/4.5.1:
     resolution: {integrity: sha512-kE0u7sGoUFbMXcOG/xpkmz4sRLCklERnBcg7Ftuu1iAxsfEt2S46RLJ3Sq7vshsEy2wJT2hZxE58XZK27qa8kg==}
@@ -4216,7 +5134,6 @@ packages:
 
   /find-root/1.1.0:
     resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
-    dev: true
 
   /find-up/2.1.0:
     resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
@@ -4278,6 +5195,13 @@ packages:
     resolution: {integrity: sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw==}
     dev: false
 
+  /focus-lock/0.11.2:
+    resolution: {integrity: sha512-pZ2bO++NWLHhiKkgP1bEXHhR1/OjVcSvlCJ98aNJDFeb7H5OOQaO+SKOZle6041O9rv2tmbrO4JzClAvDUHf0g==}
+    engines: {node: '>=10'}
+    dependencies:
+      tslib: 2.4.0
+    dev: false
+
   /follow-redirects/1.15.1:
     resolution: {integrity: sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==}
     engines: {node: '>=4.0'}
@@ -4330,6 +5254,36 @@ packages:
 
   /fraction.js/4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
+    dev: true
+
+  /framer-motion/6.3.11_biqbaboplfbrettd7655fr4n2y:
+    resolution: {integrity: sha512-xQLk+ZSklNs5QNCUmdWPpKMOuWiB8ZETsvcIOWw8xvri9K3TamuifgCI/B6XpaEDR0/V2ZQF2Wm+gUAZrXo+rw==}
+    peerDependencies:
+      react: '>=16.8 || ^17.0.0 || ^18.0.0'
+      react-dom: '>=16.8 || ^17.0.0 || ^18.0.0'
+    dependencies:
+      framesync: 6.0.1
+      hey-listen: 1.0.8
+      popmotion: 11.0.3
+      react: 18.2.0
+      react-dom: 18.2.0_react@18.2.0
+      style-value-types: 5.0.0
+      tslib: 2.4.0
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.8.8
+    dev: false
+
+  /framesync/5.3.0:
+    resolution: {integrity: sha512-oc5m68HDO/tuK2blj7ZcdEBRx3p1PjrgHazL8GYEpvULhrtGIFbQArN6cQS2QhW8mitffaB+VYzMjDqBxxQeoA==}
+    dependencies:
+      tslib: 2.4.0
+    dev: false
+
+  /framesync/6.0.1:
+    resolution: {integrity: sha512-fUY88kXvGiIItgNC7wcTOl0SNRCVXMKSWW2Yzfmn7EKNc+MpCzcz9DhdHcdjbrtN3c6R4H5dTY2jiCpPdysEjA==}
+    dependencies:
+      tslib: 2.4.0
+    dev: false
 
   /fs-extra/10.1.0:
     resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
@@ -4370,6 +5324,7 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /function-bind/1.1.1:
@@ -4406,6 +5361,11 @@ packages:
       has-symbols: 1.0.3
     dev: true
 
+  /get-nonce/1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+    dev: false
+
   /get-port/5.1.1:
     resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
     engines: {node: '>=8'}
@@ -4452,12 +5412,14 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
   /glob-parent/6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
   /glob-to-regexp/0.4.1:
     resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
@@ -4559,9 +5521,8 @@ packages:
     dev: true
 
   /has-flag/3.0.0:
-    resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=}
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
-    dev: true
 
   /has-flag/4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
@@ -4596,6 +5557,10 @@ packages:
     engines: {node: '>=8'}
     dev: false
 
+  /hey-listen/1.0.8:
+    resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
+    dev: false
+
   /highcharts-react-official/3.1.0_527hi7t2mtle6zzax5ypcsor3a:
     resolution: {integrity: sha512-CkWJHrVMOc6CT8KFu1dR+a0w5OxCVKKgZUNWtEi5TmR0xqBDIDe+RyM652MAN/jBYppxMo6TCUVlRObCyWAn0Q==}
     peerDependencies:
@@ -4614,7 +5579,6 @@ packages:
     resolution: {integrity: sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==}
     dependencies:
       react-is: 16.13.1
-    dev: true
 
   /homedir-polyfill/1.0.3:
     resolution: {integrity: sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==}
@@ -4694,7 +5658,6 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: true
 
   /imurmurhash/0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
@@ -4797,6 +5760,12 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
+  /invariant/2.2.4:
+    resolution: {integrity: sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==}
+    dependencies:
+      loose-envify: 1.4.0
+    dev: false
+
   /ioredis/4.28.5:
     resolution: {integrity: sha512-3GYo0GJtLqgNXj4YhrisLaNNvWSNwSS2wS4OELGfGxH8I69+XfNdnmV1AyN+ZqMh0i7eX+SWjrwFKDBDgfBC1A==}
     engines: {node: '>=6'}
@@ -4833,8 +5802,7 @@ packages:
     dev: true
 
   /is-arrayish/0.2.1:
-    resolution: {integrity: sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=}
-    dev: true
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
   /is-arrayish/0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
@@ -4851,6 +5819,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
+    dev: true
 
   /is-boolean-object/1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
@@ -4898,6 +5867,7 @@ packages:
   /is-extglob/2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /is-fullwidth-code-point/2.0.0:
     resolution: {integrity: sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=}
@@ -4919,6 +5889,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
+    dev: true
 
   /is-hexadecimal/1.0.4:
     resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
@@ -4944,6 +5915,7 @@ packages:
   /is-number/7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
+    dev: true
 
   /is-obj/2.0.0:
     resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
@@ -5128,7 +6100,6 @@ packages:
 
   /json-parse-even-better-errors/2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: true
 
   /json-schema-traverse/0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
@@ -5235,10 +6206,10 @@ packages:
   /lilconfig/2.0.5:
     resolution: {integrity: sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==}
     engines: {node: '>=10'}
+    dev: true
 
   /lines-and-columns/1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
 
   /lint-staged/13.0.2:
     resolution: {integrity: sha512-qQLfLTh9z34eMzfEHENC+QBskZfxjomrf+snF3xJ4BzilORbD989NLqQ00ughsF/A+PT41e87+WsMFabf9++pQ==}
@@ -5344,6 +6315,10 @@ packages:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
     dev: true
 
+  /lodash.mergewith/4.6.2:
+    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+    dev: false
+
   /lodash.sortby/4.7.0:
     resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
 
@@ -5531,6 +6506,7 @@ packages:
   /merge2/1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
+    dev: true
 
   /micromark/2.11.4:
     resolution: {integrity: sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==}
@@ -5547,6 +6523,7 @@ packages:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
+    dev: true
 
   /middie/6.1.0:
     resolution: {integrity: sha512-akpWXv9QFJ3mXq26kiej7nI4EiID1zEVLq5dxRbrkESMUNNOdTFJjt7Uk9mkcR7D9oR+6km3l3Oah9uQof+Uig==}
@@ -5607,6 +6584,7 @@ packages:
 
   /minimist/1.2.6:
     resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
+    dev: true
 
   /mixme/0.5.4:
     resolution: {integrity: sha512-3KYa4m4Vlqx98GPdOHghxSdNtTvcP8E0kkaJ5Dlh+h2DRzF7zpuVVcA8B0QpKd11YJeP9QQ7ASkKzOeu195Wzw==}
@@ -5804,6 +6782,7 @@ packages:
 
   /node-releases/2.0.5:
     resolution: {integrity: sha512-U9h1NLROZTq9uE1SNffn6WuPDg8icmi3ns4rEl/oTfIle4iLjTliCzgTsbaIFMq/Xn078/lfY/BL0GWZ+psK4Q==}
+    dev: true
 
   /normalize-package-data/2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
@@ -5827,10 +6806,12 @@ packages:
   /normalize-path/3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /normalize-range/0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /npm-run-path/4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
@@ -5859,7 +6840,6 @@ packages:
   /object-assign/4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /object-hash/2.2.0:
     resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
@@ -5869,6 +6849,7 @@ packages:
   /object-hash/3.0.0:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
+    dev: false
 
   /object-inspect/1.12.2:
     resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
@@ -6108,7 +7089,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
-    dev: true
 
   /parse-entities/2.0.0:
     resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
@@ -6129,7 +7109,6 @@ packages:
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
-    dev: true
 
   /parse-passwd/1.0.0:
     resolution: {integrity: sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=}
@@ -6174,7 +7153,6 @@ packages:
   /path-type/4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
-    dev: true
 
   /picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
@@ -6182,6 +7160,7 @@ packages:
   /picomatch/2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
+    dev: true
 
   /pidtree/0.6.0:
     resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
@@ -6189,10 +7168,6 @@ packages:
     hasBin: true
     dev: true
 
-  /pify/2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-
   /pify/4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
@@ -6232,25 +7207,14 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /postcss-import/14.1.0_postcss@8.4.14:
-    resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-    dependencies:
-      postcss: 8.4.14
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.1
-
-  /postcss-js/4.0.0_postcss@8.4.14:
-    resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.3.3
+  /popmotion/11.0.3:
+    resolution: {integrity: sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==}
     dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.14
+      framesync: 6.0.1
+      hey-listen: 1.0.8
+      style-value-types: 5.0.0
+      tslib: 2.4.0
+    dev: false
 
   /postcss-load-config/3.1.4:
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
@@ -6268,40 +7232,17 @@ packages:
       yaml: 1.10.2
     dev: true
 
-  /postcss-load-config/3.1.4_postcss@8.4.14:
-    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
-    engines: {node: '>= 10'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-    dependencies:
-      lilconfig: 2.0.5
-      postcss: 8.4.14
-      yaml: 1.10.2
-
-  /postcss-nested/5.0.6_postcss@8.4.14:
-    resolution: {integrity: sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-    dependencies:
-      postcss: 8.4.14
-      postcss-selector-parser: 6.0.10
-
   /postcss-selector-parser/6.0.10:
     resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
     engines: {node: '>=4'}
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
+    dev: true
 
   /postcss-value-parser/4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
 
   /postcss/8.4.14:
     resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
@@ -6310,6 +7251,7 @@ packages:
       nanoid: 3.3.4
       picocolors: 1.0.0
       source-map-js: 1.0.2
+    dev: true
 
   /postcss/8.4.5:
     resolution: {integrity: sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==}
@@ -6375,7 +7317,6 @@ packages:
       loose-envify: 1.4.0
       object-assign: 4.1.1
       react-is: 16.13.1
-    dev: true
 
   /proxy-addr/2.0.7:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
@@ -6417,10 +7358,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /quick-lru/5.1.1:
-    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
-    engines: {node: '>=10'}
-
   /ramda/0.28.0:
     resolution: {integrity: sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==}
     dev: false
@@ -6431,6 +7368,15 @@ packages:
       safe-buffer: 5.2.1
     dev: true
 
+  /react-clientside-effect/1.2.6_react@18.2.0:
+    resolution: {integrity: sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==}
+    peerDependencies:
+      react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      '@babel/runtime': 7.18.3
+      react: 18.2.0
+    dev: false
+
   /react-dom/18.2.0_react@18.2.0:
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
@@ -6440,6 +7386,29 @@ packages:
       react: 18.2.0
       scheduler: 0.23.0
 
+  /react-fast-compare/3.2.0:
+    resolution: {integrity: sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==}
+    dev: false
+
+  /react-focus-lock/2.9.1_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-pSWOQrUmiKLkffPO6BpMXN7SNKXMsuOakl652IBuALAu1esk+IcpJyM+ALcYzPTTFz1rD0R54aB9A4HuP5t1Wg==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.18.3
+      '@types/react': 18.0.14
+      focus-lock: 0.11.2
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-clientside-effect: 1.2.6_react@18.2.0
+      use-callback-ref: 1.3.0_luyos4mouogwq6z3wafb3re4ce
+      use-sidecar: 1.1.2_luyos4mouogwq6z3wafb3re4ce
+    dev: false
+
   /react-hook-form/7.32.2_react@18.2.0:
     resolution: {integrity: sha512-F1A6n762xaRhvtQH5SkQQhMr19cCkHZYesTcKJJeNmrphiZp/cYFTIzC05FnQry0SspM54oPJ9tXFXlzya8VNQ==}
     engines: {node: '>=12.22.0'}
@@ -6458,7 +7427,58 @@ packages:
 
   /react-is/16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-    dev: true
+
+  /react-remove-scroll-bar/2.3.3_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-i9GMNWwpz8XpUpQ6QlevUtFjHGqnPG4Hxs+wlIJntu/xcsZVEpJcIV71K3ZkqNy2q3GfgvkD7y6t/Sv8ofYSbw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+      react-style-singleton: 2.2.1_luyos4mouogwq6z3wafb3re4ce
+      tslib: 2.4.0
+    dev: false
+
+  /react-remove-scroll/2.5.4_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-xGVKJJr0SJGQVirVFAUZ2k1QLyO6m+2fy0l8Qawbp5Jgrv3DeLalrfMNBFSlmz5kriGGzsVBtGVnf4pTKIhhWA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+      react-remove-scroll-bar: 2.3.3_luyos4mouogwq6z3wafb3re4ce
+      react-style-singleton: 2.2.1_luyos4mouogwq6z3wafb3re4ce
+      tslib: 2.4.0
+      use-callback-ref: 1.3.0_luyos4mouogwq6z3wafb3re4ce
+      use-sidecar: 1.1.2_luyos4mouogwq6z3wafb3re4ce
+    dev: false
+
+  /react-style-singleton/2.2.1_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      get-nonce: 1.0.1
+      invariant: 2.2.4
+      react: 18.2.0
+      tslib: 2.4.0
+    dev: false
 
   /react-universal-interface/0.6.2_react@18.2.0+tslib@2.4.0:
     resolution: {integrity: sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==}
@@ -6500,11 +7520,6 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
-  /read-cache/1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-    dependencies:
-      pify: 2.3.0
-
   /read-pkg-up/7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
     engines: {node: '>=8'}
@@ -6547,6 +7562,7 @@ packages:
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
+    dev: true
 
   /rechoir/0.6.2:
     resolution: {integrity: sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=}
@@ -6633,7 +7649,6 @@ packages:
   /resolve-from/4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
-    dev: true
 
   /resolve-from/5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
@@ -6728,6 +7743,7 @@ packages:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
+    dev: true
 
   /rxjs/6.6.7:
     resolution: {integrity: sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==}
@@ -6741,6 +7757,10 @@ packages:
     dependencies:
       tslib: 2.4.0
 
+  /safe-buffer/5.1.2:
+    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
+    dev: false
+
   /safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
@@ -6956,6 +7976,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
+  /source-map/0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /source-map/0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
@@ -7191,6 +8216,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /style-value-types/5.0.0:
+    resolution: {integrity: sha512-08yq36Ikn4kx4YU6RD7jWEv27v4V+PUsOGa4n/as8Et3CuODMJQ00ENeAVXAeydX4Z2j1XHZF1K2sX4mGl18fA==}
+    dependencies:
+      hey-listen: 1.0.8
+      tslib: 2.4.0
+    dev: false
+
   /styled-jsx/5.0.2_react@18.2.0:
     resolution: {integrity: sha512-LqPQrbBh3egD57NBcHET4qcgshPks+yblyhPlH2GY8oaDgKs8SK4C3dBh3oSJjgzJ3G5t1SYEZGHkP+QEpX9EQ==}
     engines: {node: '>= 12.0.0'}
@@ -7206,6 +8238,10 @@ packages:
     dependencies:
       react: 18.2.0
 
+  /stylis/4.0.13:
+    resolution: {integrity: sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==}
+    dev: false
+
   /stylis/4.1.1:
     resolution: {integrity: sha512-lVrM/bNdhVX2OgBFNa2YJ9Lxj7kPzylieHd3TNjuGE0Re9JB7joL5VUKOVH1kdNNJTgGPpT8hmwIAPLaSyEVFQ==}
     dev: false
@@ -7235,7 +8271,6 @@ packages:
     engines: {node: '>=4'}
     dependencies:
       has-flag: 3.0.0
-    dev: true
 
   /supports-color/7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -7267,36 +8302,6 @@ packages:
     engines: {node: '>=0.10'}
     dev: true
 
-  /tailwindcss/3.1.3:
-    resolution: {integrity: sha512-PRJNYdSIthrb8hjmAyymEyEN8Yo61TMXpzyFUpxULeeyRn3Y3gpvuw6FlRTKrJvK7thSGKRnhT36VovVx4WeMA==}
-    engines: {node: '>=12.13.0'}
-    hasBin: true
-    dependencies:
-      arg: 5.0.2
-      chokidar: 3.5.3
-      color-name: 1.1.4
-      detective: 5.2.1
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.2.11
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      lilconfig: 2.0.5
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.0.0
-      postcss: 8.4.14
-      postcss-import: 14.1.0_postcss@8.4.14
-      postcss-js: 4.0.0_postcss@8.4.14
-      postcss-load-config: 3.1.4_postcss@8.4.14
-      postcss-nested: 5.0.6_postcss@8.4.14
-      postcss-selector-parser: 6.0.10
-      postcss-value-parser: 4.2.0
-      quick-lru: 5.1.1
-      resolve: 1.22.1
-    transitivePeerDependencies:
-      - ts-node
-
   /tapable/2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -7378,7 +8383,7 @@ packages:
     dev: false
 
   /through/2.3.8:
-    resolution: {integrity: sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=}
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
 
   /through2/4.0.2:
@@ -7394,6 +8399,10 @@ packages:
       next-tick: 1.1.0
     dev: false
 
+  /tiny-invariant/1.2.0:
+    resolution: {integrity: sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==}
+    dev: false
+
   /tiny-lru/8.0.2:
     resolution: {integrity: sha512-ApGvZ6vVvTNdsmt676grvCkUCGwzG9IqXma5Z07xJgiC5L7akUMof5U8G2JTI9Rz/ovtVhJBlY6mNhEvtjzOIg==}
     engines: {node: '>=6'}
@@ -7409,13 +8418,13 @@ packages:
   /to-fast-properties/2.0.0:
     resolution: {integrity: sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=}
     engines: {node: '>=4'}
-    dev: true
 
   /to-regex-range/5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
+    dev: true
 
   /toggle-selection/1.0.6:
     resolution: {integrity: sha1-bkWxJj8gF/oKzH2J14sVuL932jI=}
@@ -7548,7 +8557,6 @@ packages:
 
   /tslib/1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
 
   /tslib/2.3.1:
     resolution: {integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==}
@@ -7731,6 +8739,37 @@ packages:
     dependencies:
       punycode: 2.1.1
 
+  /use-callback-ref/1.3.0_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+      tslib: 2.4.0
+    dev: false
+
+  /use-sidecar/1.1.2_luyos4mouogwq6z3wafb3re4ce:
+    resolution: {integrity: sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': ^16.9.0 || ^17.0.0 || ^18.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      detect-node-es: 1.1.0
+      react: 18.2.0
+      tslib: 2.4.0
+    dev: false
+
   /use-sync-external-store/1.1.0_react@18.2.0:
     resolution: {integrity: sha512-SEnieB2FPKEVne66NpXPd1Np4R1lTNKfjuy3XdIoPQKYBAFdzbzSZlSn1KJZUiihQLQC5Znot4SBz1EOTBwQAQ==}
     peerDependencies:
@@ -7968,11 +9007,12 @@ packages:
     dev: true
 
   /wrappy/1.0.2:
-    resolution: {integrity: sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=}
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
+    dev: false
 
   /y18n/4.0.3:
     resolution: {integrity: sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==}