From 0b71b0b30159513a3910e7aac5118540a0f39cee Mon Sep 17 00:00:00 2001
From: ddebixx <andre.maluu999@gmail.com>
Date: Tue, 20 Dec 2022 18:53:43 +0100
Subject: [PATCH 1/7] Add new landing

Co-authored-by: Mopsior <https://github.com/Mopsior>
---
 components/Button.tsx            |   2 +-
 components/Dialog.tsx            |   2 +-
 components/Input.tsx             |   6 +-
 components/TextArea.tsx          |   6 +-
 features/auth/AuthForm.tsx       |   6 +-
 features/landing-page/Footer.tsx |  58 +++
 features/landing-page/Main.tsx   | 254 ++++++++++
 features/landing-page/Navbar.tsx |  63 +++
 package-lock.json                | 826 ++++++++++++++++++++++++++++++-
 package.json                     |   4 +
 pages/_app.tsx                   |   2 +-
 pages/index.tsx                  |  15 +-
 public/locales/pl/common.json    |  22 +-
 tailwind.config.js               |  11 +-
 14 files changed, 1235 insertions(+), 42 deletions(-)
 create mode 100644 features/landing-page/Footer.tsx
 create mode 100644 features/landing-page/Main.tsx
 create mode 100644 features/landing-page/Navbar.tsx

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..58c8b73 100644
--- a/features/auth/AuthForm.tsx
+++ b/features/auth/AuthForm.tsx
@@ -8,7 +8,7 @@ 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]/50 rounded-lg backdrop-blur-[10px] drop-shadow-lg fixed right-0 top-[60px]'>
             <h1 className='text-center mt-4 text-xl'>{t('loginForm.title')}</h1>
             <Auth 
                 view='magic_link'
@@ -33,7 +33,9 @@ export function AuthForm() {
                     variables: {
                         default: {
                             colors: {
-                                inputText: 'white'
+                                inputText: 'white',
+                                brand: '#7450F0',
+                                brandAccent: '#7450F0'
                             }
                         }
                     }
diff --git a/features/landing-page/Footer.tsx b/features/landing-page/Footer.tsx
new file mode 100644
index 0000000..c38cdb6
--- /dev/null
+++ b/features/landing-page/Footer.tsx
@@ -0,0 +1,58 @@
+import GitHubIcon from '@mui/icons-material/GitHub';
+import { SupportForm } from 'features/support-form/components/SupportForm';
+import { useTranslation } from "next-i18next";
+
+export default function Footer() {
+
+    const { t } = useTranslation("common");
+
+    return (
+        <footer 
+        className="w-full 
+        max-w-[1200px]
+        h-[250px] 
+        mt-[100px] 
+        pt-[20px] 
+        flex 
+        justify-between 
+        border-t-[0.5px] 
+        border-white/40 
+        font-sans
+        flex-wrap
+        relative">
+            <p 
+            className="text-[24px] 
+            cursor-pointer 
+            font-bold">{t('projectName')}</p>
+            <ul 
+            className="list-none 
+            text-center 
+            flex 
+            flex-col 
+            gap-[20px]">
+                <li 
+                className="text-[20px] 
+                cursor-pointer 
+                font-semibold">{t('team')}</li>
+                <li 
+                className="cursor-pointer 
+                font-thin">{t('footer.aboutUs')}</li>
+            </ul>
+            <SupportForm />
+            <ul 
+            className="absolute 
+            bottom-0">
+                <li><GitHubIcon 
+                className="text-[36px]
+                duration-300  
+                cursor-pointer 
+                hover:drop-shadow-[0_0_10px_rgba(116,18,240,.8)]"/></li>
+                <li 
+                className='text-[16px] 
+                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..7b61db8
--- /dev/null
+++ b/features/landing-page/Main.tsx
@@ -0,0 +1,254 @@
+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 default function Main() {
+    const { t } = useTranslation("common");
+
+    return (
+        <main>
+        <div 
+        className="flex 
+        items-center 
+        justify-center 
+        flex-col 
+        mt-[150px] 
+        font-sans">
+            
+            <h1 
+            className="text-[96px] 
+            tracking-wider 
+            font-bold
+            bg-gradient-to-tr
+            from-[#fff] 
+            to-[rgba(0,0,100,0.2)] 
+            bg-clip-text
+            text-transparent
+            ">{t('projectName')}</h1>
+            <p 
+            className="text-white/60 w-[400px] 
+            text-center 
+            font-thin
+            text-[24px]">{t('main.quote')}</p>
+            <button 
+            className="w-[150px] 
+            h-[40px] 
+            rounded-full 
+            bg-gradient-to-tr 
+            from-[#7412F0] 
+            to-[#001271] 
+            mt-[15px] 
+            font-semibold 
+            tracking-[2px]
+            text-[14px] 
+            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-[100px] 
+        shadow-[0_0_250px_0_rgba(119,122,255,0.3)]"></div>
+
+            <h2 
+            className="text-center 
+            text-[48px] 
+            mt-[100px] 
+            w-[600px] 
+            relative 
+            leading-[60px]">{t('main.heroTitle')}</h2>
+            <p 
+            className="text-center 
+            w-[600px] 
+            text-white/50 
+            font-thin
+            text-[18px] 
+            mt-[10px]">{t('main.heroText')}</p>
+        
+        </div>
+        
+
+        <div 
+        className="flex 
+        flex-wrap 
+        gap-[50px] 
+        mt-[100px]">
+            
+            <div 
+            className="w-[700px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+            bg-[#111329]/50 
+            rounded-[50px]
+            gap-[10px]">
+                
+                <GppGoodIcon 
+                className="text-[150px]  
+                text-[rgba(255,255,255,.2)]
+                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+                
+                <h2 
+                className="text-[36px] 
+                font-normal">{t('main.cloudStorage')}</h2>
+                
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[500px]
+                text-[14px] 
+                text-white/50">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="col-end-1 
+            w-[450px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+            bg-[#111329]/50 
+            rounded-[50px]"> 
+            <GppMaybeIcon 
+            className="text-[150px]  
+            text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" /> 
+            
+            <h2 
+            className="text-[36px] 
+            font-normal">{t('main.hackProtection')}</h2>
+                
+            <p 
+            className="text-center 
+            font-thin
+            w-full
+            max-w-[400px] 
+            text-[14px]
+          text-white/50">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]">
+                 
+            <PasswordIcon
+            className="text-[150px]  
+            text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" /> 
+            
+            <h2 
+            className="text-[36px] 
+            font-normal">{t('main.fileEncryption')}</h2>
+                
+            <p 
+            className="text-center 
+            font-thin
+            w-full
+            max-w-[400px]
+            text-[14px] 
+          text-white/50">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-[700px] 
+            h-[350px] 
+            flex 
+            flex-col
+            items-center 
+            justify-center 
+            bg-[#111329]/50 
+            rounded-[50px]">
+                 
+            <PeopleAltIcon
+            className="text-[150px]  
+            text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+                
+            <h2 
+            className="text-[36px] 
+            font-normal">{t('main.dataManagement')}</h2>
+                
+            <p 
+            className="text-center 
+            font-thin
+            w-full
+            max-w-[500px]
+            text-[14px] 
+            text-white/50">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 
+        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)]">
+            
+            <div className="flex flex-col items-center gap-[20px]">
+
+                <h2 className="text-[36px] w-full max-w-[450px] text-center font-thin">Open-Source project</h2>
+
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[350px]
+                text-[14px] 
+              text-white/50">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-[150px]
+                text-[rgba(255,255,255,.2)]
+                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+                <ul 
+                    className="flex 
+                    flex-col 
+                    items-center 
+                    gap-[20px]">
+                    <li 
+                        className="text-[20px]
+                        font-semibold">{t('main.repo')}</li>
+                    <li><button 
+                    className="w-[175px] 
+                    h-[40px] 
+                    rounded-full 
+                    bg-gradient-to-tr 
+                    from-[#7412F0] 
+                    to-[#001271] f
+                    font-semibold
+                    text-[14px] 
+                    tracking-[2px]
+                    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..e712885
--- /dev/null
+++ b/features/landing-page/Navbar.tsx
@@ -0,0 +1,63 @@
+import { AuthForm } from "features/auth/AuthForm"
+import { useState } from "react"
+import { useTranslation } from "next-i18next";
+
+export default function 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">
+            <div
+                className="cursor-pointer 
+            text-[20px] 
+            font-bold
+            tracking-widest">{t('projectName')}</div>
+            <ul
+                className="flex 
+            items-center 
+            justify-center 
+            flex-row 
+            gap-[100px] 
+            cursor-pointer">
+                <li className="cursor-pointer">{t("contact")}</li>
+                <li className="cursor-pointer">{t("team")}</li>
+            </ul>
+            {
+                openLogin
+                    ? <>
+                        <AuthForm />
+                        <button onClick={() => setOpenLogin(false)}>X</button>
+                    </>
+                    : <div>
+                        <button
+                            className="w-[150px] 
+                            h-[40px] 
+                            rounded-full 
+                            bg-gradient-to-tr 
+                            from-sanahPurple
+                            to-sanahBlue
+                            font-semibold 
+                            tracking-[2px]
+                            text-[14px]
+                            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/package-lock.json b/package-lock.json
index 5be22af..a9d18f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,10 +10,14 @@
       "license": "GPL-3",
       "dependencies": {
         "@apollo/client": "^3.7.1",
+        "@emotion/react": "^11.10.5",
+        "@emotion/styled": "^11.10.5",
         "@graphql-codegen/fragment-matcher": "^3.3.1",
         "@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 +1126,151 @@
         "@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==",
+      "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=="
+    },
+    "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==",
+      "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==",
+      "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==",
+      "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=="
+    },
+    "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==",
+      "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",
@@ -2321,6 +2470,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 +3024,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",
@@ -3045,8 +3454,7 @@
     "node_modules/@types/parse-json": {
       "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
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
     "node_modules/@types/phoenix": {
       "version": "1.5.4",
@@ -3077,6 +3485,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 +4039,20 @@
       "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==",
+      "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 +4500,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 +4594,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -4421,6 +4866,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 +4925,6 @@
       "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,
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -5199,6 +5652,11 @@
         "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=="
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -5905,8 +6363,7 @@
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
     },
     "node_modules/is-bigint": {
       "version": "1.0.4",
@@ -6251,8 +6708,7 @@
     "node_modules/json-parse-even-better-errors": {
       "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
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -6410,8 +6866,7 @@
     "node_modules/lines-and-columns": {
       "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
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/listr2": {
       "version": "4.0.5",
@@ -7298,7 +7753,6 @@
       "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,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -7752,6 +8206,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 +8611,14 @@
         "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==",
+      "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 +8773,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 +9569,6 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -9907,6 +10388,121 @@
         }
       }
     },
+    "@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==",
+      "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=="
+    },
+    "@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==",
+      "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==",
+      "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==",
+      "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=="
+    },
+    "@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==",
+      "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",
@@ -10917,6 +11513,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 +11797,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",
@@ -11436,8 +12154,7 @@
     "@types/parse-json": {
       "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
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
     "@types/phoenix": {
       "version": "1.5.4",
@@ -11468,6 +12185,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 +12562,16 @@
       "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==",
+      "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 +12890,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 +12962,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
       "requires": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -12416,6 +13163,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 +13216,6 @@
       "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,
       "requires": {
         "is-arrayish": "^0.2.1"
       }
@@ -13017,6 +13772,11 @@
         "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=="
+    },
     "find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -13516,8 +14276,7 @@
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
     },
     "is-bigint": {
       "version": "1.0.4",
@@ -13751,8 +14510,7 @@
     "json-parse-even-better-errors": {
       "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
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
     },
     "json-schema-traverse": {
       "version": "0.4.1",
@@ -13881,8 +14639,7 @@
     "lines-and-columns": {
       "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
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "listr2": {
       "version": "4.0.5",
@@ -14477,7 +15234,6 @@
       "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,
       "requires": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -14745,6 +15501,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 +15798,11 @@
         "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=="
+    },
     "source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -15143,6 +15915,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",
@@ -15719,8 +16496,7 @@
     "yaml": {
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
     },
     "yaml-ast-parser": {
       "version": "0.0.43",
diff --git a/package.json b/package.json
index 865e972..bbee05c 100644
--- a/package.json
+++ b/package.json
@@ -12,10 +12,14 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@graphql-codegen/fragment-matcher": "^3.3.1",
     "@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..20301be 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -2,15 +2,24 @@ 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 { ClassNames } from "@emotion/react";
 
-export default function HomePage() {
+export default function HomePage(): JSX.Element {
     return (
         <>
             <Head>
                     <title>sanavaulth</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">
+                
+                <Navbar />
+                <Main />
+                <Footer />
+            </div>
+            
         </>
     )
 }
diff --git a/public/locales/pl/common.json b/public/locales/pl/common.json
index e761185..8db8b83 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,24 @@
     "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": "Reposytorium",
+        "gitHub": "GitHub"
+    },
+    "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..ffaf03d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,7 +6,14 @@ module.exports = {
         "./features/**/*.{js,ts,jsx,tsx}",
       ],
     theme: {
-        extend: {},
+        extend: {
+            colors: {
+                'blackpule': "#000212",
+                'graypule': "#090B1D",
+                'sanahPurple': "#7450F0",
+                'sanahBlue': '#001271'
+            },
+        },
     },
     plugins: [],
-}
+}
\ No newline at end of file

From e731118ee0193406f1ee0325dcf493f08e5b4347 Mon Sep 17 00:00:00 2001
From: ddebixx <andre.maluu999@gmail.com>
Date: Fri, 23 Dec 2022 14:24:17 +0100
Subject: [PATCH 2/7] Landing-responsive

---
 features/auth/AuthForm.tsx                    |  13 +-
 features/landing-page/Footer.tsx              |  24 +-
 features/landing-page/Main.tsx                | 290 ++++++++++++++----
 features/landing-page/Navbar.tsx              |  18 +-
 .../support-form/components/SupportForm.tsx   |  31 +-
 pages/index.tsx                               |  25 +-
 6 files changed, 318 insertions(+), 83 deletions(-)

diff --git a/features/auth/AuthForm.tsx b/features/auth/AuthForm.tsx
index 58c8b73..95f37e0 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 bg-[#111329]/50 rounded-lg backdrop-blur-[10px] drop-shadow-lg fixed right-0 top-[60px]'>
+        <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'
diff --git a/features/landing-page/Footer.tsx b/features/landing-page/Footer.tsx
index c38cdb6..38ce970 100644
--- a/features/landing-page/Footer.tsx
+++ b/features/landing-page/Footer.tsx
@@ -19,7 +19,12 @@ export default function Footer() {
         border-white/40 
         font-sans
         flex-wrap
-        relative">
+        relative
+        
+        max-[768px]:flex-col
+        max-[768px]:items-center
+        max-[768px]:justify-even
+        max-[768px]:h-[300px]">
             <p 
             className="text-[24px] 
             cursor-pointer 
@@ -29,11 +34,13 @@ export default function Footer() {
             text-center 
             flex 
             flex-col 
-            gap-[20px]">
+            gap-[20px]
+            
+            max-[768px]:gap-0">
                 <li 
                 className="text-[20px] 
                 cursor-pointer 
-                font-semibold">{t('team')}</li>
+                font-regular">{t('team')}</li>
                 <li 
                 className="cursor-pointer 
                 font-thin">{t('footer.aboutUs')}</li>
@@ -41,12 +48,17 @@ export default function Footer() {
             <SupportForm />
             <ul 
             className="absolute 
-            bottom-0">
-                <li><GitHubIcon 
+            bottom-0
+            
+            max-[768px]:flex
+            max-[768px]:flex-col
+            max-[768px]:items-center
+            max-[768px]:relative">
+                <li className='text-[36px]'><GitHubIcon 
                 className="text-[36px]
                 duration-300  
                 cursor-pointer 
-                hover:drop-shadow-[0_0_10px_rgba(116,18,240,.8)]"/></li>
+                hover:drop-shadow-[0_0_10px_rgba(116,18,240,.8)]" fontSize='inherit'/></li>
                 <li 
                 className='text-[16px] 
                 text-white/40 
diff --git a/features/landing-page/Main.tsx b/features/landing-page/Main.tsx
index 7b61db8..fbcbeb0 100644
--- a/features/landing-page/Main.tsx
+++ b/features/landing-page/Main.tsx
@@ -9,7 +9,9 @@ export default function Main() {
     const { t } = useTranslation("common");
 
     return (
-        <main>
+        <main 
+        className='max-[600px]:pl-[20px]
+        max-[600px]:pr-[20px]'>
         <div 
         className="flex 
         items-center 
@@ -27,12 +29,22 @@ export default function Main() {
             to-[rgba(0,0,100,0.2)] 
             bg-clip-text
             text-transparent
-            ">{t('projectName')}</h1>
+            
+            max-[1199px]:text-[72px]
+            
+            max-[600px]:text-[48px]">{t('projectName')}</h1>
             <p 
-            className="text-white/60 w-[400px] 
+            className="text-white/60 
+            max-w-[400px] 
             text-center 
             font-thin
-            text-[24px]">{t('main.quote')}</p>
+            text-[24px]
+            
+            max-[1199px]:text-[20px]
+            max-[1199px]:max-w-[500px]
+            
+            max-[600px]:text-[16px]
+            max-[600px]:max-w-[300px]">{t('main.quote')}</p>
             <button 
             className="w-[150px] 
             h-[40px] 
@@ -52,53 +64,100 @@ export default function Main() {
         max-w-[1200px] 
         h-[700px] 
         bg-white/10 
-        flex rounded-[50px] 
+        flex 
+        rounded-[50px] 
         mt-[100px] 
-        shadow-[0_0_250px_0_rgba(119,122,255,0.3)]"></div>
+        shadow-[0_0_250px_0_rgba(119,122,255,0.3)]
+        
+        
+        max-[1199px]:h-[500px]
+        max-[1199px]:rounded-[20px]
+        
+        max-[900px]:h-[415px]
+        
+        max-[768px]:h-[350px]"></div>
 
             <h2 
             className="text-center 
             text-[48px] 
             mt-[100px] 
             w-[600px] 
-            relative 
-            leading-[60px]">{t('main.heroTitle')}</h2>
+            leading-[60px]
+            
+            max-[1199px]:text-[36px]
+            max-[1199px]:leading-[36px]
+            
+            max-[600px]:text-[24px]
+            max-[600px]:max-w-[400px]">{t('main.heroTitle')}</h2>
             <p 
             className="text-center 
             w-[600px] 
             text-white/50 
             font-thin
             text-[18px] 
-            mt-[10px]">{t('main.heroText')}</p>
+            mt-[10px]
+
+            max-[900px]:text-[16px]
+            max-[900px]:w-[500px]
+            
+            max-[600px]:max-w-[350px]
+            max-[600px]:text-[14px]">{t('main.heroText')}</p>
         
         </div>
         
 
         <div 
-        className="flex 
+        className="max-[768px]:snap-mandatory
+        max-[768px]:snap-y
+        max-[768px]:w-screen
+        max-[768px]:h-inherit
+        max-[768px]:overflow-x-scroll
+        max-[768px]:oveflow-y-hidden
+        max-[768px]:max-w-[90vw]">
+        
+        <div className='flex
         flex-wrap 
         gap-[50px] 
-        mt-[100px]">
-            
+        mt-[100px]
+    
+        max-[1199px]:gap-[30px]
+        max-[768px]:flex-nowrap
+        max-[768px]:w-[1400px]
+
+
+        '>
             <div 
-            className="w-[700px] 
+            className="w-full
+            max-w-[700px] 
             h-[350px] 
             flex 
             flex-col
             items-center 
             justify-center 
-            bg-[#111329]/50 
+          bg-[#111329]/50 
             rounded-[50px]
-            gap-[10px]">
+        
+            text-[120px]
+        
+            max-[1199px]:max-w-[460px]
+            max-[1199px]:h-[220px]
+            max-[1199px]:rounded-[20px]
+            max-[1199px]:text-[80px]
+            
+            max-[900px]:max-w-[330px]
+            
+            max-[768px]:snap-center
+            max-[768px]:max-w-[300px]">
                 
                 <GppGoodIcon 
-                className="text-[150px]  
-                text-[rgba(255,255,255,.2)]
-                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+                className=" text-[rgba(255,255,255,.2)]
+                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' />
                 
                 <h2 
                 className="text-[36px] 
-                font-normal">{t('main.cloudStorage')}</h2>
+                font-thin
+
+                max-[1199px]:text-[24px]">{t('main.cloudStorage')}</h2>
                 
                 <p 
                 className="text-center 
@@ -106,27 +165,48 @@ export default function Main() {
                 w-full
                 max-w-[500px]
                 text-[14px] 
-                text-white/50">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>
+                text-white/50
+                
+                max-[1199px]:text-[12px]
+                max-[1199px]:max-w-[350px]
+                
+                
+                max-[900px]:max-w-[300px]
+                max-[768px]: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="col-end-1 
-            w-[450px] 
+            className="w-[450px] 
             h-[350px] 
             flex 
             flex-col
             items-center 
             justify-center 
             bg-[#111329]/50 
-            rounded-[50px]"> 
+            rounded-[50px]
+            text-[120px]
+            
+            max-[1199px]:max-w-[360px]
+            max-[1199px]:h-[220px]
+            max-[1199px]:text-[80px]
+            max-[1199px]:rounded-[20px]
+            
+            max-[900px]:max-w-[330px]
+            
+            max-[768px]:snap-center
+            max-[768px]:max-w-[300px]"> 
+            
             <GppMaybeIcon 
-            className="text-[150px]  
+            className="
             text-[rgba(255,255,255,.2)]
-            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" /> 
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit'/> 
             
             <h2 
             className="text-[36px] 
-            font-normal">{t('main.hackProtection')}</h2>
+            font-thin
+            
+            max-[1199px]:text-[24px]">{t('main.hackProtection')}
+            </h2>
                 
             <p 
             className="text-center 
@@ -134,10 +214,16 @@ export default function Main() {
             w-full
             max-w-[400px] 
             text-[14px]
-          text-white/50">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>
+          text-white/50
+          
+            max-[1199px]:text-[12px]
+            max-[1199px]:max-w-[350px]
+            
+            max-[900px]:max-w-[300px]
+            max-[768px]: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 
             className="w-[450px] 
             h-[350px] 
             flex 
@@ -145,54 +231,91 @@ export default function Main() {
             items-center 
             justify-center 
             bg-[#111329]/50 
-            rounded-[50px]">
-                 
+            rounded-[50px]
+            text-[120px]
+            
+            max-[1199px]:max-w-[360px]
+            max-[1199px]:h-[220px]
+            max-[1199px]:text-[80px]
+            max-[1199px]:rounded-[20px]
+            
+            max-[900px]:max-w-[330px]
+            
+            max-[768px]:snap-center
+            max-[768px]:max-w-[300px]"> 
+            
             <PasswordIcon
-            className="text-[150px]  
-            text-[rgba(255,255,255,.2)]
-            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" /> 
+            className="text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' /> 
             
             <h2 
             className="text-[36px] 
-            font-normal">{t('main.fileEncryption')}</h2>
+            font-thin
+            
+            max-[1199px]:text-[24px]">{t('main.fileEncryption')}</h2>
                 
             <p 
             className="text-center 
             font-thin
             w-full
-            max-w-[400px]
-            text-[14px] 
-          text-white/50">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>
+            max-w-[400px] 
+            text-[14px]
+          text-white/50
+          
+            max-[1199px]:text-[12px]
+            max-[1199px]:max-w-[350px]
+            
+            max-[900px]:max-w-[300px]
+            max-[768px]: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-[700px] 
+            className="w-full
+            max-w-[700px] 
             h-[350px] 
             flex 
             flex-col
             items-center 
             justify-center 
-            bg-[#111329]/50 
-            rounded-[50px]">
-                 
+          bg-[#111329]/50 
+            rounded-[50px] 
+            text-[120px]
+        
+            max-[1199px]:max-w-[460px]
+            max-[1199px]:h-[220px]
+            max-[1199px]:rounded-[20px]
+            max-[1199px]:text-[80px]
+            
+            max-[900px]:max-w-[330px]
+            
+            max-[768px]:snap-center
+            max-[768px]:max-w-[300px]">
+                
             <PeopleAltIcon
-            className="text-[150px]  
-            text-[rgba(255,255,255,.2)]
-            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+            className="text-[rgba(255,255,255,.2)]
+            drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit' />
                 
             <h2 
             className="text-[36px] 
-            font-normal">{t('main.dataManagement')}</h2>
-                
-            <p 
-            className="text-center 
             font-thin
-            w-full
-            max-w-[500px]
-            text-[14px] 
-            text-white/50">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>
-        
+            
+            max-[1199px]:text-[24px]">{t('main.dataManagement')}</h2>
+                
+                <p 
+                className="text-center 
+                font-thin
+                w-full
+                max-w-[500px]
+                text-[14px] 
+                text-white/50
+                
+                max-[1199px]:text-[12px]
+                max-[1199px]:max-w-[350px]
+                
+                max-[900px]:max-w-[300px]
+                max-[768px]: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 
@@ -205,11 +328,40 @@ export default function Main() {
         justify-around
         bg-[#111329]/50 
         rounded-[50px] 
-        shadow-[0_0_200px_0_rgba(240,240,240,0.1)]">
+        shadow-[0_0_200px_0_rgba(240,240,240,0.1)]
+        text-[120px]
+        
+        max-[1199px]:h-[300px]
+        max-[1199px]:max-w-[850px]
+        max-[1199px]:text-[80px]
+        max-[1199px]:mt-[50px]
+        max-[1199px]:rounded-[20px]
+        
+        max-[768px]:mt-[75px]
+        
+        max-[600px]:flex-col
+        max-[600px]:h-[460px]
+        max-[600px]:justify-center
+        max-[600px]:p-[20px]">
+            
+            <div 
+            className="flex 
+            flex-col 
+            items-center 
+            gap-[20px]
             
-            <div className="flex flex-col items-center gap-[20px]">
+            max-[1199px]:gap-0">
 
-                <h2 className="text-[36px] w-full max-w-[450px] text-center font-thin">Open-Source project</h2>
+                <h2 
+                className="text-[36px] 
+                w-full 
+                max-w-[450px] 
+                text-center 
+                font-thin
+                
+                max-[1199px]:text-[30px]
+                
+                max-[600px]:text-[24px]">Open-Source project</h2>
 
                 <p 
                 className="text-center 
@@ -217,28 +369,30 @@ export default function Main() {
                 w-full
                 max-w-[350px]
                 text-[14px] 
-              text-white/50">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>                
+              text-white/50
+              
+                max-[600px]: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-[150px]
-                text-[rgba(255,255,255,.2)]
-                drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" />
+            <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 
-                    gap-[20px]">
+                    items-center">
                     <li 
                         className="text-[20px]
-                        font-semibold">{t('main.repo')}</li>
-                    <li><button 
+                        font-regulat">{t('main.repo')}</li>
+                    <li className='text-[40px]'><button 
                     className="w-[175px] 
                     h-[40px] 
                     rounded-full 
                     bg-gradient-to-tr 
                     from-[#7412F0] 
-                    to-[#001271] f
+                    to-[#001271]
                     font-semibold
                     text-[14px] 
                     tracking-[2px]
@@ -248,7 +402,7 @@ export default function Main() {
             </div>
         
         </div>
-        
+    
         </main>
     )
 }
\ No newline at end of file
diff --git a/features/landing-page/Navbar.tsx b/features/landing-page/Navbar.tsx
index e712885..8ad5c2c 100644
--- a/features/landing-page/Navbar.tsx
+++ b/features/landing-page/Navbar.tsx
@@ -8,7 +8,7 @@ export default function Navbar() {
 
     return (
         <nav
-            className="flex 
+        className="flex 
         items-center 
         justify-between 
         flex-row 
@@ -19,7 +19,17 @@ export default function Navbar() {
         border-white/30 
         backdrop-blur-[10px] 
         fixed top-0 z-[222]
-        font-sans">
+        font-sans
+        
+        max-[1199px]:max-w-[850px]
+        
+        max-[900px]:max-w-[700px]
+        
+        max-[768px]:max-w-[90vw]
+        
+        max-[600px]:max-w-[100vw]
+        max-[600px]:pl-[20px]
+        max-[600px]:pr-[20px]">
             <div
                 className="cursor-pointer 
             text-[20px] 
@@ -31,7 +41,9 @@ export default function Navbar() {
             justify-center 
             flex-row 
             gap-[100px] 
-            cursor-pointer">
+            cursor-pointer
+            
+            max-[610px]:hidden">
                 <li className="cursor-pointer">{t("contact")}</li>
                 <li className="cursor-pointer">{t("team")}</li>
             </ul>
diff --git a/features/support-form/components/SupportForm.tsx b/features/support-form/components/SupportForm.tsx
index 4cd0c2b..ed3a575 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-[768px]:relative
+        max-[768px]:rounded-[50px]
+        max-[768px]:bg-gradient-to-tr 
+        from-[#7412F0] 
+        to-[#001271]
+        max-[768px]:h-[40px]
+        max-[768px]:w-[200px]
+        max-[768px]: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-[600px]:text-[24px]">{t("submit")}</Button>
       </form>
     </Dialog>
   );
diff --git a/pages/index.tsx b/pages/index.tsx
index 20301be..b052c16 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -13,11 +13,34 @@ export default function HomePage(): JSX.Element {
             <Head>
                     <title>sanavaulth</title>
             </Head>
-            <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">
+            <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-[1199px]:max-w-[850px]
+            
+            max-[900px]:max-w-[700px]
+            
+            max-[768px]:max-w-[90vw]
+            
+            max-[600px]:overflow-x-hidden
+            max-[600px]:max-w-[100vw]">
                 
                 <Navbar />
                 <Main />
                 <Footer />
+            
             </div>
             
         </>

From c27cd74dedb3fd59396dccff2c75f2f4656fa735 Mon Sep 17 00:00:00 2001
From: ddebixx <andre.maluu999@gmail.com>
Date: Fri, 23 Dec 2022 14:45:19 +0100
Subject: [PATCH 3/7] Landing-responsive fixed slider

---
 features/landing-page/Main.tsx | 7 ++-----
 public/locales/pl/common.json  | 5 +++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/features/landing-page/Main.tsx b/features/landing-page/Main.tsx
index fbcbeb0..4b49182 100644
--- a/features/landing-page/Main.tsx
+++ b/features/landing-page/Main.tsx
@@ -122,10 +122,7 @@ export default function Main() {
     
         max-[1199px]:gap-[30px]
         max-[768px]:flex-nowrap
-        max-[768px]:w-[1400px]
-
-
-        '>
+        max-[768px]:w-[1300px]'>
             <div 
             className="w-full
             max-w-[700px] 
@@ -361,7 +358,7 @@ export default function Main() {
                 
                 max-[1199px]:text-[30px]
                 
-                max-[600px]:text-[24px]">Open-Source project</h2>
+                max-[600px]:text-[24px]">{t('main.openSource')}</h2>
 
                 <p 
                 className="text-center 
diff --git a/public/locales/pl/common.json b/public/locales/pl/common.json
index 8db8b83..12c25d8 100644
--- a/public/locales/pl/common.json
+++ b/public/locales/pl/common.json
@@ -36,8 +36,9 @@
         "hackProtection": "Pełne Bezpieczeństwo",
         "fileEncryption": "Szyfrowanie danych",
         "dataManagement": "Zarządzanie danymi",
-        "repo": "Reposytorium",
-        "gitHub": "GitHub"
+        "repo": "Repozytorium",
+        "gitHub": "GitHub",
+        "openSource": "Projekt Open-Source"
     },
     "footer": {
         "aboutUs": "O nas",

From 6e7ce5706a7a9285933f58757d13644e5d42434e Mon Sep 17 00:00:00 2001
From: Mopsior <kontakt@mopsior.pl>
Date: Tue, 27 Dec 2022 10:26:35 +0100
Subject: [PATCH 4/7] Change boolean
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Jan Szymański <hello.konhi@gmail.com>
---
 features/landing-page/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/features/landing-page/Navbar.tsx b/features/landing-page/Navbar.tsx
index 8ad5c2c..3e885f1 100644
--- a/features/landing-page/Navbar.tsx
+++ b/features/landing-page/Navbar.tsx
@@ -3,7 +3,7 @@ import { useState } from "react"
 import { useTranslation } from "next-i18next";
 
 export default function Navbar() {
-    const [openLogin, setOpenLogin] = useState<Boolean>(false)
+    const [openLogin, setOpenLogin] = useState<boolean>(false)
     const { t } = useTranslation("common");
 
     return (

From ab5c24d21b96e7faded5b75226720e7bad316348 Mon Sep 17 00:00:00 2001
From: ddebixx <andre.maluu999@gmail.com>
Date: Tue, 27 Dec 2022 13:45:25 +0100
Subject: [PATCH 5/7] New-landing fixed styling

---
 features/auth/AuthForm.tsx                    |   4 +-
 features/landing-page/Footer.tsx              |  36 +--
 features/landing-page/Main.tsx                | 256 +++++++++---------
 features/landing-page/Navbar.tsx              |  31 ++-
 .../support-form/components/SupportForm.tsx   |  14 +-
 pages/index.tsx                               |  15 +-
 tailwind.config.js                            |   7 +-
 7 files changed, 183 insertions(+), 180 deletions(-)

diff --git a/features/auth/AuthForm.tsx b/features/auth/AuthForm.tsx
index 95f37e0..3c2744c 100644
--- a/features/auth/AuthForm.tsx
+++ b/features/auth/AuthForm.tsx
@@ -45,8 +45,8 @@ export function AuthForm() {
                         default: {
                             colors: {
                                 inputText: 'white',
-                                brand: '#7450F0',
-                                brandAccent: '#7450F0'
+                                brand: '#26269b',
+                                brandAccent: '#26269b'
                             }
                         }
                     }
diff --git a/features/landing-page/Footer.tsx b/features/landing-page/Footer.tsx
index 38ce970..5e7e26a 100644
--- a/features/landing-page/Footer.tsx
+++ b/features/landing-page/Footer.tsx
@@ -10,9 +10,9 @@ export default function Footer() {
         <footer 
         className="w-full 
         max-w-[1200px]
-        h-[250px] 
-        mt-[100px] 
-        pt-[20px] 
+        h-64 
+        mt-24 
+        pt-5 
         flex 
         justify-between 
         border-t-[0.5px] 
@@ -21,12 +21,12 @@ export default function Footer() {
         flex-wrap
         relative
         
-        max-[768px]:flex-col
-        max-[768px]:items-center
-        max-[768px]:justify-even
-        max-[768px]:h-[300px]">
+        max-md:flex-col
+        max-md:items-center
+        max-md:justify-even
+        max-md:h-[300px]">
             <p 
-            className="text-[24px] 
+            className="text-2xl 
             cursor-pointer 
             font-bold">{t('projectName')}</p>
             <ul 
@@ -34,11 +34,11 @@ export default function Footer() {
             text-center 
             flex 
             flex-col 
-            gap-[20px]
+            gap-5
             
-            max-[768px]:gap-0">
+            max-md:gap-0">
                 <li 
-                className="text-[20px] 
+                className="text-xl 
                 cursor-pointer 
                 font-regular">{t('team')}</li>
                 <li 
@@ -50,17 +50,17 @@ export default function Footer() {
             className="absolute 
             bottom-0
             
-            max-[768px]:flex
-            max-[768px]:flex-col
-            max-[768px]:items-center
-            max-[768px]:relative">
-                <li className='text-[36px]'><GitHubIcon 
-                className="text-[36px]
+            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-[16px] 
+                className='text-base 
                 text-white/40 
                 cursor-default'>{t('footer.createdBy')}</li>
             </ul>
diff --git a/features/landing-page/Main.tsx b/features/landing-page/Main.tsx
index 4b49182..e319315 100644
--- a/features/landing-page/Main.tsx
+++ b/features/landing-page/Main.tsx
@@ -10,8 +10,8 @@ export default function Main() {
 
     return (
         <main 
-        className='max-[600px]:pl-[20px]
-        max-[600px]:pr-[20px]'>
+        className='max-sm:pl-5
+        max-sm:pr-5'>
         <div 
         className="flex 
         items-center 
@@ -21,8 +21,8 @@ export default function Main() {
         font-sans">
             
             <h1 
-            className="text-[96px] 
-            tracking-wider 
+            className="text-8xl 
+            tracking-widest 
             font-bold
             bg-gradient-to-tr
             from-[#fff] 
@@ -30,32 +30,32 @@ export default function Main() {
             bg-clip-text
             text-transparent
             
-            max-[1199px]:text-[72px]
+            max-xl:text-7xl
             
-            max-[600px]:text-[48px]">{t('projectName')}</h1>
+            max-sm:text-5xl">{t('projectName')}</h1>
             <p 
             className="text-white/60 
             max-w-[400px] 
             text-center 
             font-thin
-            text-[24px]
+            text-2xl
             
-            max-[1199px]:text-[20px]
+            max-[1199px]:text-xl
             max-[1199px]:max-w-[500px]
             
-            max-[600px]:text-[16px]
-            max-[600px]:max-w-[300px]">{t('main.quote')}</p>
+            max-sm:text-base
+            max-sm:max-w-[300px]">{t('main.quote')}</p>
             <button 
             className="w-[150px] 
-            h-[40px] 
+            h-10 
             rounded-full 
             bg-gradient-to-tr 
             from-[#7412F0] 
             to-[#001271] 
-            mt-[15px] 
+            mt-4 
             font-semibold 
-            tracking-[2px]
-            text-[14px] 
+            tracking-widest
+            text-sm
             hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
             duration-300 ">{t('main.getStarted')}</button>
         
@@ -66,63 +66,63 @@ export default function Main() {
         bg-white/10 
         flex 
         rounded-[50px] 
-        mt-[100px] 
+        mt-24 
         shadow-[0_0_250px_0_rgba(119,122,255,0.3)]
         
         
-        max-[1199px]:h-[500px]
-        max-[1199px]:rounded-[20px]
+        max-xl:h-[500px]
+        max-xl:rounded-3xl
         
-        max-[900px]:h-[415px]
+        max-lg:h-[415px]
         
-        max-[768px]:h-[350px]"></div>
+        max-md:h-[350px]"></div>
 
             <h2 
             className="text-center 
-            text-[48px] 
-            mt-[100px] 
+            text-5xl 
+            mt-24 
             w-[600px] 
             leading-[60px]
             
-            max-[1199px]:text-[36px]
-            max-[1199px]:leading-[36px]
+            max-xl:text-4xl
+            max-xl:leading-9
             
-            max-[600px]:text-[24px]
-            max-[600px]:max-w-[400px]">{t('main.heroTitle')}</h2>
+            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-[18px] 
-            mt-[10px]
+            text-lg 
+            mt-3
 
-            max-[900px]:text-[16px]
-            max-[900px]:w-[500px]
+            max-lg:text-base
+            max-lg:w-[500px]
             
-            max-[600px]:max-w-[350px]
-            max-[600px]:text-[14px]">{t('main.heroText')}</p>
+            max-sm:max-w-[350px]
+            max-sm:text-sm">{t('main.heroText')}</p>
         
         </div>
         
 
         <div 
-        className="max-[768px]:snap-mandatory
-        max-[768px]:snap-y
-        max-[768px]:w-screen
-        max-[768px]:h-inherit
-        max-[768px]:overflow-x-scroll
-        max-[768px]:oveflow-y-hidden
-        max-[768px]:max-w-[90vw]">
+        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-[50px] 
-        mt-[100px]
+        gap-12 
+        mt-24
     
-        max-[1199px]:gap-[30px]
-        max-[768px]:flex-nowrap
-        max-[768px]:w-[1300px]'>
+        max-xl:gap-8
+        max-md:flex-nowrap
+        max-md:w-[1300px]'>
             <div 
             className="w-full
             max-w-[700px] 
@@ -134,42 +134,42 @@ export default function Main() {
           bg-[#111329]/50 
             rounded-[50px]
         
-            text-[120px]
+            text-9xl
         
-            max-[1199px]:max-w-[460px]
-            max-[1199px]:h-[220px]
-            max-[1199px]:rounded-[20px]
-            max-[1199px]:text-[80px]
+            max-xl:max-w-[460px]
+            max-xl:h-56
+            max-xl:rounded-3xl
+            max-xl:text-7xl
             
-            max-[900px]:max-w-[330px]
+            max-lg:max-w-[330px]
             
-            max-[768px]:snap-center
-            max-[768px]:max-w-[300px]">
+            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-[36px] 
+                className="text-4xl 
                 font-thin
 
-                max-[1199px]:text-[24px]">{t('main.cloudStorage')}</h2>
+                max-xl:text-2xl">{t('main.cloudStorage')}</h2>
                 
                 <p 
                 className="text-center 
                 font-thin
                 w-full
                 max-w-[500px]
-                text-[14px] 
+                text-sm 
                 text-white/50
                 
-                max-[1199px]:text-[12px]
-                max-[1199px]:max-w-[350px]
+                max-xl:xs
+                max-xl:max-w-[350px]
                 
                 
-                max-[900px]:max-w-[300px]
-                max-[768px]: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>
+                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 
@@ -181,17 +181,17 @@ export default function Main() {
             justify-center 
             bg-[#111329]/50 
             rounded-[50px]
-            text-[120px]
+            text-9xl
             
-            max-[1199px]:max-w-[360px]
-            max-[1199px]:h-[220px]
-            max-[1199px]:text-[80px]
-            max-[1199px]:rounded-[20px]
+            max-xl:max-w-[360px]
+            max-xl:h-56
+            max-xl:text-7xl
+            max-xl:rounded-3xl
             
-            max-[900px]:max-w-[330px]
+            max-lg:max-w-[330px]
             
-            max-[768px]:snap-center
-            max-[768px]:max-w-[300px]"> 
+            max-md:snap-center
+            max-md:max-w-[300px]"> 
             
             <GppMaybeIcon 
             className="
@@ -199,10 +199,10 @@ export default function Main() {
             drop-shadow-[0_0_30px_rgba(255,255,255,.8)]" fontSize='inherit'/> 
             
             <h2 
-            className="text-[36px] 
+            className="text-4xl 
             font-thin
             
-            max-[1199px]:text-[24px]">{t('main.hackProtection')}
+            max-xl:text-2xl">{t('main.hackProtection')}
             </h2>
                 
             <p 
@@ -210,14 +210,14 @@ export default function Main() {
             font-thin
             w-full
             max-w-[400px] 
-            text-[14px]
+            text-sm
           text-white/50
           
-            max-[1199px]:text-[12px]
-            max-[1199px]:max-w-[350px]
+            max-xl:text-xs
+            max-xl:max-w-[350px]
             
-            max-[900px]:max-w-[300px]
-            max-[768px]: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>
+            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 
@@ -229,41 +229,41 @@ export default function Main() {
             justify-center 
             bg-[#111329]/50 
             rounded-[50px]
-            text-[120px]
+            text-9xl
             
-            max-[1199px]:max-w-[360px]
-            max-[1199px]:h-[220px]
-            max-[1199px]:text-[80px]
-            max-[1199px]:rounded-[20px]
+            max-xl:max-w-[360px]
+            max-xl:h-56
+            max-xl:text-7xl
+            max-xl:rounded-3xl
             
-            max-[900px]:max-w-[330px]
+            max-lg:max-w-[330px]
             
-            max-[768px]:snap-center
-            max-[768px]:max-w-[300px]"> 
+            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-[36px] 
+            className="text-4xl 
             font-thin
             
-            max-[1199px]:text-[24px]">{t('main.fileEncryption')}</h2>
+            max-xl:text-2xl">{t('main.fileEncryption')}</h2>
                 
             <p 
             className="text-center 
             font-thin
             w-full
             max-w-[400px] 
-            text-[14px]
+            text-sm
           text-white/50
           
-            max-[1199px]:text-[12px]
-            max-[1199px]:max-w-[350px]
+            max-xl:text-xs
+            max-xl:max-w-[350px]
             
-            max-[900px]:max-w-[300px]
-            max-[768px]: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>
+            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 
@@ -276,41 +276,41 @@ export default function Main() {
             justify-center 
           bg-[#111329]/50 
             rounded-[50px] 
-            text-[120px]
+            text-9xl
         
-            max-[1199px]:max-w-[460px]
-            max-[1199px]:h-[220px]
-            max-[1199px]:rounded-[20px]
-            max-[1199px]:text-[80px]
+            max-xl:max-w-[460px]
+            max-xl:h-[220px]
+            max-xl:rounded-[20px]
+            max-xl:text-7xl
             
-            max-[900px]:max-w-[330px]
+            max-lg:max-w-[330px]
             
-            max-[768px]:snap-center
-            max-[768px]:max-w-[300px]">
+            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-[36px] 
+            className="text-4xl 
             font-thin
             
-            max-[1199px]:text-[24px]">{t('main.dataManagement')}</h2>
+            max-xl:text-2xl">{t('main.dataManagement')}</h2>
                 
                 <p 
                 className="text-center 
                 font-thin
                 w-full
                 max-w-[500px]
-                text-[14px] 
+                text-sm 
                 text-white/50
                 
-                max-[1199px]:text-[12px]
-                max-[1199px]:max-w-[350px]
+                max-xl:text-xs
+                max-xl:max-w-[350px]
                 
-                max-[900px]:max-w-[300px]
-                max-[768px]: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>
+                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>
@@ -326,49 +326,49 @@ export default function Main() {
         bg-[#111329]/50 
         rounded-[50px] 
         shadow-[0_0_200px_0_rgba(240,240,240,0.1)]
-        text-[120px]
+        text-9xl
         
-        max-[1199px]:h-[300px]
-        max-[1199px]:max-w-[850px]
-        max-[1199px]:text-[80px]
-        max-[1199px]:mt-[50px]
-        max-[1199px]:rounded-[20px]
+        max-xl:h-[300px]
+        max-xl:max-w-[850px]
+        max-xl:text-7xl
+        max-xl:mt-[50px]
+        max-xl:rounded-[20px]
         
-        max-[768px]:mt-[75px]
+        max-md:mt-20
         
-        max-[600px]:flex-col
-        max-[600px]:h-[460px]
-        max-[600px]:justify-center
-        max-[600px]:p-[20px]">
+        max-sm:flex-col
+        max-sm:h-[460px]
+        max-sm:justify-center
+        max-sm:p-5">
             
             <div 
             className="flex 
             flex-col 
             items-center 
-            gap-[20px]
+            gap-5
             
-            max-[1199px]:gap-0">
+            max-xl:gap-0">
 
                 <h2 
-                className="text-[36px] 
+                className="text-4xl 
                 w-full 
                 max-w-[450px] 
                 text-center 
                 font-thin
                 
-                max-[1199px]:text-[30px]
+                max-xl:text-3xl
                 
-                max-[600px]:text-[24px]">{t('main.openSource')}</h2>
+                max-sm:text-2xl">{t('main.openSource')}</h2>
 
                 <p 
                 className="text-center 
                 font-thin
                 w-full
                 max-w-[350px]
-                text-[14px] 
+                text-sm
               text-white/50
               
-                max-[600px]: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>                
+                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 
@@ -381,18 +381,18 @@ export default function Main() {
                     flex-col 
                     items-center">
                     <li 
-                        className="text-[20px]
+                        className="text-xl
                         font-regulat">{t('main.repo')}</li>
-                    <li className='text-[40px]'><button 
-                    className="w-[175px] 
-                    h-[40px] 
-                    rounded-full 
+                    <li className='text-4xl'><button 
+                    className="w-44 
+                    h-10 
+                    rounded-[50px] 
                     bg-gradient-to-tr 
                     from-[#7412F0] 
                     to-[#001271]
                     font-semibold
-                    text-[14px] 
-                    tracking-[2px]
+                    text-sm
+                    tracking-widest
                     hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
                     duration-300">{t('main.gitHub')}</button></li>
                 </ul>
diff --git a/features/landing-page/Navbar.tsx b/features/landing-page/Navbar.tsx
index 8ad5c2c..cd5fb22 100644
--- a/features/landing-page/Navbar.tsx
+++ b/features/landing-page/Navbar.tsx
@@ -1,9 +1,10 @@
 import { AuthForm } from "features/auth/AuthForm"
 import { useState } from "react"
 import { useTranslation } from "next-i18next";
+import Link from "next/link";
 
 export default function Navbar() {
-    const [openLogin, setOpenLogin] = useState<Boolean>(false)
+    const [openLogin, setOpenLogin] = useState<boolean>(false)
     const { t } = useTranslation("common");
 
     return (
@@ -21,31 +22,31 @@ export default function Navbar() {
         fixed top-0 z-[222]
         font-sans
         
-        max-[1199px]:max-w-[850px]
+        max-xl:max-w-[850px]
         
-        max-[900px]:max-w-[700px]
+        max-lg:max-w-[700px]
         
-        max-[768px]:max-w-[90vw]
+        max-md:max-w-[90vw]
         
-        max-[600px]:max-w-[100vw]
-        max-[600px]:pl-[20px]
-        max-[600px]:pr-[20px]">
+        max-sm:max-w-[100vw]
+        max-sm:pl-[20px]
+        max-sm:pr-[20px]">
             <div
                 className="cursor-pointer 
-            text-[20px] 
+            text-xl 
             font-bold
-            tracking-widest">{t('projectName')}</div>
+            tracking-widest"><Link href="#"> {t('projectName')} </Link></div>
             <ul
                 className="flex 
             items-center 
             justify-center 
             flex-row 
-            gap-[100px] 
+            gap-24
             cursor-pointer
             
             max-[610px]:hidden">
-                <li className="cursor-pointer">{t("contact")}</li>
-                <li className="cursor-pointer">{t("team")}</li>
+                <li className="cursor-pointer"><Link href="#">{t("contact")}</Link></li>
+                <li className="cursor-pointer"><Link href="#">{t("team")}</Link></li>
             </ul>
             {
                 openLogin
@@ -56,14 +57,14 @@ export default function Navbar() {
                     : <div>
                         <button
                             className="w-[150px] 
-                            h-[40px] 
+                            h-10 
                             rounded-full 
                             bg-gradient-to-tr 
                             from-sanahPurple
                             to-sanahBlue
                             font-semibold 
-                            tracking-[2px]
-                            text-[14px]
+                            tracking-
+                            text-sm
                             hover:shadow-[0_0_20px_0_rgba(116,18,240,0.4)] 
                             duration-300"
                             onClick={() => setOpenLogin(true)}
diff --git a/features/support-form/components/SupportForm.tsx b/features/support-form/components/SupportForm.tsx
index ed3a575..148845f 100644
--- a/features/support-form/components/SupportForm.tsx
+++ b/features/support-form/components/SupportForm.tsx
@@ -27,14 +27,14 @@ export function SupportForm() {
         bottom-0 
         right-0
 
-        max-[768px]:relative
-        max-[768px]:rounded-[50px]
-        max-[768px]:bg-gradient-to-tr 
+        max-md:relative
+        max-md:rounded-[50px]
+        max-md:bg-gradient-to-tr 
         from-[#7412F0] 
         to-[#001271]
-        max-[768px]:h-[40px]
-        max-[768px]:w-[200px]
-        max-[768px]:text-bold">
+        max-md:h-10
+        max-md:w-[200px]
+        max-md:text-bold">
           {t("supportForm.help")}
         </button>
       }
@@ -77,7 +77,7 @@ export function SupportForm() {
           max-[400px]:h-[150px]"
         />
         <Button type="submit"
-        className="max-[600px]:text-[24px]">{t("submit")}</Button>
+        className="max-sm:text-2xl">{t("submit")}</Button>
       </form>
     </Dialog>
   );
diff --git a/pages/index.tsx b/pages/index.tsx
index b052c16..d3e57d3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,13 +1,10 @@
-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 { ClassNames } from "@emotion/react";
 
-export default function HomePage(): JSX.Element {
+export default function HomePage() {
     return (
         <>
             <Head>
@@ -28,14 +25,14 @@ export default function HomePage(): JSX.Element {
             selection:bg-[#2a3046]/50 
             selection:text-white
             
-            max-[1199px]:max-w-[850px]
+            max-xl:max-w-[850px]
             
-            max-[900px]:max-w-[700px]
+            max-lg:max-w-[700px]
             
-            max-[768px]:max-w-[90vw]
+            max-md:max-w-[90vw]
             
-            max-[600px]:overflow-x-hidden
-            max-[600px]:max-w-[100vw]">
+            max-sm:overflow-x-hidden
+            max-sm:max-w-[100vw]">
                 
                 <Navbar />
                 <Main />
diff --git a/tailwind.config.js b/tailwind.config.js
index ffaf03d..39d05f1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -12,7 +12,12 @@ module.exports = {
                 'graypule': "#090B1D",
                 'sanahPurple': "#7450F0",
                 'sanahBlue': '#001271'
-            },
+            }, breakpoints: {
+                'sm':'600px',
+                'md':'768px',
+                'lg':'900px',
+                'xl':'1199px'
+            }
         },
     },
     plugins: [],

From 1e2b211e6adcc4a7a50d70cbce1a52bf3c3223be Mon Sep 17 00:00:00 2001
From: ddebixx <andre.maluu999@gmail.com>
Date: Tue, 27 Dec 2022 21:32:56 +0100
Subject: [PATCH 6/7] New-landing proper exports

---
 features/landing-page/Footer.tsx | 2 +-
 features/landing-page/Main.tsx   | 2 +-
 features/landing-page/Navbar.tsx | 2 +-
 package.json                     | 2 --
 pages/index.tsx                  | 8 ++++----
 5 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/features/landing-page/Footer.tsx b/features/landing-page/Footer.tsx
index 5e7e26a..7ffa495 100644
--- a/features/landing-page/Footer.tsx
+++ b/features/landing-page/Footer.tsx
@@ -2,7 +2,7 @@ import GitHubIcon from '@mui/icons-material/GitHub';
 import { SupportForm } from 'features/support-form/components/SupportForm';
 import { useTranslation } from "next-i18next";
 
-export default function Footer() {
+export const Footer = () => {
 
     const { t } = useTranslation("common");
 
diff --git a/features/landing-page/Main.tsx b/features/landing-page/Main.tsx
index e319315..fbe426f 100644
--- a/features/landing-page/Main.tsx
+++ b/features/landing-page/Main.tsx
@@ -5,7 +5,7 @@ import PasswordIcon from '@mui/icons-material/Password';
 import CodeIcon from '@mui/icons-material/Code';
 import { useTranslation } from "next-i18next";
 
-export default function Main() {
+export const Main = () => {
     const { t } = useTranslation("common");
 
     return (
diff --git a/features/landing-page/Navbar.tsx b/features/landing-page/Navbar.tsx
index cd5fb22..bbe4072 100644
--- a/features/landing-page/Navbar.tsx
+++ b/features/landing-page/Navbar.tsx
@@ -3,7 +3,7 @@ import { useState } from "react"
 import { useTranslation } from "next-i18next";
 import Link from "next/link";
 
-export default function Navbar() {
+export const Navbar = () => {
     const [openLogin, setOpenLogin] = useState<boolean>(false)
     const { t } = useTranslation("common");
 
diff --git a/package.json b/package.json
index bbee05c..9010f97 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,6 @@
   },
   "dependencies": {
     "@apollo/client": "^3.7.1",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
     "@graphql-codegen/fragment-matcher": "^3.3.1",
     "@graphql-codegen/introspection": "^2.2.1",
     "@graphql-codegen/near-operation-file-preset": "^2.4.4",
diff --git a/pages/index.tsx b/pages/index.tsx
index d3e57d3..46c1f6e 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,14 +1,14 @@
 import Head from "next/head";
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import Navbar from "features/landing-page/Navbar";
-import Main from "features/landing-page/Main";
-import Footer from "features/landing-page/Footer";
+import {Navbar} from "features/landing-page/Navbar";
+import {Main} from "features/landing-page/Main";
+import {Footer} from "features/landing-page/Footer";
 
 export default function HomePage() {
     return (
         <>
             <Head>
-                    <title>sanavaulth</title>
+                    <title>SanaVaulth</title>
             </Head>
             <div 
             className="mx-auto 

From 6675de7d7d00c477edbd40bd1a394b299f627680 Mon Sep 17 00:00:00 2001
From: Mopsior <bartek.szg@gmail.com>
Date: Wed, 28 Dec 2022 10:28:54 +0100
Subject: [PATCH 7/7] npm audit fix (1 high and 1 medium vulnerability) Page
 title from translations

---
 package-lock.json | 595 ++++++++++++++++++++++------------------------
 pages/index.tsx   |  10 +-
 2 files changed, 287 insertions(+), 318 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a9d18f6..bed20cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,8 +10,6 @@
       "license": "GPL-3",
       "dependencies": {
         "@apollo/client": "^3.7.1",
-        "@emotion/react": "^11.10.5",
-        "@emotion/styled": "^11.10.5",
         "@graphql-codegen/fragment-matcher": "^3.3.1",
         "@graphql-codegen/introspection": "^2.2.1",
         "@graphql-codegen/near-operation-file-preset": "^2.4.4",
@@ -1130,6 +1128,8 @@
       "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",
@@ -1163,7 +1163,9 @@
     "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=="
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==",
+      "optional": true,
+      "peer": true
     },
     "node_modules/@emotion/is-prop-valid": {
       "version": "1.2.0",
@@ -1182,6 +1184,8 @@
       "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",
@@ -1209,6 +1213,8 @@
       "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",
@@ -1226,6 +1232,8 @@
       "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",
@@ -1251,12 +1259,16 @@
     "node_modules/@emotion/unitless": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
-      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+      "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"
       }
@@ -1708,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"
@@ -1723,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"
@@ -1763,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"
@@ -1781,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"
@@ -1793,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",
@@ -1809,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",
@@ -1827,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"
@@ -1839,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",
@@ -1858,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"
@@ -1886,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",
@@ -1902,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"
@@ -1914,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"
@@ -2164,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": {
@@ -2177,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"
@@ -2200,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",
@@ -2219,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",
@@ -2230,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"
@@ -2266,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"
       },
@@ -2281,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"
@@ -2293,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",
@@ -2317,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"
@@ -2356,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"
       },
@@ -2372,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"
@@ -3454,7 +3466,8 @@
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "devOptional": true
     },
     "node_modules/@types/phoenix": {
       "version": "1.5.4",
@@ -4043,6 +4056,8 @@
       "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",
@@ -4594,6 +4609,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "devOptional": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -4925,6 +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==",
+      "devOptional": true,
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -5655,7 +5672,9 @@
     "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=="
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "optional": true,
+      "peer": true
     },
     "node_modules/find-up": {
       "version": "5.0.0",
@@ -6363,7 +6382,8 @@
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "devOptional": true
     },
     "node_modules/is-bigint": {
       "version": "1.0.4",
@@ -6708,7 +6728,8 @@
     "node_modules/json-parse-even-better-errors": {
       "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=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "devOptional": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -6766,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": {
@@ -6866,7 +6887,8 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "devOptional": true
     },
     "node_modules/listr2": {
       "version": "4.0.5",
@@ -6914,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",
@@ -7753,6 +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==",
+      "devOptional": true,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -8615,6 +8596,8 @@
       "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"
       }
@@ -9569,6 +9552,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "devOptional": true,
       "engines": {
         "node": ">= 6"
       }
@@ -10392,6 +10376,8 @@
       "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",
@@ -10422,7 +10408,9 @@
     "@emotion/hash": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.0.tgz",
-      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ=="
+      "integrity": "sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==",
+      "optional": true,
+      "peer": true
     },
     "@emotion/is-prop-valid": {
       "version": "1.2.0",
@@ -10441,6 +10429,8 @@
       "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",
@@ -10456,6 +10446,8 @@
       "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",
@@ -10473,6 +10465,8 @@
       "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",
@@ -10485,12 +10479,16 @@
     "@emotion/unitless": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.0.tgz",
-      "integrity": "sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw=="
+      "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": {
@@ -10864,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"
@@ -10911,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"
@@ -10937,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",
@@ -10950,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"
@@ -10961,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",
@@ -10976,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"
@@ -10987,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",
@@ -11003,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"
@@ -11030,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",
@@ -11043,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"
@@ -11258,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"
@@ -11287,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",
@@ -11306,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",
@@ -11314,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"
@@ -11345,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"
@@ -11368,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",
@@ -11389,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"
@@ -11424,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"
@@ -12154,7 +12152,8 @@
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "devOptional": true
     },
     "@types/phoenix": {
       "version": "1.5.4",
@@ -12566,6 +12565,8 @@
       "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",
@@ -12962,6 +12963,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "devOptional": true,
       "requires": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -13216,6 +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==",
+      "devOptional": true,
       "requires": {
         "is-arrayish": "^0.2.1"
       }
@@ -13775,7 +13778,9 @@
     "find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "optional": true,
+      "peer": true
     },
     "find-up": {
       "version": "5.0.0",
@@ -14276,7 +14281,8 @@
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "devOptional": true
     },
     "is-bigint": {
       "version": "1.0.4",
@@ -14510,7 +14516,8 @@
     "json-parse-even-better-errors": {
       "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=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "devOptional": true
     },
     "json-schema-traverse": {
       "version": "0.4.1",
@@ -14553,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"
+          }
         }
       }
     },
@@ -14639,7 +14643,8 @@
     "lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "devOptional": true
     },
     "listr2": {
       "version": "4.0.5",
@@ -14670,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",
@@ -15234,6 +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==",
+      "devOptional": true,
       "requires": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -15801,7 +15765,9 @@
     "source-map": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "optional": true,
+      "peer": true
     },
     "source-map-js": {
       "version": "1.0.2",
@@ -16496,7 +16462,8 @@
     "yaml": {
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "devOptional": true
     },
     "yaml-ast-parser": {
       "version": "0.0.43",
diff --git a/pages/index.tsx b/pages/index.tsx
index 46c1f6e..07e6d9b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,14 +1,16 @@
 import Head from "next/head";
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
-import {Navbar} from "features/landing-page/Navbar";
-import {Main} from "features/landing-page/Main";
-import {Footer} from "features/landing-page/Footer";
+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>
             <div 
             className="mx-auto