diff --git a/components/Button.tsx b/components/Button.tsx
index 39318fe..95431ad 100644
--- a/components/Button.tsx
+++ b/components/Button.tsx
@@ -10,7 +10,7 @@ export function Button({ name, ...props }: ButtonProps) {
     <button
       {...props}
       className={twMerge(
-        "inline-flex items-center rounded-md justify-center border border-transparent bg-amber-600 px-3 py-2 text-sm font-medium leading-4 text-white shadow-sm hover:bg-amber-700 focus:outline-none focus:ring-2 focus:ring-amber-500 focus:ring-offset-2",
+        "inline-flex items-center rounded-md justify-center border border-transparent rounded-[50px] bg-gradient-to-tr from-sanahPurple to-sanahBlue px-3 py-2 text-sm font-medium text-white",
         props.className
       )}
     >
diff --git a/components/Dialog.tsx b/components/Dialog.tsx
index 35deaf8..18346d8 100644
--- a/components/Dialog.tsx
+++ b/components/Dialog.tsx
@@ -16,7 +16,7 @@ export function Dialog({ button, children, description, title }: DialogProps) {
             </RadDialog.Trigger>
             <RadDialog.Portal>
             <RadDialog.Overlay className='DialogOverlay backdrop-blur fixed inset-0' />
-            <RadDialog.Content className='DialogContent absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-zinc-800 py-5 pl-5 pr-8 text-white rounded-md drop-shadow-xl'>
+            <RadDialog.Content className='DialogContent fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-[#111329] py-5 pl-5 pr-8 text-white rounded-md drop-shadow-xl'>
                 <div className='mb-8'>
                     <RadDialog.Title className='font-bold text-xl'>{title}</RadDialog.Title>
                     <RadDialog.Description className="text-gray-300">
diff --git a/components/Input.tsx b/components/Input.tsx
index de28f13..539776f 100644
--- a/components/Input.tsx
+++ b/components/Input.tsx
@@ -10,10 +10,10 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {
   const { name, label, className } = props;
   return (
-    <fieldset className="border-gray-500 relative rounded-md border px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-gray-200">
+    <fieldset className="border-none bg-white/20 rounded-[50px] relative rounded-md border px-3 py-2 shadow-sm">
       <label
         htmlFor={name}
-        className="absolute -top-2 left-2 -mt-px inline-block bg-zinc-800 px-1 text-xs font-medium text-white"
+        className="absolute -top-2 left-2 -mt-px inline-block bg-transparent px-1 text-xs font-medium text-white"
       >
         {label}
       </label>
@@ -22,7 +22,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {
         ref={ref}
         name={name}
         className={twMerge(
-          "block w-full border-0 outline-0 p-0 text-white bg-inherit placeholder-gray-500 focus:ring-0 sm:text-sm",
+          "block w-full border-0 outline-0 p-0 text-white bg-transparent focus:ring-0 sm:text-sm",
           className
         )}
       />
diff --git a/components/TextArea.tsx b/components/TextArea.tsx
index e75158c..fcf990a 100644
--- a/components/TextArea.tsx
+++ b/components/TextArea.tsx
@@ -11,10 +11,10 @@ interface TextAreaProps
 const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => {
   const { name, label, className } = props;
   return (
-    <fieldset className="border-gray-500 relative rounded-md border px-2 shadow-sm focus-within:ring-1 focus-within:ring-gray-200">
+    <fieldset className="border-none bg-white/20 relative rounded-md border px-2 shadow-sm focus-within:ring-">
       <label
         htmlFor={name}
-        className="absolute -top-2 left-2 -mt-px inline-block bg-zinc-800 px-1 text-xs font-medium text-white"
+        className="absolute -top-2 left-2 -mt-px inline-block  px-1 text-xs font-medium text-white"
       >
         {label}
       </label>
@@ -23,7 +23,7 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) =>
         ref={ref}
         name={name}
         className={twMerge(
-          "block w-full border-0 outline-0 p-0 text-white bg-inherit placeholder-gray-500 focus:ring-0 sm:text-sm",
+          "block w-full border-0 outline-0 p-0 text-white bg-transparent focus:ring-0 sm:text-sm",
           className
         )}
       />
diff --git a/features/auth/AuthForm.tsx b/features/auth/AuthForm.tsx
index 37f747d..3c2744c 100644
--- a/features/auth/AuthForm.tsx
+++ b/features/auth/AuthForm.tsx
@@ -8,7 +8,18 @@ export function AuthForm() {
     const supabaseClient = useSupabaseClient<Database>()
 
     return (
-        <div className='w-96 px-3 border-solid border-[#3fcf8e] border-2 rounded-lg drop-shadow-lg'>
+        <div 
+        className='w-96 
+        px-3 
+        border-solid 
+        bg-[#111329]/90 
+        rounded-lg 
+        fixed 
+        right-0 
+        top-[60px]
+        
+        max-[600px]:w-72
+        max-[600px]:right-[20px]'>
             <h1 className='text-center mt-4 text-xl'>{t('loginForm.title')}</h1>
             <Auth 
                 view='magic_link'
@@ -33,7 +44,9 @@ export function AuthForm() {
                     variables: {
                         default: {
                             colors: {
-                                inputText: 'white'
+                                inputText: 'white',
+                                brand: '#26269b',
+                                brandAccent: '#26269b'
                             }
                         }
                     }
diff --git a/features/landing-page/Footer.tsx b/features/landing-page/Footer.tsx
new file mode 100644
index 0000000..7ffa495
--- /dev/null
+++ b/features/landing-page/Footer.tsx
@@ -0,0 +1,70 @@
+import GitHubIcon from '@mui/icons-material/GitHub';
+import { SupportForm } from 'features/support-form/components/SupportForm';
+import { useTranslation } from "next-i18next";
+
+export const Footer = () => {
+
+    const { t } = useTranslation("common");
+
+    return (
+        <footer 
+        className="w-full 
+        max-w-[1200px]
+        h-64 
+        mt-24 
+        pt-5 
+        flex 
+        justify-between 
+        border-t-[0.5px] 
+        border-white/40 
+        font-sans
+        flex-wrap
+        relative
+        
+        max-md:flex-col
+        max-md:items-center
+        max-md:justify-even
+        max-md:h-[300px]">
+            <p 
+            className="text-2xl 
+            cursor-pointer 
+            font-bold">{t('projectName')}</p>
+            <ul 
+            className="list-none 
+            text-center 
+            flex 
+            flex-col 
+            gap-5
+            
+            max-md:gap-0">
+                <li 
+                className="text-xl 
+                cursor-pointer 
+                font-regular">{t('team')}</li>
+                <li 
+                className="cursor-pointer 
+                font-thin">{t('footer.aboutUs')}</li>
+            </ul>
+            <SupportForm />
+            <ul 
+            className="absolute 
+            bottom-0
+            
+            max-md:flex
+            max-md:flex-col
+            max-md:items-center
+            max-md:relative">
+                <li className='text-4xl'><GitHubIcon 
+                className="text-4xl
+                duration-300  
+                cursor-pointer 
+                hover:drop-shadow-[0_0_10px_rgba(116,18,240,.8)]" fontSize='inherit'/></li>
+                <li 
+                className='text-base 
+                text-white/40 
+                cursor-default'>{t('footer.createdBy')}</li>
+            </ul>
+
+        </footer>
+    )
+}
\ No newline at end of file
diff --git a/features/landing-page/Main.tsx b/features/landing-page/Main.tsx
new file mode 100644
index 0000000..fbe426f
--- /dev/null
+++ b/features/landing-page/Main.tsx
@@ -0,0 +1,405 @@
+import GppGoodIcon from '@mui/icons-material/GppGood';
+import PeopleAltIcon from '@mui/icons-material/PeopleAlt';
+import GppMaybeIcon from '@mui/icons-material/GppMaybe';
+import PasswordIcon from '@mui/icons-material/Password';
+import CodeIcon from '@mui/icons-material/Code';
+import { useTranslation } from "next-i18next";
+
+export const Main = () => {
+    const { t } = useTranslation("common");
+
+    return (
+        <main 
+        className='max-sm:pl-5
+        max-sm:pr-5'>
+        <div 
+        className="flex 
+        items-center 
+        justify-center 
+        flex-col 
+        mt-[150px] 
+        font-sans">
+            
+            <h1 
+            className="text-8xl 
+            tracking-widest 
+            font-bold
+            bg-gradient-to-tr
+            from-[#fff] 
+            to-[rgba(0,0,100,0.2)] 
+            bg-clip-text
+            text-transparent
+            
+            max-xl:text-7xl
+            
+            max-sm:text-5xl">{t('projectName')}</h1>
+            <p 
+            className="text-white/60 
+            max-w-[400px] 
+            text-center 
+            font-thin
+            text-2xl
+            
+            max-[1199px]:text-xl
+            max-[1199px]:max-w-[500px]
+            
+            max-sm:text-base
+            max-sm:max-w-[300px]">{t('main.quote')}</p>
+            <button 
+            className="w-[150px] 
+            h-10 
+            rounded-full 
+            bg-gradient-to-tr 
+            from-[#7412F0] 
+            to-[#001271] 
+            mt-4 
+            font-semibold 
+            tracking-widest
+            text-sm
+            hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
+            duration-300 ">{t('main.getStarted')}</button>
+        
+        <div 
+        className="w-full 
+        max-w-[1200px] 
+        h-[700px] 
+        bg-white/10 
+        flex 
+        rounded-[50px] 
+        mt-24 
+        shadow-[0_0_250px_0_rgba(119,122,255,0.3)]
+        
+        
+        max-xl:h-[500px]
+        max-xl:rounded-3xl
+        
+        max-lg:h-[415px]
+        
+        max-md:h-[350px]"></div>
+
+            <h2 
+            className="text-center 
+            text-5xl 
+            mt-24 
+            w-[600px] 
+            leading-[60px]
+            
+            max-xl:text-4xl
+            max-xl:leading-9
+            
+            max-sm:text-2xl
+            max-sm:max-w-[400px]">{t('main.heroTitle')}</h2>
+            <p 
+            className="text-center 
+            w-[600px] 
+            text-white/50 
+            font-thin
+            text-lg 
+            mt-3
+
+            max-lg:text-base
+            max-lg:w-[500px]
+            
+            max-sm:max-w-[350px]
+            max-sm:text-sm">{t('main.heroText')}</p>
+        
+        </div>
+        
+
+        <div 
+        className="max-md:snap-mandatory
+        max-md:snap-y
+        max-md:w-screen
+        max-md:h-inherit
+        max-md:overflow-x-scroll
+        max-md:oveflow-y-hidden
+        max-md:max-w-[90vw]">
+        
+        <div className='flex
+        flex-wrap 
+        gap-12 
+        mt-24
+    
+        max-xl:gap-8
+        max-md:flex-nowrap
+        max-md:w-[1300px]'>
+            <div 
+            className="w-full
+            max-w-[700px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+          bg-[#111329]/50 
+            rounded-[50px]
+        
+            text-9xl
+        
+            max-xl:max-w-[460px]
+            max-xl:h-56
+            max-xl:rounded-3xl
+            max-xl:text-7xl
+            
+            max-lg:max-w-[330px]
+            
+            max-md:snap-center
+            max-md:max-w-[300px]">
+                
+                <GppGoodIcon 
+                className=" text-[rgba(255,255,255,.2)]
+                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' />
+                
+                <h2 
+                className="text-4xl 
+                font-thin
+
+                max-xl:text-2xl">{t('main.cloudStorage')}</h2>
+                
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[500px]
+                text-sm 
+                text-white/50
+                
+                max-xl:xs
+                max-xl:max-w-[350px]
+                
+                
+                max-lg:max-w-[300px]
+                max-md:max-w-[275px]">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
+                </div>
+                
+            <div 
+            className="w-[450px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+            bg-[#111329]/50 
+            rounded-[50px]
+            text-9xl
+            
+            max-xl:max-w-[360px]
+            max-xl:h-56
+            max-xl:text-7xl
+            max-xl:rounded-3xl
+            
+            max-lg:max-w-[330px]
+            
+            max-md:snap-center
+            max-md:max-w-[300px]"> 
+            
+            <GppMaybeIcon 
+            className="
+            text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit'/> 
+            
+            <h2 
+            className="text-4xl 
+            font-thin
+            
+            max-xl:text-2xl">{t('main.hackProtection')}
+            </h2>
+                
+            <p 
+            className="text-center 
+            font-thin
+            w-full
+            max-w-[400px] 
+            text-sm
+          text-white/50
+          
+            max-xl:text-xs
+            max-xl:max-w-[350px]
+            
+            max-lg:max-w-[300px]
+            max-md:max-w-[275px]">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
+            </div>
+           
+            <div 
+            className="w-[450px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+            bg-[#111329]/50 
+            rounded-[50px]
+            text-9xl
+            
+            max-xl:max-w-[360px]
+            max-xl:h-56
+            max-xl:text-7xl
+            max-xl:rounded-3xl
+            
+            max-lg:max-w-[330px]
+            
+            max-md:snap-center
+            max-md:max-w-[300px]"> 
+            
+            <PasswordIcon
+            className="text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' /> 
+            
+            <h2 
+            className="text-4xl 
+            font-thin
+            
+            max-xl:text-2xl">{t('main.fileEncryption')}</h2>
+                
+            <p 
+            className="text-center 
+            font-thin
+            w-full
+            max-w-[400px] 
+            text-sm
+          text-white/50
+          
+            max-xl:text-xs
+            max-xl:max-w-[350px]
+            
+            max-lg:max-w-[300px]
+            max-md:max-w-[275px]">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
+            </div>
+            
+            <div 
+            className="w-full
+            max-w-[700px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+          bg-[#111329]/50 
+            rounded-[50px] 
+            text-9xl
+        
+            max-xl:max-w-[460px]
+            max-xl:h-[220px]
+            max-xl:rounded-[20px]
+            max-xl:text-7xl
+            
+            max-lg:max-w-[330px]
+            
+            max-md:snap-center
+            max-md:max-w-[300px]">
+                
+            <PeopleAltIcon
+            className="text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' />
+                
+            <h2 
+            className="text-4xl 
+            font-thin
+            
+            max-xl:text-2xl">{t('main.dataManagement')}</h2>
+                
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[500px]
+                text-sm 
+                text-white/50
+                
+                max-xl:text-xs
+                max-xl:max-w-[350px]
+                
+                max-lg:max-w-[300px]
+                max-md:max-w-[275px]">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
+                </div>
+                </div>
+        </div>
+        
+        <div 
+        className="w-full 
+        max-w-[1200px] 
+        h-[450px] 
+        mt-[100px] 
+        flex 
+        items-center 
+        justify-around
+        bg-[#111329]/50 
+        rounded-[50px] 
+        shadow-[0_0_200px_0_rgba(240,240,240,0.1)]
+        text-9xl
+        
+        max-xl:h-[300px]
+        max-xl:max-w-[850px]
+        max-xl:text-7xl
+        max-xl:mt-[50px]
+        max-xl:rounded-[20px]
+        
+        max-md:mt-20
+        
+        max-sm:flex-col
+        max-sm:h-[460px]
+        max-sm:justify-center
+        max-sm:p-5">
+            
+            <div 
+            className="flex 
+            flex-col 
+            items-center 
+            gap-5
+            
+            max-xl:gap-0">
+
+                <h2 
+                className="text-4xl 
+                w-full 
+                max-w-[450px] 
+                text-center 
+                font-thin
+                
+                max-xl:text-3xl
+                
+                max-sm:text-2xl">{t('main.openSource')}</h2>
+
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[350px]
+                text-sm
+              text-white/50
+              
+                max-sm:max-w-[300px]">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>                
+            </div>
+
+            <div className="flex 
+            flex-col 
+            items-center">
+                <CodeIcon className="text-white/20
+                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' />
+                <ul 
+                    className="flex 
+                    flex-col 
+                    items-center">
+                    <li 
+                        className="text-xl
+                        font-regulat">{t('main.repo')}</li>
+                    <li className='text-4xl'><button 
+                    className="w-44 
+                    h-10 
+                    rounded-[50px] 
+                    bg-gradient-to-tr 
+                    from-[#7412F0] 
+                    to-[#001271]
+                    font-semibold
+                    text-sm
+                    tracking-widest
+                    hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
+                    duration-300">{t('main.gitHub')}</button></li>
+                </ul>
+            </div>
+        
+        </div>
+    
+        </main>
+    )
+}
\ No newline at end of file
diff --git a/features/landing-page/Navbar.tsx b/features/landing-page/Navbar.tsx
new file mode 100644
index 0000000..bbe4072
--- /dev/null
+++ b/features/landing-page/Navbar.tsx
@@ -0,0 +1,76 @@
+import { AuthForm } from "features/auth/AuthForm"
+import { useState } from "react"
+import { useTranslation } from "next-i18next";
+import Link from "next/link";
+
+export const Navbar = () => {
+    const [openLogin, setOpenLogin] = useState<boolean>(false)
+    const { t } = useTranslation("common");
+
+    return (
+        <nav
+        className="flex 
+        items-center 
+        justify-between 
+        flex-row 
+        w-full 
+        max-w-[1200px] 
+        h-[60px] 
+        border-b-[0.5px] 
+        border-white/30 
+        backdrop-blur-[10px] 
+        fixed top-0 z-[222]
+        font-sans
+        
+        max-xl:max-w-[850px]
+        
+        max-lg:max-w-[700px]
+        
+        max-md:max-w-[90vw]
+        
+        max-sm:max-w-[100vw]
+        max-sm:pl-[20px]
+        max-sm:pr-[20px]">
+            <div
+                className="cursor-pointer 
+            text-xl 
+            font-bold
+            tracking-widest"><Link href="#"> {t('projectName')} </Link></div>
+            <ul
+                className="flex 
+            items-center 
+            justify-center 
+            flex-row 
+            gap-24
+            cursor-pointer
+            
+            max-[610px]:hidden">
+                <li className="cursor-pointer"><Link href="#">{t("contact")}</Link></li>
+                <li className="cursor-pointer"><Link href="#">{t("team")}</Link></li>
+            </ul>
+            {
+                openLogin
+                    ? <>
+                        <AuthForm />
+                        <button onClick={() => setOpenLogin(false)}>X</button>
+                    </>
+                    : <div>
+                        <button
+                            className="w-[150px] 
+                            h-10 
+                            rounded-full 
+                            bg-gradient-to-tr 
+                            from-sanahPurple
+                            to-sanahBlue
+                            font-semibold 
+                            tracking-
+                            text-sm
+                            hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
+                            duration-300"
+                            onClick={() => setOpenLogin(true)}
+                        >{t('login')}</button>
+                    </div>
+            }
+        </nav>
+    )
+}
\ No newline at end of file
diff --git a/features/support-form/components/SupportForm.tsx b/features/support-form/components/SupportForm.tsx
index 4cd0c2b..148845f 100644
--- a/features/support-form/components/SupportForm.tsx
+++ b/features/support-form/components/SupportForm.tsx
@@ -22,12 +22,29 @@ export function SupportForm() {
       title={t("supportForm.title")}
       description={t("supportForm.description")}
       button={
-        <button className="absolute bottom-4 right-4">
+        <button 
+        className="absolute 
+        bottom-0 
+        right-0
+
+        max-md:relative
+        max-md:rounded-[50px]
+        max-md:bg-gradient-to-tr 
+        from-[#7412F0] 
+        to-[#001271]
+        max-md:h-10
+        max-md:w-[200px]
+        max-md:text-bold">
           {t("supportForm.help")}
         </button>
       }
     >
-      <form className="grid gap-5" onSubmit={handleSubmit(onMessageCreate)}>
+      <form 
+      className="grid 
+      gap-5
+      
+      max-[500px]:w-[70vw]
+      max-[400px]:h-[400px]" onSubmit={handleSubmit(onMessageCreate)}>
         <Input
           type="text"
           {...register("name")}
@@ -52,9 +69,15 @@ export function SupportForm() {
           cols={30}
           rows={10}
           placeholder={t("supportForm.textPlaceholder")}
-          className="mt-2 rounded py-1 px-1"
+          className="mt-2 
+          rounded 
+          py-1 
+          px-1
+          
+          max-[400px]:h-[150px]"
         />
-        <Button type="submit">{t("submit")}</Button>
+        <Button type="submit"
+        className="max-sm:text-2xl">{t("submit")}</Button>
       </form>
     </Dialog>
   );
diff --git a/package-lock.json b/package-lock.json
index 5be22af..bed20cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,8 @@
         "@graphql-codegen/introspection": "^2.2.1",
         "@graphql-codegen/near-operation-file-preset": "^2.4.4",
         "@graphql-codegen/typescript-operations": "^2.5.7",
+        "@mui/icons-material": "^5.11.0",
+        "@mui/material": "^5.11.0",
         "@next/font": "^13.0.3",
         "@radix-ui/react-dialog": "^1.0.2",
         "@supabase/auth-helpers-nextjs": "^0.5.2",
@@ -1122,6 +1124,165 @@
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
+      "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/plugin-syntax-jsx": "^7.17.12",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.1",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.1.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.5.tgz",
+      "integrity": "sha512-dGYHWyzTdmK+f2+EnIGBpkz1lKc4Zbj2KHd4cX3Wi8/OWr5pKslNjc3yABKH4adRGCvSX4VDC0i04mrrq0aiRA==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.1",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "stylis": "4.1.3"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.5.tgz",
+      "integrity": "sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.5",
+        "@emotion/cache": "^11.10.5",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
+      "integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.5.tgz",
+      "integrity": "sha512-8EP6dD7dMkdku2foLoruPCNkRevzdcBaY6q0l0OsbyJK+x8D9HWjX27ARiSIKNF634hY9Zdoedh8bJCiva8yZw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.5",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0",
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
+      "optional": true,
+      "peer": true,
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
     "node_modules/@eslint/eslintrc": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
@@ -1559,12 +1720,12 @@
       }
     },
     "node_modules/@graphql-tools/batch-execute": {
-      "version": "8.5.12",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.5.12.tgz",
-      "integrity": "sha512-eNdN5CirW3ILoBaVyy4GI6JpLoJELeH0A7+uLRjwZuMFxpe4cljSrY8P+id28m43+uvBzB3rvNTv0+mnRjrMRw==",
+      "version": "8.5.14",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.5.14.tgz",
+      "integrity": "sha512-m6yXqqmFAH2V5JuSIC/geiGLBQA1Y6RddOJfUtkc9Z7ttkULRCd1W39TpYS6IlrCwYyTj+klO1/kdWiny38f5g==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "dataloader": "2.1.0",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
@@ -1574,9 +1735,9 @@
       }
     },
     "node_modules/@graphql-tools/batch-execute/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1614,15 +1775,15 @@
       }
     },
     "node_modules/@graphql-tools/delegate": {
-      "version": "9.0.17",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-9.0.17.tgz",
-      "integrity": "sha512-y7h5H+hOhQWEkG67A4wurlphHMYJuMlQIEY7wZPVpmViuV6TuSPB7qkLITsM99XiNQhX+v1VayN2cuaP/8nIhw==",
+      "version": "9.0.21",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-9.0.21.tgz",
+      "integrity": "sha512-SM8tFeq6ogFGhIxDE82WTS44/3IQ/wz9QksAKT7xWkcICQnyR9U6Qyt+W7VGnHiybqNsVK3kHNNS/i4KGSF85g==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/batch-execute": "8.5.12",
-        "@graphql-tools/executor": "0.0.9",
-        "@graphql-tools/schema": "9.0.10",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/batch-execute": "8.5.14",
+        "@graphql-tools/executor": "0.0.11",
+        "@graphql-tools/schema": "9.0.12",
+        "@graphql-tools/utils": "9.1.3",
         "dataloader": "2.1.0",
         "tslib": "~2.4.0",
         "value-or-promise": "1.0.11"
@@ -1632,9 +1793,9 @@
       }
     },
     "node_modules/@graphql-tools/delegate/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1644,12 +1805,12 @@
       }
     },
     "node_modules/@graphql-tools/executor": {
-      "version": "0.0.9",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor/-/executor-0.0.9.tgz",
-      "integrity": "sha512-qLhQWXTxTS6gbL9INAQa4FJIqTd2tccnbs4HswOx35KnyLaLtREuQ8uTfU+5qMrRIBhuzpGdkP2ssqxLyOJ5rA==",
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor/-/executor-0.0.11.tgz",
+      "integrity": "sha512-GjtXW0ZMGZGKad6A1HXFPArkfxE0AIpznusZuQdy4laQx+8Ut3Zx8SAFJNnDfZJ2V5kU29B5Xv3Fr0/DiMBHOQ==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@graphql-typed-document-node/core": "3.1.1",
         "@repeaterjs/repeater": "3.0.4",
         "tslib": "^2.4.0",
@@ -1660,12 +1821,12 @@
       }
     },
     "node_modules/@graphql-tools/executor-graphql-ws": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-graphql-ws/-/executor-graphql-ws-0.0.3.tgz",
-      "integrity": "sha512-8VATDf82lTaYRE4/BrFm8v6Cz6UHoNTlSkQjPcGtDX4nxbBUYLDfN+Z8ZXl0eZc3tCwsIHkYQunJO0OjmcrP5Q==",
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-graphql-ws/-/executor-graphql-ws-0.0.5.tgz",
+      "integrity": "sha512-1bJfZdSBPCJWz1pJ5g/YHMtGt6YkNRDdmqNQZ8v+VlQTNVfuBpY2vzj15uvf5uDrZLg2MSQThrKlL8av4yFpsA==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@repeaterjs/repeater": "3.0.4",
         "@types/ws": "^8.0.0",
         "graphql-ws": "5.11.2",
@@ -1678,9 +1839,9 @@
       }
     },
     "node_modules/@graphql-tools/executor-graphql-ws/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1690,12 +1851,12 @@
       }
     },
     "node_modules/@graphql-tools/executor-http": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-http/-/executor-http-0.0.4.tgz",
-      "integrity": "sha512-m7UwOhzIXLXXisxOD8x+niN3ae38A8bte47eBBfzr8eTrjsSEEQRbwsc6ciUmoys/5iQabnbtJN10rNIaZaU8w==",
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-http/-/executor-http-0.0.7.tgz",
+      "integrity": "sha512-g0NV4HVZVABsylk6SIA/gfjQbMIsy3NjZYW0k0JZmTcp9698J37uG50GZC2mKe0F8pIlDvPLvrPloqdKGX3ZAA==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@repeaterjs/repeater": "3.0.4",
         "@whatwg-node/fetch": "0.5.3",
         "dset": "3.1.2",
@@ -1709,9 +1870,9 @@
       }
     },
     "node_modules/@graphql-tools/executor-http/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1737,12 +1898,12 @@
       }
     },
     "node_modules/@graphql-tools/executor-legacy-ws": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-legacy-ws/-/executor-legacy-ws-0.0.3.tgz",
-      "integrity": "sha512-ulQ3IsxQ9VRA2S+afJefFpMZHedoUDRd8ylz+9DjqAoykYz6CDD2s3pi6Fud52VCq3DP79dRM7a6hjWgt+YPWw==",
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-legacy-ws/-/executor-legacy-ws-0.0.5.tgz",
+      "integrity": "sha512-j2ZQVTI4rKIT41STzLPK206naYDhHxmGHot0siJKBKX1vMqvxtWBqvL66v7xYEOaX79wJrFc8l6oeURQP2LE6g==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@types/ws": "^8.0.0",
         "isomorphic-ws": "5.0.0",
         "tslib": "^2.4.0",
@@ -1753,9 +1914,9 @@
       }
     },
     "node_modules/@graphql-tools/executor-legacy-ws/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -1765,9 +1926,9 @@
       }
     },
     "node_modules/@graphql-tools/executor/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2015,12 +2176,12 @@
       }
     },
     "node_modules/@graphql-tools/merge": {
-      "version": "8.3.12",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-8.3.12.tgz",
-      "integrity": "sha512-BFL8r4+FrqecPnIW0H8UJCBRQ4Y8Ep60aujw9c/sQuFmQTiqgWgpphswMGfaosP2zUinDE3ojU5wwcS2IJnumA==",
+      "version": "8.3.14",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-8.3.14.tgz",
+      "integrity": "sha512-zV0MU1DnxJLIB0wpL4N3u21agEiYFsjm6DI130jqHpwF0pR9HkF+Ni65BNfts4zQelP0GjkHltG+opaozAJ1NA==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0"
       },
       "peerDependencies": {
@@ -2028,9 +2189,9 @@
       }
     },
     "node_modules/@graphql-tools/merge/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2051,13 +2212,13 @@
       }
     },
     "node_modules/@graphql-tools/prisma-loader": {
-      "version": "7.2.42",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/prisma-loader/-/prisma-loader-7.2.42.tgz",
-      "integrity": "sha512-sdfoj8oM67okez4JAfJxrRXraCU62YXcCWr2DKQNcZDcVKVqUXfEESd7p5C/2l2ThC1+RtG3bOnvo0FWw3+U+g==",
+      "version": "7.2.49",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/prisma-loader/-/prisma-loader-7.2.49.tgz",
+      "integrity": "sha512-RIvrEAoKHdR7KaOUQRpZYxFRF+lfxH4MFeErjBA9z/BpL7Iv5QyfIOgFRE8i3E2eToMqDPzEg7RHha2hXBssug==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/url-loader": "7.16.22",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/url-loader": "7.16.28",
+        "@graphql-tools/utils": "9.1.3",
         "@types/js-yaml": "^4.0.0",
         "@types/json-stable-stringify": "^1.0.32",
         "@types/jsonwebtoken": "^8.5.0",
@@ -2070,7 +2231,7 @@
         "isomorphic-fetch": "^3.0.0",
         "js-yaml": "^4.0.0",
         "json-stable-stringify": "^1.0.1",
-        "jsonwebtoken": "^8.5.1",
+        "jsonwebtoken": "^9.0.0",
         "lodash": "^4.17.20",
         "scuid": "^1.1.0",
         "tslib": "^2.4.0",
@@ -2081,9 +2242,9 @@
       }
     },
     "node_modules/@graphql-tools/prisma-loader/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2117,13 +2278,13 @@
       }
     },
     "node_modules/@graphql-tools/schema": {
-      "version": "9.0.10",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-9.0.10.tgz",
-      "integrity": "sha512-lV0o4df9SpPiaeeDAzgdCJ2o2N9Wvsp0SMHlF2qDbh9aFCFQRsXuksgiDm2yTgT3TG5OtUes/t0D6uPjPZFUbQ==",
+      "version": "9.0.12",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-9.0.12.tgz",
+      "integrity": "sha512-DmezcEltQai0V1y96nwm0Kg11FDS/INEFekD4nnVgzBqawvznWqK6D6bujn+cw6kivoIr3Uq//QmU/hBlBzUlQ==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/merge": "8.3.12",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/merge": "8.3.14",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
       },
@@ -2132,9 +2293,9 @@
       }
     },
     "node_modules/@graphql-tools/schema/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2144,18 +2305,18 @@
       }
     },
     "node_modules/@graphql-tools/url-loader": {
-      "version": "7.16.22",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-7.16.22.tgz",
-      "integrity": "sha512-JA0+7w2eidPmsVFRFgzZQ+RQKiS9WE0T5R/wKudxLdC8NnCKdEw0hdA7wKmhhIXNhOs5UtWGfwQ1O2CrvStxWw==",
+      "version": "7.16.28",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-7.16.28.tgz",
+      "integrity": "sha512-C3Qmpr5g3aNf7yKbfqSEmNEoPNkY4kpm+K1FyuGQw8N6ZKdq/70VPL8beSfqE1e2CTJua95pLQCpSD9ZsWfUEg==",
       "dev": true,
       "dependencies": {
         "@ardatan/sync-fetch": "0.0.1",
-        "@graphql-tools/delegate": "9.0.17",
-        "@graphql-tools/executor-graphql-ws": "0.0.3",
-        "@graphql-tools/executor-http": "0.0.4",
-        "@graphql-tools/executor-legacy-ws": "0.0.3",
-        "@graphql-tools/utils": "9.1.1",
-        "@graphql-tools/wrap": "9.2.18",
+        "@graphql-tools/delegate": "9.0.21",
+        "@graphql-tools/executor-graphql-ws": "0.0.5",
+        "@graphql-tools/executor-http": "0.0.7",
+        "@graphql-tools/executor-legacy-ws": "0.0.5",
+        "@graphql-tools/utils": "9.1.3",
+        "@graphql-tools/wrap": "9.2.23",
         "@types/ws": "^8.0.0",
         "@whatwg-node/fetch": "^0.5.0",
         "isomorphic-ws": "5.0.0",
@@ -2168,9 +2329,9 @@
       }
     },
     "node_modules/@graphql-tools/url-loader/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2207,14 +2368,14 @@
       }
     },
     "node_modules/@graphql-tools/wrap": {
-      "version": "9.2.18",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-9.2.18.tgz",
-      "integrity": "sha512-ocdwRM2lDjqXiu/1tpvegmxumYuwHZVLLnzLFuch5i5S10y+EmTqcfgalG/2CbMrPV6BS9t4R7/w6p6+ZbppVg==",
+      "version": "9.2.23",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-9.2.23.tgz",
+      "integrity": "sha512-R+ar8lHdSnRQtfvkwQMOkBRlYLcBPdmFzZPiAj+tL9Nii4VNr4Oub37jcHiPBvRZSdKa9FHcKq5kKSQcbg1xuQ==",
       "dev": true,
       "dependencies": {
-        "@graphql-tools/delegate": "9.0.17",
-        "@graphql-tools/schema": "9.0.10",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/delegate": "9.0.21",
+        "@graphql-tools/schema": "9.0.12",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
       },
@@ -2223,9 +2384,9 @@
       }
     },
     "node_modules/@graphql-tools/wrap/node_modules/@graphql-tools/utils": {
-      "version": "9.1.1",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-      "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+      "version": "9.1.3",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+      "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.4.0"
@@ -2321,6 +2482,257 @@
         "@jridgewell/sourcemap-codec": "1.4.14"
       }
     },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.11.0.tgz",
+      "integrity": "sha512-Bmogung451ezVv2YI1RvweOIVsTj2RQ4Fk61+e/+8LFPLTFEwVGbL0YhNy1VB5tri8pzGNV228kxtWVTFooQkg==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      }
+    },
+    "node_modules/@mui/icons-material": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.0.tgz",
+      "integrity": "sha512-I2LaOKqO8a0xcLGtIozC9xoXjZAto5G5gh0FYUMAlbsIHNHIjn4Xrw9rvjY20vZonyiGrZNMAlAXYkY6JvhF6A==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@mui/material": "^5.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.0.tgz",
+      "integrity": "sha512-8Zl34lb89rLKTTi50Kakki675/LLHMKKnkp8Ee3rAZ2qmisQlRODsGh1MBjENKp0vwhQnNSvlsCfJteVTfotPQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@mui/base": "5.0.0-alpha.110",
+        "@mui/core-downloads-tracker": "^5.11.0",
+        "@mui/system": "^5.11.0",
+        "@mui/types": "^7.2.3",
+        "@mui/utils": "^5.11.0",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/base": {
+      "version": "5.0.0-alpha.110",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.110.tgz",
+      "integrity": "sha512-q4TH9T3sTBknTXXTEf2zO8F3nbHg5iGgiaRx9XErTbXvHrmLrQXbQ4hmrLERocSTBFCFWkKyne/qZj0diWlPtA==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.2.3",
+        "@mui/utils": "^5.11.0",
+        "@popperjs/core": "^2.11.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/system": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.11.0.tgz",
+      "integrity": "sha512-HFUT7Dlmyq6Wfuxsw8QBXZxXDYIQQaJ4YHaZd7s+nDMcjerLnILxjh2g3a6umtOUM+jEcRaFJAtvLZvlGfa5fw==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@mui/private-theming": "^5.11.0",
+        "@mui/styled-engine": "^5.11.0",
+        "@mui/types": "^7.2.3",
+        "@mui/utils": "^5.11.0",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/system/node_modules/@mui/private-theming": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.11.0.tgz",
+      "integrity": "sha512-UFQLb9x5Sj4pg2GhhCGw3Ls/y1Hw/tz9RsBrULvUF0Vgps1z19o7XTq2xqUvp7pN7fJTW7eVIT2gwVg2xlk8PQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@mui/utils": "^5.11.0",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/@mui/types": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.3.tgz",
+      "integrity": "sha512-tZ+CQggbe9Ol7e/Fs5RcKwg/woU+o8DCtOnccX6KmbBc7YrfqMYEYuaIcXHuhpT880QwNkZZ3wQwvtlDFA2yOw==",
+      "peerDependencies": {
+        "@types/react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.0.tgz",
+      "integrity": "sha512-AF06K60Zc58qf0f7X+Y/QjaHaZq16znliLnGc9iVrV/+s8Ln/FCoeNuFvhlCbZZQ5WQcJvcy59zp0nXrklGGPQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@emotion/cache": "^11.10.5",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.11.0.tgz",
+      "integrity": "sha512-DP/YDaVVCVzJpZ5FFPLKNmaJkeaYRviTyIZkL/D5/FmPXQiA6ecd6z0/+VwoNQtp7aXAQWaRhvz4FM25yqFlHA==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.6",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@mui/utils/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
     "node_modules/@next/env": {
       "version": "13.0.3",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-13.0.3.tgz",
@@ -2624,6 +3036,15 @@
         "node": ">=10.12.0"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@radix-ui/primitive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
@@ -3046,7 +3467,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/phoenix": {
       "version": "1.5.4",
@@ -3077,6 +3498,22 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
@@ -3615,6 +4052,22 @@
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
       "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA=="
     },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/babel-plugin-syntax-trailing-function-commas": {
       "version": "7.0.0-beta.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-7.0.0-beta.0.tgz",
@@ -4062,6 +4515,14 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -4148,7 +4609,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -4421,6 +4882,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/dot-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
@@ -4471,7 +4941,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -5199,6 +5669,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "optional": true,
+      "peer": true
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -5906,7 +6383,7 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/is-bigint": {
       "version": "1.0.4",
@@ -6252,7 +6729,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -6310,34 +6787,34 @@
       }
     },
     "node_modules/jsonwebtoken": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz",
-      "integrity": "sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.0.tgz",
+      "integrity": "sha512-tuGfYXxkQGDPnLJ7SibiQgVgeDgfbPq2k2ICcbgqW8WxWLBAxKQM/ZCu/IT8SOSwmaYl4dpTFCW5xZv7YbbWUw==",
       "dev": true,
       "dependencies": {
         "jws": "^3.2.2",
-        "lodash.includes": "^4.3.0",
-        "lodash.isboolean": "^3.0.3",
-        "lodash.isinteger": "^4.0.4",
-        "lodash.isnumber": "^3.0.3",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.isstring": "^4.0.1",
-        "lodash.once": "^4.0.0",
+        "lodash": "^4.17.21",
         "ms": "^2.1.1",
-        "semver": "^5.6.0"
+        "semver": "^7.3.8"
       },
       "engines": {
-        "node": ">=4",
-        "npm": ">=1.4.28"
+        "node": ">=12",
+        "npm": ">=6"
       }
     },
     "node_modules/jsonwebtoken/node_modules/semver": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "version": "7.3.8",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+      "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
       "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
       "bin": {
-        "semver": "bin/semver"
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/jsx-ast-utils": {
@@ -6411,7 +6888,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/listr2": {
       "version": "4.0.5",
@@ -6459,53 +6936,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
-    "node_modules/lodash.includes": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
-      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
-      "dev": true
-    },
-    "node_modules/lodash.isboolean": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
-      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
-      "dev": true
-    },
-    "node_modules/lodash.isinteger": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
-      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
-      "dev": true
-    },
-    "node_modules/lodash.isnumber": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
-      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
-      "dev": true
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-      "dev": true
-    },
-    "node_modules/lodash.isstring": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
-      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
-      "dev": true
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
     },
-    "node_modules/lodash.once": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
-      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
-      "dev": true
-    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -7298,7 +7733,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -7752,6 +8187,21 @@
         }
       }
     },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -8142,6 +8592,16 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -8296,6 +8756,11 @@
         }
       }
     },
+    "node_modules/stylis": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+    },
     "node_modules/supabase": {
       "version": "1.18.2",
       "resolved": "https://registry.npmjs.org/supabase/-/supabase-1.18.2.tgz",
@@ -9087,7 +9552,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 6"
       }
@@ -9907,6 +10372,135 @@
         }
       }
     },
+    "@emotion/babel-plugin": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.10.5.tgz",
+      "integrity": "sha512-xE7/hyLHJac7D2Ve9dKroBBZqBT7WuPQmWcq7HSGb84sUuP4mlOWoB8dvVfD9yk5DHkU1m6RW7xSoDtnQHNQeA==",
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/plugin-syntax-jsx": "^7.17.12",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/serialize": "^1.1.1",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.1.3"
+      }
+    },
+    "@emotion/cache": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.5.tgz",
+      "integrity": "sha512-dGYHWyzTdmK+f2+EnIGBpkz1lKc4Zbj2KHd4cX3Wi8/OWr5pKslNjc3yABKH4adRGCvSX4VDC0i04mrrq0aiRA==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.1",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "stylis": "4.1.3"
+      }
+    },
+    "@emotion/hash": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==",
+      "optional": true,
+      "peer": true
+    },
+    "@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "@emotion/react": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.10.5.tgz",
+      "integrity": "sha512-TZs6235tCJ/7iF6/rvTaOH4oxQg2gMAcdHemjwLKIjKz4rRuYe1HJ2TQJKnAcRAfOUDdU8XoDadCe1rl72iv8A==",
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.5",
+        "@emotion/cache": "^11.10.5",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
+        "hoist-non-react-statics": "^3.3.1"
+      }
+    },
+    "@emotion/serialize": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.1.tgz",
+      "integrity": "sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==",
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@emotion/hash": "^0.9.0",
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/unitless": "^0.8.0",
+        "@emotion/utils": "^1.2.0",
+        "csstype": "^3.0.2"
+      }
+    },
+    "@emotion/sheet": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.1.tgz",
+      "integrity": "sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA=="
+    },
+    "@emotion/styled": {
+      "version": "11.10.5",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.10.5.tgz",
+      "integrity": "sha512-8EP6dD7dMkdku2foLoruPCNkRevzdcBaY6q0l0OsbyJK+x8D9HWjX27ARiSIKNF634hY9Zdoedh8bJCiva8yZw==",
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.10.5",
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@emotion/serialize": "^1.1.1",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
+        "@emotion/utils": "^1.2.0"
+      }
+    },
+    "@emotion/unitless": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
+      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==",
+      "optional": true,
+      "peer": true
+    },
+    "@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz",
+      "integrity": "sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==",
+      "optional": true,
+      "peer": true,
+      "requires": {}
+    },
+    "@emotion/utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
     "@eslint/eslintrc": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.3.tgz",
@@ -10268,21 +10862,21 @@
       }
     },
     "@graphql-tools/batch-execute": {
-      "version": "8.5.12",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.5.12.tgz",
-      "integrity": "sha512-eNdN5CirW3ILoBaVyy4GI6JpLoJELeH0A7+uLRjwZuMFxpe4cljSrY8P+id28m43+uvBzB3rvNTv0+mnRjrMRw==",
+      "version": "8.5.14",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-8.5.14.tgz",
+      "integrity": "sha512-m6yXqqmFAH2V5JuSIC/geiGLBQA1Y6RddOJfUtkc9Z7ttkULRCd1W39TpYS6IlrCwYyTj+klO1/kdWiny38f5g==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "dataloader": "2.1.0",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10315,24 +10909,24 @@
       }
     },
     "@graphql-tools/delegate": {
-      "version": "9.0.17",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-9.0.17.tgz",
-      "integrity": "sha512-y7h5H+hOhQWEkG67A4wurlphHMYJuMlQIEY7wZPVpmViuV6TuSPB7qkLITsM99XiNQhX+v1VayN2cuaP/8nIhw==",
+      "version": "9.0.21",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-9.0.21.tgz",
+      "integrity": "sha512-SM8tFeq6ogFGhIxDE82WTS44/3IQ/wz9QksAKT7xWkcICQnyR9U6Qyt+W7VGnHiybqNsVK3kHNNS/i4KGSF85g==",
       "dev": true,
       "requires": {
-        "@graphql-tools/batch-execute": "8.5.12",
-        "@graphql-tools/executor": "0.0.9",
-        "@graphql-tools/schema": "9.0.10",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/batch-execute": "8.5.14",
+        "@graphql-tools/executor": "0.0.11",
+        "@graphql-tools/schema": "9.0.12",
+        "@graphql-tools/utils": "9.1.3",
         "dataloader": "2.1.0",
         "tslib": "~2.4.0",
         "value-or-promise": "1.0.11"
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10341,12 +10935,12 @@
       }
     },
     "@graphql-tools/executor": {
-      "version": "0.0.9",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor/-/executor-0.0.9.tgz",
-      "integrity": "sha512-qLhQWXTxTS6gbL9INAQa4FJIqTd2tccnbs4HswOx35KnyLaLtREuQ8uTfU+5qMrRIBhuzpGdkP2ssqxLyOJ5rA==",
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor/-/executor-0.0.11.tgz",
+      "integrity": "sha512-GjtXW0ZMGZGKad6A1HXFPArkfxE0AIpznusZuQdy4laQx+8Ut3Zx8SAFJNnDfZJ2V5kU29B5Xv3Fr0/DiMBHOQ==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@graphql-typed-document-node/core": "3.1.1",
         "@repeaterjs/repeater": "3.0.4",
         "tslib": "^2.4.0",
@@ -10354,9 +10948,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10365,12 +10959,12 @@
       }
     },
     "@graphql-tools/executor-graphql-ws": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-graphql-ws/-/executor-graphql-ws-0.0.3.tgz",
-      "integrity": "sha512-8VATDf82lTaYRE4/BrFm8v6Cz6UHoNTlSkQjPcGtDX4nxbBUYLDfN+Z8ZXl0eZc3tCwsIHkYQunJO0OjmcrP5Q==",
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-graphql-ws/-/executor-graphql-ws-0.0.5.tgz",
+      "integrity": "sha512-1bJfZdSBPCJWz1pJ5g/YHMtGt6YkNRDdmqNQZ8v+VlQTNVfuBpY2vzj15uvf5uDrZLg2MSQThrKlL8av4yFpsA==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@repeaterjs/repeater": "3.0.4",
         "@types/ws": "^8.0.0",
         "graphql-ws": "5.11.2",
@@ -10380,9 +10974,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10391,12 +10985,12 @@
       }
     },
     "@graphql-tools/executor-http": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-http/-/executor-http-0.0.4.tgz",
-      "integrity": "sha512-m7UwOhzIXLXXisxOD8x+niN3ae38A8bte47eBBfzr8eTrjsSEEQRbwsc6ciUmoys/5iQabnbtJN10rNIaZaU8w==",
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-http/-/executor-http-0.0.7.tgz",
+      "integrity": "sha512-g0NV4HVZVABsylk6SIA/gfjQbMIsy3NjZYW0k0JZmTcp9698J37uG50GZC2mKe0F8pIlDvPLvrPloqdKGX3ZAA==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@repeaterjs/repeater": "3.0.4",
         "@whatwg-node/fetch": "0.5.3",
         "dset": "3.1.2",
@@ -10407,9 +11001,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10434,12 +11028,12 @@
       }
     },
     "@graphql-tools/executor-legacy-ws": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-legacy-ws/-/executor-legacy-ws-0.0.3.tgz",
-      "integrity": "sha512-ulQ3IsxQ9VRA2S+afJefFpMZHedoUDRd8ylz+9DjqAoykYz6CDD2s3pi6Fud52VCq3DP79dRM7a6hjWgt+YPWw==",
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/executor-legacy-ws/-/executor-legacy-ws-0.0.5.tgz",
+      "integrity": "sha512-j2ZQVTI4rKIT41STzLPK206naYDhHxmGHot0siJKBKX1vMqvxtWBqvL66v7xYEOaX79wJrFc8l6oeURQP2LE6g==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "@types/ws": "^8.0.0",
         "isomorphic-ws": "5.0.0",
         "tslib": "^2.4.0",
@@ -10447,9 +11041,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10662,19 +11256,19 @@
       }
     },
     "@graphql-tools/merge": {
-      "version": "8.3.12",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-8.3.12.tgz",
-      "integrity": "sha512-BFL8r4+FrqecPnIW0H8UJCBRQ4Y8Ep60aujw9c/sQuFmQTiqgWgpphswMGfaosP2zUinDE3ojU5wwcS2IJnumA==",
+      "version": "8.3.14",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-8.3.14.tgz",
+      "integrity": "sha512-zV0MU1DnxJLIB0wpL4N3u21agEiYFsjm6DI130jqHpwF0pR9HkF+Ni65BNfts4zQelP0GjkHltG+opaozAJ1NA==",
       "dev": true,
       "requires": {
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0"
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10691,13 +11285,13 @@
       }
     },
     "@graphql-tools/prisma-loader": {
-      "version": "7.2.42",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/prisma-loader/-/prisma-loader-7.2.42.tgz",
-      "integrity": "sha512-sdfoj8oM67okez4JAfJxrRXraCU62YXcCWr2DKQNcZDcVKVqUXfEESd7p5C/2l2ThC1+RtG3bOnvo0FWw3+U+g==",
+      "version": "7.2.49",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/prisma-loader/-/prisma-loader-7.2.49.tgz",
+      "integrity": "sha512-RIvrEAoKHdR7KaOUQRpZYxFRF+lfxH4MFeErjBA9z/BpL7Iv5QyfIOgFRE8i3E2eToMqDPzEg7RHha2hXBssug==",
       "dev": true,
       "requires": {
-        "@graphql-tools/url-loader": "7.16.22",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/url-loader": "7.16.28",
+        "@graphql-tools/utils": "9.1.3",
         "@types/js-yaml": "^4.0.0",
         "@types/json-stable-stringify": "^1.0.32",
         "@types/jsonwebtoken": "^8.5.0",
@@ -10710,7 +11304,7 @@
         "isomorphic-fetch": "^3.0.0",
         "js-yaml": "^4.0.0",
         "json-stable-stringify": "^1.0.1",
-        "jsonwebtoken": "^8.5.1",
+        "jsonwebtoken": "^9.0.0",
         "lodash": "^4.17.20",
         "scuid": "^1.1.0",
         "tslib": "^2.4.0",
@@ -10718,9 +11312,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10749,21 +11343,21 @@
       }
     },
     "@graphql-tools/schema": {
-      "version": "9.0.10",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-9.0.10.tgz",
-      "integrity": "sha512-lV0o4df9SpPiaeeDAzgdCJ2o2N9Wvsp0SMHlF2qDbh9aFCFQRsXuksgiDm2yTgT3TG5OtUes/t0D6uPjPZFUbQ==",
+      "version": "9.0.12",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-9.0.12.tgz",
+      "integrity": "sha512-DmezcEltQai0V1y96nwm0Kg11FDS/INEFekD4nnVgzBqawvznWqK6D6bujn+cw6kivoIr3Uq//QmU/hBlBzUlQ==",
       "dev": true,
       "requires": {
-        "@graphql-tools/merge": "8.3.12",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/merge": "8.3.14",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10772,18 +11366,18 @@
       }
     },
     "@graphql-tools/url-loader": {
-      "version": "7.16.22",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-7.16.22.tgz",
-      "integrity": "sha512-JA0+7w2eidPmsVFRFgzZQ+RQKiS9WE0T5R/wKudxLdC8NnCKdEw0hdA7wKmhhIXNhOs5UtWGfwQ1O2CrvStxWw==",
+      "version": "7.16.28",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-7.16.28.tgz",
+      "integrity": "sha512-C3Qmpr5g3aNf7yKbfqSEmNEoPNkY4kpm+K1FyuGQw8N6ZKdq/70VPL8beSfqE1e2CTJua95pLQCpSD9ZsWfUEg==",
       "dev": true,
       "requires": {
         "@ardatan/sync-fetch": "0.0.1",
-        "@graphql-tools/delegate": "9.0.17",
-        "@graphql-tools/executor-graphql-ws": "0.0.3",
-        "@graphql-tools/executor-http": "0.0.4",
-        "@graphql-tools/executor-legacy-ws": "0.0.3",
-        "@graphql-tools/utils": "9.1.1",
-        "@graphql-tools/wrap": "9.2.18",
+        "@graphql-tools/delegate": "9.0.21",
+        "@graphql-tools/executor-graphql-ws": "0.0.5",
+        "@graphql-tools/executor-http": "0.0.7",
+        "@graphql-tools/executor-legacy-ws": "0.0.5",
+        "@graphql-tools/utils": "9.1.3",
+        "@graphql-tools/wrap": "9.2.23",
         "@types/ws": "^8.0.0",
         "@whatwg-node/fetch": "^0.5.0",
         "isomorphic-ws": "5.0.0",
@@ -10793,9 +11387,9 @@
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10828,22 +11422,22 @@
       }
     },
     "@graphql-tools/wrap": {
-      "version": "9.2.18",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-9.2.18.tgz",
-      "integrity": "sha512-ocdwRM2lDjqXiu/1tpvegmxumYuwHZVLLnzLFuch5i5S10y+EmTqcfgalG/2CbMrPV6BS9t4R7/w6p6+ZbppVg==",
+      "version": "9.2.23",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-9.2.23.tgz",
+      "integrity": "sha512-R+ar8lHdSnRQtfvkwQMOkBRlYLcBPdmFzZPiAj+tL9Nii4VNr4Oub37jcHiPBvRZSdKa9FHcKq5kKSQcbg1xuQ==",
       "dev": true,
       "requires": {
-        "@graphql-tools/delegate": "9.0.17",
-        "@graphql-tools/schema": "9.0.10",
-        "@graphql-tools/utils": "9.1.1",
+        "@graphql-tools/delegate": "9.0.21",
+        "@graphql-tools/schema": "9.0.12",
+        "@graphql-tools/utils": "9.1.3",
         "tslib": "^2.4.0",
         "value-or-promise": "1.0.11"
       },
       "dependencies": {
         "@graphql-tools/utils": {
-          "version": "9.1.1",
-          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.1.tgz",
-          "integrity": "sha512-DXKLIEDbihK24fktR2hwp/BNIVwULIHaSTNTNhXS+19vgT50eX9wndx1bPxGwHnVBOONcwjXy0roQac49vdt/w==",
+          "version": "9.1.3",
+          "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-9.1.3.tgz",
+          "integrity": "sha512-bbJyKhs6awp1/OmP+WKA1GOyu9UbgZGkhIj5srmiMGLHohEOKMjW784Sk0BZil1w2x95UPu0WHw6/d/HVCACCg==",
           "dev": true,
           "requires": {
             "tslib": "^2.4.0"
@@ -10917,6 +11511,123 @@
         "@jridgewell/sourcemap-codec": "1.4.14"
       }
     },
+    "@mui/core-downloads-tracker": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.11.0.tgz",
+      "integrity": "sha512-Bmogung451ezVv2YI1RvweOIVsTj2RQ4Fk61+e/+8LFPLTFEwVGbL0YhNy1VB5tri8pzGNV228kxtWVTFooQkg=="
+    },
+    "@mui/icons-material": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.11.0.tgz",
+      "integrity": "sha512-I2LaOKqO8a0xcLGtIozC9xoXjZAto5G5gh0FYUMAlbsIHNHIjn4Xrw9rvjY20vZonyiGrZNMAlAXYkY6JvhF6A==",
+      "requires": {
+        "@babel/runtime": "^7.20.6"
+      }
+    },
+    "@mui/material": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.0.tgz",
+      "integrity": "sha512-8Zl34lb89rLKTTi50Kakki675/LLHMKKnkp8Ee3rAZ2qmisQlRODsGh1MBjENKp0vwhQnNSvlsCfJteVTfotPQ==",
+      "requires": {
+        "@babel/runtime": "^7.20.6",
+        "@mui/base": "5.0.0-alpha.110",
+        "@mui/core-downloads-tracker": "^5.11.0",
+        "@mui/system": "^5.11.0",
+        "@mui/types": "^7.2.3",
+        "@mui/utils": "^5.11.0",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "dependencies": {
+        "@mui/base": {
+          "version": "5.0.0-alpha.110",
+          "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.110.tgz",
+          "integrity": "sha512-q4TH9T3sTBknTXXTEf2zO8F3nbHg5iGgiaRx9XErTbXvHrmLrQXbQ4hmrLERocSTBFCFWkKyne/qZj0diWlPtA==",
+          "requires": {
+            "@babel/runtime": "^7.20.6",
+            "@emotion/is-prop-valid": "^1.2.0",
+            "@mui/types": "^7.2.3",
+            "@mui/utils": "^5.11.0",
+            "@popperjs/core": "^2.11.6",
+            "clsx": "^1.2.1",
+            "prop-types": "^15.8.1",
+            "react-is": "^18.2.0"
+          }
+        },
+        "@mui/system": {
+          "version": "5.11.0",
+          "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.11.0.tgz",
+          "integrity": "sha512-HFUT7Dlmyq6Wfuxsw8QBXZxXDYIQQaJ4YHaZd7s+nDMcjerLnILxjh2g3a6umtOUM+jEcRaFJAtvLZvlGfa5fw==",
+          "requires": {
+            "@babel/runtime": "^7.20.6",
+            "@mui/private-theming": "^5.11.0",
+            "@mui/styled-engine": "^5.11.0",
+            "@mui/types": "^7.2.3",
+            "@mui/utils": "^5.11.0",
+            "clsx": "^1.2.1",
+            "csstype": "^3.1.1",
+            "prop-types": "^15.8.1"
+          },
+          "dependencies": {
+            "@mui/private-theming": {
+              "version": "5.11.0",
+              "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.11.0.tgz",
+              "integrity": "sha512-UFQLb9x5Sj4pg2GhhCGw3Ls/y1Hw/tz9RsBrULvUF0Vgps1z19o7XTq2xqUvp7pN7fJTW7eVIT2gwVg2xlk8PQ==",
+              "requires": {
+                "@babel/runtime": "^7.20.6",
+                "@mui/utils": "^5.11.0",
+                "prop-types": "^15.8.1"
+              }
+            }
+          }
+        },
+        "@mui/types": {
+          "version": "7.2.3",
+          "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.3.tgz",
+          "integrity": "sha512-tZ+CQggbe9Ol7e/Fs5RcKwg/woU+o8DCtOnccX6KmbBc7YrfqMYEYuaIcXHuhpT880QwNkZZ3wQwvtlDFA2yOw==",
+          "requires": {}
+        },
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
+    "@mui/styled-engine": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.11.0.tgz",
+      "integrity": "sha512-AF06K60Zc58qf0f7X+Y/QjaHaZq16znliLnGc9iVrV/+s8Ln/FCoeNuFvhlCbZZQ5WQcJvcy59zp0nXrklGGPQ==",
+      "requires": {
+        "@babel/runtime": "^7.20.6",
+        "@emotion/cache": "^11.10.5",
+        "csstype": "^3.1.1",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "@mui/utils": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.11.0.tgz",
+      "integrity": "sha512-DP/YDaVVCVzJpZ5FFPLKNmaJkeaYRviTyIZkL/D5/FmPXQiA6ecd6z0/+VwoNQtp7aXAQWaRhvz4FM25yqFlHA==",
+      "requires": {
+        "@babel/runtime": "^7.20.6",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^16.7.1 || ^17.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+        }
+      }
+    },
     "@next/env": {
       "version": "13.0.3",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-13.0.3.tgz",
@@ -11084,6 +11795,11 @@
         "webcrypto-core": "^1.7.4"
       }
     },
+    "@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw=="
+    },
     "@radix-ui/primitive": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.0.tgz",
@@ -11437,7 +12153,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
-      "dev": true
+      "devOptional": true
     },
     "@types/phoenix": {
       "version": "1.5.4",
@@ -11468,6 +12184,22 @@
         "@types/react": "*"
       }
     },
+    "@types/react-is": {
+      "version": "17.0.3",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-17.0.3.tgz",
+      "integrity": "sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
+    "@types/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
+      "requires": {
+        "@types/react": "*"
+      }
+    },
     "@types/scheduler": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
@@ -11829,6 +12561,18 @@
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
       "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA=="
     },
+    "babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      }
+    },
     "babel-plugin-syntax-trailing-function-commas": {
       "version": "7.0.0-beta.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-7.0.0-beta.0.tgz",
@@ -12147,6 +12891,11 @@
       "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
       "dev": true
     },
+    "clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
+    },
     "color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -12214,7 +12963,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -12416,6 +13165,15 @@
         "esutils": "^2.0.2"
       }
     },
+    "dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "requires": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "dot-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
@@ -12460,7 +13218,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "is-arrayish": "^0.2.1"
       }
@@ -13017,6 +13775,13 @@
         "to-regex-range": "^5.0.1"
       }
     },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "optional": true,
+      "peer": true
+    },
     "find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -13517,7 +14282,7 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "devOptional": true
     },
     "is-bigint": {
       "version": "1.0.4",
@@ -13752,7 +14517,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
+      "devOptional": true
     },
     "json-schema-traverse": {
       "version": "0.4.1",
@@ -13795,28 +14560,25 @@
       "dev": true
     },
     "jsonwebtoken": {
-      "version": "8.5.1",
-      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz",
-      "integrity": "sha512-XjwVfRS6jTMsqYs0EsuJ4LGxXV14zQybNd4L2r0UvbVnSF9Af8x7p5MzbJ90Ioz/9TI41/hTCvznF/loiSzn8w==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.0.tgz",
+      "integrity": "sha512-tuGfYXxkQGDPnLJ7SibiQgVgeDgfbPq2k2ICcbgqW8WxWLBAxKQM/ZCu/IT8SOSwmaYl4dpTFCW5xZv7YbbWUw==",
       "dev": true,
       "requires": {
         "jws": "^3.2.2",
-        "lodash.includes": "^4.3.0",
-        "lodash.isboolean": "^3.0.3",
-        "lodash.isinteger": "^4.0.4",
-        "lodash.isnumber": "^3.0.3",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.isstring": "^4.0.1",
-        "lodash.once": "^4.0.0",
+        "lodash": "^4.17.21",
         "ms": "^2.1.1",
-        "semver": "^5.6.0"
+        "semver": "^7.3.8"
       },
       "dependencies": {
         "semver": {
-          "version": "5.7.1",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
-          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
-          "dev": true
+          "version": "7.3.8",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.8.tgz",
+          "integrity": "sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
         }
       }
     },
@@ -13882,7 +14644,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
+      "devOptional": true
     },
     "listr2": {
       "version": "4.0.5",
@@ -13913,53 +14675,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
-    "lodash.includes": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
-      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w==",
-      "dev": true
-    },
-    "lodash.isboolean": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
-      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg==",
-      "dev": true
-    },
-    "lodash.isinteger": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
-      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA==",
-      "dev": true
-    },
-    "lodash.isnumber": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
-      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw==",
-      "dev": true
-    },
-    "lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
-      "dev": true
-    },
-    "lodash.isstring": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
-      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
-      "dev": true
-    },
     "lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
     },
-    "lodash.once": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
-      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
-      "dev": true
-    },
     "log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -14477,7 +15197,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -14745,6 +15465,17 @@
         "tslib": "^2.0.0"
       }
     },
+    "react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      }
+    },
     "read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -15031,6 +15762,13 @@
         "tslib": "^2.0.3"
       }
     },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "optional": true,
+      "peer": true
+    },
     "source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -15143,6 +15881,11 @@
         "client-only": "0.0.1"
       }
     },
+    "stylis": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.1.3.tgz",
+      "integrity": "sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA=="
+    },
     "supabase": {
       "version": "1.18.2",
       "resolved": "https://registry.npmjs.org/supabase/-/supabase-1.18.2.tgz",
@@ -15720,7 +16463,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true
+      "devOptional": true
     },
     "yaml-ast-parser": {
       "version": "0.0.43",
diff --git a/package.json b/package.json
index 865e972..9010f97 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
     "@graphql-codegen/introspection": "^2.2.1",
     "@graphql-codegen/near-operation-file-preset": "^2.4.4",
     "@graphql-codegen/typescript-operations": "^2.5.7",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/material": "^5.11.0",
     "@next/font": "^13.0.3",
     "@radix-ui/react-dialog": "^1.0.2",
     "@supabase/auth-helpers-nextjs": "^0.5.2",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9c7e252..8a5fbfe 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -19,7 +19,7 @@ function App({ Component, pageProps }: AppProps) {
                 supabaseClient={supabaseClient}
                 initialSession={pageProps.initialSession}
             >
-                <div className={`bg-zinc-900 text-white ${inter.className}`}>
+                <div className={`bg-blackpule text-white ${inter.className}`}>
                     <Component {...pageProps} />
                 </div>
             </SessionContextProvider>
diff --git a/pages/index.tsx b/pages/index.tsx
index 7f1b5ab..07e6d9b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,16 +1,47 @@
-import { SupportForm } from "../features/support-form/components/SupportForm";
 import Head from "next/head";
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import { AuthForm } from "features/auth/AuthForm";
+import { Navbar } from "features/landing-page/Navbar";
+import { Main } from "features/landing-page/Main";
+import { Footer } from "features/landing-page/Footer";
+import { useTranslation } from "next-i18next";
 
 export default function HomePage() {
+    const { t } = useTranslation("common");
     return (
         <>
             <Head>
-                    <title>sanavaulth</title>
+                    <title>{t('projectName')}</title>
             </Head>
-            <AuthForm />
-            <SupportForm />
+            <div 
+            className="mx-auto 
+            w-full 
+            max-w-[1200px] 
+            flex 
+            justify-center 
+            align-center 
+            self-center 
+            flex-col 
+            border-solid 
+            h-full 
+            max-h-max 
+            selection:bg-[#2a3046]/50 
+            selection:text-white
+            
+            max-xl:max-w-[850px]
+            
+            max-lg:max-w-[700px]
+            
+            max-md:max-w-[90vw]
+            
+            max-sm:overflow-x-hidden
+            max-sm:max-w-[100vw]">
+                
+                <Navbar />
+                <Main />
+                <Footer />
+            
+            </div>
+            
         </>
     )
 }
diff --git a/public/locales/pl/common.json b/public/locales/pl/common.json
index e761185..12c25d8 100644
--- a/public/locales/pl/common.json
+++ b/public/locales/pl/common.json
@@ -1,4 +1,5 @@
 {
+    "projectName": "SanaVaulth", 
     "supportForm": {
         "title": "Potrzebujesz pomocy?",
         "description": "Odpiszemy w ciągu 24 godzin",
@@ -22,5 +23,25 @@
     "name": "Imię",
     "surname": "Nazwisko",
     "email": "E-mail",
-    "submit": "Wyślij"
+    "submit": "Wyślij",
+    "contact": "Kontakt",
+    "team": "Nasz zespół",
+    "login": "Zaloguj się",
+    "main": {
+        "quote": "To piękny i bezpieczny sposób na przechowywanie twoich danych",
+        "getStarted": "Rozpocznij",
+        "heroTitle": "Zupełnie nowe podejście do przechowywania danych",
+        "heroText": "Zaprojektowany z bezlitosną precyzją, aby otrzymać perfekcje. W SanaVaulth nowoczesność idzie razem z bezpieczeństwem",
+        "cloudStorage": "Chmura Danych",
+        "hackProtection": "Pełne Bezpieczeństwo",
+        "fileEncryption": "Szyfrowanie danych",
+        "dataManagement": "Zarządzanie danymi",
+        "repo": "Repozytorium",
+        "gitHub": "GitHub",
+        "openSource": "Projekt Open-Source"
+    },
+    "footer": {
+        "aboutUs": "O nas",
+        "createdBy": "Stworzone przez Team Sanaszki"
+    }
 }
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 8e1d233..39d05f1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,7 +6,19 @@ module.exports = {
         "./features/**/*.{js,ts,jsx,tsx}",
       ],
     theme: {
-        extend: {},
+        extend: {
+            colors: {
+                'blackpule': "#000212",
+                'graypule': "#090B1D",
+                'sanahPurple': "#7450F0",
+                'sanahBlue': '#001271'
+            }, breakpoints: {
+                'sm':'600px',
+                'md':'768px',
+                'lg':'900px',
+                'xl':'1199px'
+            }
+        },
     },
     plugins: [],
-}
+}
\ No newline at end of file