From b510154b8de102a21b9056af6477912779b5eebc Mon Sep 17 00:00:00 2001
From: Ian Brighton <66142236+Ian-Bright@users.noreply.github.com>
Date: Mon, 15 Jan 2024 13:12:09 -0500
Subject: [PATCH] v0.3 (#26)

* add hover effect to toolbar button

* implement new color scheme and layout

* landing page background image doesn't scroll anymore

* fix: add group routes to handle stateful / stateless toolbar layouts

* feat: create landing page and force redirect from root route to landing

* feat: responsive layout

* feat: Show site loading in toolbar

* fix: Stop background image on landing page from expanding height of container

* fix: resolve build errors due to incorrect image paths

* fix: Remove lint warnings

* fix: change discover page props to format supported by next13

* feat: :construction: [WIP] Convert landing page from image

* chore: :construction: Add ethereum icon + update responsive styles

* chore: :package: Add `framer-motion`

* feat: :sparkles: Add countdown timer to landing page

* feat: Basic navigation menu implemented for v0.3

* feat: Add signed-in options to menu

* fix: close menu on route navigation

* feat: Add border to navigation menu

* style: Run lint

* refactor: Remove duplicate gradient

* refactor: :iphone: Update responsive design for timer and splash screen

* refactor: :iphone: Update responsive styles for splash screen

* refactor: :dizzy: Timer animation will now pause on each number

* refactor: :dizzy: Update easing function of timer animation

* feat: Initial wallet context set up to support web3Auth

* refactor: Import links for main menu from siteConfig instead of hardcoding in menu file

* feat: update menu with new links

* feat: Add menu open/close animation

* fix: Remove pointer events from menu while closed

* fix: Clean up mobile designs for navigation menu

* refactor: Lint code

* feat: Web3 auth login status renders necessary links in navigation menu and persists on page refresh

* feat: :hammer: Add function to create proxy urls for mix

* refactor: :recycle: Add proxyUrl to C4Content type and use it in Discover to display websites

* refactor: :recycle: update `fetchMix` to `createProxyUrls` and return the mix with `proxyUrls` added

* fix: :label: Add missing type for `createProxyUrls` fn

* feat: Web3 auth login working with updated server

* fix: Shrink menu size for smaller screens

* fix: Change menu options from title case to sentence case

* fix: Change sign up / sign in to sentence case

* feat: ZeroDev integration

* fix: Change custom green color name to avoid overwriting tailwind default

* fix: Change custom green color name to avoid overwriting tailwind default

* refactor: Rename WalletProvider to AuthProvider

* refactor: fix lint warnings

* fix: Comment out old navs to allow site to successfully build

* feat: Initial site details skeleton

* feat: Change xs and sm breakpoints to md

* feat: Site details implemented

* fix: Stop flex shrink on close icon and add gaps betweem sections of site details

* fix: Remove zero dev since it breaks build

* feat: Save progress with signer web3 auth signer being passed around app now

* feat: Fix site details resizing and remove padding from discover page content

* feat: Hide other toolbar popup if one is already open

* feat: Like icon filled in when site is liked

* fix: User likes now load in when a user signs into the site

* feat: Saving progress. Bug exists where duplicate sites are being fetched within mix

* fix: Remove 'ecoding not found' warning stack trace

* feat: Wireframe set up for submit website redesign

* fix: Prevent user likes from being fetched with undefined id

* fix: Fix mix index bug

* feat: Add like button popover. Set text to 14px because it fixs screen better

* refactor: Resolve lint warnings

* password(feat): change usePassword by useJWT and make it persistent

* like(feat): send data in req.body to backend

* likes(fix): remove unused code

* tags(feat): send params in req.body

* url(feat): send params in req.body

* toolbar(fix): spelling

* auth(feat): userId is fetch from jwt

* receipts(feat): save submitUrl, submitTag and like receipts

* feat: Select component almost implemented. Slider almost completed but with a few bugs

* fix: :bug: Fix nested button issue and conflicting condition in toolbar

* feat: :dizzy: Add animations and transitions to toolbar

Menu icon popup and glow, Next button nudge

* feat: Correct text line height to reflect figma design

* iframe url debouncing working

* feat: Slider messaging and functionality complete

* feat: Info icon popover added

* feat: Select component add and remove props added

* feat: Not sure what I just added

* feat: Basic styles and browse page layout implemented

* refactor: Resolve lint warnings

* feat: Add proper toolbar labeling based on route

* feat: Background image set for submit website page

* feat: save

* likes(fix): typescript fix (no like parameter)

* likes(fix): popup when you are not logged in. Like otherwise

* fix: Clean up messes related to styling

* refactor: Resolve lint warnings

* feat: initial dashboard design set up

* feat: Tags fed in from server and header on browse page made sticky

* feat: Merge in feat/submit-website

* feat: need to filter by tag on discover page

* feat: Add useEffect

* feat: Mobile design implemented for submit website

* fix: Fix overflow bugs on mobile view

* refactor: Resolve lint warnings and move inline styles for slider into tailwind class

* feat: Clean up RequireAuth component, add loading state, and allow signin via web3auth through it

* refactor: Remove jwt store variables in require auth and replace with signedIn from AuthContext

* chore: :package: Update pnpm version

* fix: :wheelchair: Add `iframe` title

* feat: Discover page now filters videos based on tag query param

* fix: Filter tags that have no uses

* feat: Mobile designs cleaned up

* feat: Disable cache on browse page

* refactor: Resolve lint warnings

* feat: Displaying user like count, submitted urls, and date of account creation on dashboard

* feat: Show provider used to log in and the associated email with the provider should one exist

* feat: Update navigation menu to get rid of unused routes

* refactor: Resolve lint warnings

* feat: Shrink down text label sizes and decrease margins

* feat: Add error messaging for all text inputs

* fix: Selected tags in select box now overflow and scroll correctly

* refactor: Resolve lint warnings

* fix: Disable slider when creating new tag

* fix: Get frontend to build correctly so netlify preview works

* Update app/(discover)/discover/utils.ts

Co-authored-by: Y6NDR <19380973+thebeyondr@users.noreply.github.com>

* Update app/(stateless-toolbar)/submit-url/components/slider.tsx

Co-authored-by: Y6NDR <19380973+thebeyondr@users.noreply.github.com>

* refactor: Remove mongo generated variable for website count and instead derive it from length of the url array

* fix: Rename error prop in slider to hasError across component

* refactor: Rename duplicate tag state variable on submit url page

* refactor: Remove unsused imports for TagMap

* fix: Center loading text in require auth component

* feat: Change primary button color to a channel4-like green. Update social login order

* fix: Correct browse page scroll

* feat: Landing page transitions to discover at the end of timer countdown

* fix: Change height of main content wrapper to not cause scroll on mobile

* fix: Change content height unit from svh to dvh

* fix: Try adding dvh to height of root layout

* fix: Change h-screen to 100dvh

* fix: Clean up landing page styles to look good on mobile

* feat: Make website url inptut format clearer

* feat: Add error highlightin invalid url input on the frontend

* fix: Resolve lint warnings and resolve typescript error to allow site to build

---------

Co-authored-by: thebeyondr <19380973+thebeyondr@users.noreply.github.com>
Co-authored-by: Nico Serrano <nnicosp@hotmail.com>
Co-authored-by: Nico Serrano <38594836+NicoSerranoP@users.noreply.github.com>
---
 .env.example                                  |    1 +
 app/(discover)/discover/SiteFrame.tsx         |   26 +
 app/(discover)/discover/page.tsx              |   57 +
 app/(discover)/discover/utils.ts              |   79 +
 app/(discover)/layout.tsx                     |   31 +
 app/(stateless-toolbar)/browse/page.tsx       |   50 +
 app/(stateless-toolbar)/dashboard/page.tsx    |   75 +
 app/(stateless-toolbar)/landing/page.tsx      |   53 +
 app/(stateless-toolbar)/layout.tsx            |   17 +
 app/{ => (stateless-toolbar)}/me/page.tsx     |    4 +-
 .../sign-in/page.tsx                          |   24 +-
 .../sign-up/page.tsx                          |   19 +-
 .../submit-tag/page.tsx                       |   30 +-
 .../submit-url/components/SubmitSiteFrame.tsx |   37 +
 .../submit-url/components/TagSelect.tsx       |   93 +
 .../submit-url/components/slider.tsx          |  110 +
 app/(stateless-toolbar)/submit-url/page.tsx   |  412 +++
 app/analytics.tsx                             |    6 +-
 app/discover/SiteFrame.tsx                    |   22 -
 app/discover/layout.tsx                       |   16 -
 app/discover/page.tsx                         |   96 -
 app/discover/utils.ts                         |   75 -
 app/error.tsx                                 |    2 +-
 app/hooks/useDebounce.tsx                     |   15 +
 app/hooks/useMix.ts                           |  195 --
 app/hooks/useMix.tsx                          |  247 ++
 app/hooks/useOutsideAlerter.tsx               |   23 +
 app/layout.tsx                                |   39 +-
 app/loading.tsx                               |    2 +-
 app/page.tsx                                  |   66 +-
 app/submit-url/page.tsx                       |  135 -
 app/utils.ts                                  |   16 +
 assets/arrow-right.svg                        |   23 +
 assets/bad-url-display.png                    |  Bin 0 -> 4261 bytes
 assets/browser-icon.svg                       |   43 +
 assets/close-border.svg                       |    4 +
 assets/empty-heart.svg                        |    3 +
 assets/ethereum-stroke.svg                    |    1 +
 assets/external-link-arrow.svg                |   10 +
 assets/filled-heart.svg                       |    3 +
 assets/submit-url-background.svg              |    6 +
 assets/x-icon.svg                             |    3 +
 components/animated-counter.tsx               |   55 +
 components/helper/RequireAuth.tsx             |   26 +-
 components/like-button.tsx                    |   29 +-
 components/main-content-wrapper.tsx           |   15 +
 components/main-menu.tsx                      |   88 +
 components/site-details.tsx                   |   67 +
 components/site-header.tsx                    |   13 +-
 components/toolbar.tsx                        |  154 +
 components/ui/button.tsx                      |   13 +-
 components/ui/tag-list.tsx                    |  170 +-
 config/site.ts                                |   50 +-
 contexts/AuthContext.tsx                      |  156 +
 lib/fonts.ts                                  |    8 +
 lib/utils.ts                                  |    4 +-
 package.json                                  |   10 +-
 pnpm-lock.yaml                                | 2962 ++++++++++++++++-
 store/{password.ts => jwt.ts}                 |   13 +-
 store/receipts.ts                             |   28 +
 tailwind.config.js                            |   26 +
 types/index.ts                                |    4 +-
 62 files changed, 5108 insertions(+), 952 deletions(-)
 create mode 100644 app/(discover)/discover/SiteFrame.tsx
 create mode 100644 app/(discover)/discover/page.tsx
 create mode 100644 app/(discover)/discover/utils.ts
 create mode 100644 app/(discover)/layout.tsx
 create mode 100644 app/(stateless-toolbar)/browse/page.tsx
 create mode 100644 app/(stateless-toolbar)/dashboard/page.tsx
 create mode 100644 app/(stateless-toolbar)/landing/page.tsx
 create mode 100644 app/(stateless-toolbar)/layout.tsx
 rename app/{ => (stateless-toolbar)}/me/page.tsx (97%)
 rename app/{ => (stateless-toolbar)}/sign-in/page.tsx (91%)
 rename app/{ => (stateless-toolbar)}/sign-up/page.tsx (89%)
 rename app/{ => (stateless-toolbar)}/submit-tag/page.tsx (69%)
 create mode 100644 app/(stateless-toolbar)/submit-url/components/SubmitSiteFrame.tsx
 create mode 100644 app/(stateless-toolbar)/submit-url/components/TagSelect.tsx
 create mode 100644 app/(stateless-toolbar)/submit-url/components/slider.tsx
 create mode 100644 app/(stateless-toolbar)/submit-url/page.tsx
 delete mode 100644 app/discover/SiteFrame.tsx
 delete mode 100644 app/discover/layout.tsx
 delete mode 100644 app/discover/page.tsx
 delete mode 100644 app/discover/utils.ts
 create mode 100644 app/hooks/useDebounce.tsx
 delete mode 100644 app/hooks/useMix.ts
 create mode 100644 app/hooks/useMix.tsx
 create mode 100644 app/hooks/useOutsideAlerter.tsx
 delete mode 100644 app/submit-url/page.tsx
 create mode 100644 app/utils.ts
 create mode 100644 assets/arrow-right.svg
 create mode 100644 assets/bad-url-display.png
 create mode 100644 assets/browser-icon.svg
 create mode 100644 assets/close-border.svg
 create mode 100644 assets/empty-heart.svg
 create mode 100644 assets/ethereum-stroke.svg
 create mode 100644 assets/external-link-arrow.svg
 create mode 100644 assets/filled-heart.svg
 create mode 100644 assets/submit-url-background.svg
 create mode 100644 assets/x-icon.svg
 create mode 100644 components/animated-counter.tsx
 create mode 100644 components/main-content-wrapper.tsx
 create mode 100644 components/main-menu.tsx
 create mode 100644 components/site-details.tsx
 create mode 100644 components/toolbar.tsx
 create mode 100644 contexts/AuthContext.tsx
 rename store/{password.ts => jwt.ts} (50%)
 create mode 100644 store/receipts.ts

diff --git a/.env.example b/.env.example
index 5ca75d9..aca36d1 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,5 @@
 API_URL='http://localhost:8000/api'
+NEXT_PUBLIC_WEB3_AUTH_CLIENT_ID=''
 NEXT_PUBLIC_API_URL='http://localhost:8000/api'
 NEXT_PUBLIC_API_LOGIN_SECRET="login to backend"
 NEXT_PUBLIC_RPC_URL='https://sepolia.infura.io/v3/<YOUR_INFURA_KEY>'
diff --git a/app/(discover)/discover/SiteFrame.tsx b/app/(discover)/discover/SiteFrame.tsx
new file mode 100644
index 0000000..9521a10
--- /dev/null
+++ b/app/(discover)/discover/SiteFrame.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import React from "react"
+import { C4Content } from "@/types"
+
+interface SiteFrameProps {
+  site: C4Content | null
+}
+
+const SiteFrame: React.FC<SiteFrameProps> = ({ site }) => {
+  if (!site) return null
+
+  return (
+    <section className="h-full rounded-2xl">
+      <div className="relative flex h-full w-full items-center justify-center overflow-hidden rounded-xl bg-secondary">
+        <iframe
+          src={site.proxyUrl}
+          title={site.title}
+          className="h-full w-full"
+        />
+      </div>
+    </section>
+  )
+}
+
+export default SiteFrame
diff --git a/app/(discover)/discover/page.tsx b/app/(discover)/discover/page.tsx
new file mode 100644
index 0000000..9ea2ba3
--- /dev/null
+++ b/app/(discover)/discover/page.tsx
@@ -0,0 +1,57 @@
+"use client"
+
+import Link from "next/link"
+import { C4Content } from "@/types"
+
+import { Button } from "@/components/ui/button"
+
+import SiteFrame from "./SiteFrame"
+import { feedbackMessages } from "./utils"
+
+interface DiscoverPageProps {
+  params: {
+    currentSite: C4Content | null
+    error: {
+      message: string
+    }
+    isLoading: boolean
+  }
+}
+
+const Discover = ({
+  params: { currentSite, error, isLoading },
+}: DiscoverPageProps) => {
+  if (error.message !== "") {
+    return (
+      <div className="flex h-full w-full flex-col items-center justify-center space-y-3 p-6">
+        <p className="text-lg">{feedbackMessages["not-found"]}</p>
+        <Link href="/browse" passHref>
+          <Button variant="default" size="lg">
+            Back to Browse
+          </Button>
+        </Link>
+      </div>
+    )
+  }
+  if (isLoading) {
+    return (
+      <div className="flex h-full items-center justify-center">
+        <p className="mx-auto flex w-full items-center justify-center p-6">
+          {feedbackMessages.loading}
+        </p>
+      </div>
+    )
+  }
+
+  return (
+    !isLoading &&
+    !error.message &&
+    currentSite && (
+      <section className="h-full">
+        <SiteFrame site={currentSite} />
+      </section>
+    )
+  )
+}
+
+export default Discover
diff --git a/app/(discover)/discover/utils.ts b/app/(discover)/discover/utils.ts
new file mode 100644
index 0000000..ba813c1
--- /dev/null
+++ b/app/(discover)/discover/utils.ts
@@ -0,0 +1,79 @@
+import { createProxyUrls } from "@/app/utils"
+
+export const fetchMix = async (tags: string[], limit: number) => {
+  const mixParams = createMixParams(tags, limit)
+  try {
+    const response = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}/mix?${mixParams.toString()}`
+    )
+    if (!response.ok) {
+      throw new Error(`Request failed with status ${response.status}`)
+    }
+    const data = await response.json()
+    const mixWithProxyUrls = createProxyUrls(data.urls)
+    return { urls: mixWithProxyUrls }
+  } catch (error) {
+    let message = "Unknown error"
+    if (error instanceof Error) message = error.message
+    console.error("Error fetching mix:", error)
+    return { message }
+  }
+}
+
+export const fetchLikes = async (userId: string) => {
+  try {
+    const response = await fetch(
+      `${process.env.NEXT_PUBLIC_API_URL}/likes/${userId}`
+    )
+    if (!response.ok) {
+      throw new Error(`Request failed with status ${response.status}`)
+    }
+    const { likes } = await response.json()
+    return likes.map(({ id }: { id: string }) => id)
+  } catch (error) {
+    let message = "Unknown error"
+    if (error instanceof Error) message = error.message
+    console.error("Error fetching mix:", error)
+    return { message }
+  }
+}
+
+export const updateLikesInApi = async (
+  contentId: string,
+  liked: boolean,
+  token: string,
+  updateList: (data: any) => void
+) => {
+  const response = await fetch(
+    `${process.env.NEXT_PUBLIC_API_URL}/like/${contentId}`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({
+        liked: liked,
+      }),
+    }
+  ).then((res) => res.json())
+  updateList({
+    object: response.like,
+    type: "like",
+    receipt: response.receipt,
+  })
+}
+
+export const feedbackMessages = {
+  "not-found":
+    "Oops! We couldn't find any content with these tags... Try using a different one",
+  loading: "Loading content...",
+}
+
+export const createMixParams = (tags: string[], mixLimit: number) => {
+  const mixParams = new URLSearchParams()
+  tags.forEach((tag) => mixParams.append("tags", tag))
+  mixParams.append("limit", mixLimit.toString())
+
+  return mixParams
+}
diff --git a/app/(discover)/layout.tsx b/app/(discover)/layout.tsx
new file mode 100644
index 0000000..6585422
--- /dev/null
+++ b/app/(discover)/layout.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import MainContentWrapper from "@/components/main-content-wrapper"
+import Toolbar from "@/components/toolbar"
+import useMix from "@/app/hooks/useMix"
+
+import Discover from "./discover/page"
+
+export default function DiscoverLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const { changeSite, currentSite, error, isLoading, likeOrUnlike, userLikes } =
+    useMix()
+
+  return (
+    <>
+      <MainContentWrapper>
+        <Discover params={{ currentSite, error, isLoading }} />
+      </MainContentWrapper>
+      <Toolbar
+        changeSite={changeSite}
+        currentSite={currentSite}
+        isLoading={isLoading}
+        likeOrUnlike={likeOrUnlike}
+        userLikes={userLikes}
+      />
+    </>
+  )
+}
diff --git a/app/(stateless-toolbar)/browse/page.tsx b/app/(stateless-toolbar)/browse/page.tsx
new file mode 100644
index 0000000..b4ed673
--- /dev/null
+++ b/app/(stateless-toolbar)/browse/page.tsx
@@ -0,0 +1,50 @@
+import Link from "next/link"
+import { Tag } from "@/types"
+
+import { random } from "@/app/utils"
+
+const fetchTags = async () => {
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/tag`, {
+    cache: "no-store",
+  })
+  const { tags } = await res.json()
+  return tags as Tag[]
+}
+
+const Browse = async () => {
+  const tags = await fetchTags()
+  return (
+    <div className="flex h-full flex-col">
+      <div className="sticky top-0 z-10 bg-shark-950 p-4 md:p-10">
+        <div className="w-fit bg-c4-gradient-green bg-clip-text text-[56px] font-extrabold leading-none text-transparent">
+          Topics
+        </div>
+        <div className="mt-2 text-lg text-shark-50">
+          Your channel guides for various topics. Select one of following &
+          let’s start watching
+        </div>
+      </div>
+      <div className="grow overflow-y-auto">
+        {tags
+          .filter(({ urls }) => !!urls.length)
+          .map(({ name, urls }) => (
+            <Link
+              className="relative flex cursor-pointer items-center justify-between gap-6 border-y border-shark-500 px-10 py-4 hover:border-c4-green"
+              href={`discover?tag=${name}`}
+            >
+              <div className="truncate text-xl text-shark-50">{name}</div>
+              <div
+                className="absolute z-[-1] h-full w-px bg-c4-green"
+                style={{
+                  left: `${random(25, 89)}%`,
+                }}
+              />
+              <div className="text-xl text-c4-green">{urls.length}</div>
+            </Link>
+          ))}
+      </div>
+    </div>
+  )
+}
+
+export default Browse
diff --git a/app/(stateless-toolbar)/dashboard/page.tsx b/app/(stateless-toolbar)/dashboard/page.tsx
new file mode 100644
index 0000000..8e55681
--- /dev/null
+++ b/app/(stateless-toolbar)/dashboard/page.tsx
@@ -0,0 +1,75 @@
+"use client"
+
+import { useEffect, useState } from "react"
+import { useAuth } from "@/contexts/AuthContext"
+import { useJwtStore } from "@/store/jwt"
+import moment from "moment"
+
+import RequireAuth from "@/components/helper/RequireAuth"
+
+type UserStats = {
+  likeCount: number
+  memberSince: string
+  siteCount: number
+}
+
+const Dashboard = async () => {
+  const { socialLogin } = useAuth()
+  const { token, userId } = useJwtStore()
+  const [stats, setStats] = useState<UserStats | null>(null)
+  useEffect(() => {
+    const fetchUserData = async () => {
+      if (!token || !userId) return
+      const res = await fetch(
+        `${process.env.NEXT_PUBLIC_API_URL}/users/${userId}`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      )
+      const { user } = await res.json()
+      setStats({
+        likeCount: user.likedUrls.length,
+        memberSince: user.createdAt,
+        siteCount: user.submittedUrls.length,
+      })
+    }
+    fetchUserData()
+  }, [token, userId])
+
+  return (
+    <RequireAuth>
+      <div className="flex h-full max-w-full flex-col items-center justify-center">
+        <div className="max-w-full break-words px-4">
+          <div className="flex items-center gap-4">
+            <div className="text-2xl/none font-bold text-shark-300">
+              Login with
+            </div>
+            {socialLogin && (
+              <div className="rounded-2xl bg-shark-600 px-2 py-1 text-sm/none">
+                {socialLogin.provider}
+              </div>
+            )}
+          </div>
+          <div className="mt-6 text-2xl/none text-shark-100">
+            {socialLogin ? `Email: ${socialLogin.email}` : "Web3 Login"}
+          </div>
+          <div className="mt-4 text-shark-200">
+            Member since {moment(stats?.memberSince).format("MMMM Do, YYYY")}
+          </div>
+          <div className="mt-12 text-2xl/none font-bold text-shark-300">
+            Websites submitted
+          </div>
+          <div className="mt-6 text-[56px]/none font-extrabold text-shark-50">
+            {stats?.siteCount ?? 0}
+          </div>
+          <div className="mt-10 text-2xl/none font-bold text-shark-300">
+            Likes submitted
+          </div>
+          <div className="mt-6 text-[56px]/none font-extrabold text-shark-50">
+            {stats?.likeCount ?? 0}
+          </div>
+        </div>
+      </div>
+    </RequireAuth>
+  )
+}
+
+export default Dashboard
diff --git a/app/(stateless-toolbar)/landing/page.tsx b/app/(stateless-toolbar)/landing/page.tsx
new file mode 100644
index 0000000..649a3c7
--- /dev/null
+++ b/app/(stateless-toolbar)/landing/page.tsx
@@ -0,0 +1,53 @@
+import Image from "next/image"
+
+import CountdownTimer from "@/components/animated-counter"
+
+import EthereumIcon from "/assets/ethereum-stroke.svg"
+
+export default function Landing() {
+  return (
+    <main className="h-full bg-[hsl(124,61%,36%)] lg:h-full">
+      <div className="container flex h-full max-w-7xl flex-col items-center justify-center space-y-8 px-3 py-8 lg:flex-row lg:justify-between lg:space-x-6 lg:space-y-16 lg:px-16 xl:px-24">
+        <article className="flex flex-col items-center justify-center text-center">
+          <p className="font-dm font-medium tracking-wide xl:text-lg">
+            THESE WEBSITES HAVE BEEN ADDED BY
+          </p>
+          <h3 className="text-2xl font-bold xl:text-6xl">USERS LIKE YOU</h3>
+          <div id="spacer" className="p-4 xl:p-8"></div>
+          <p className="max-w-md font-dm text-sm font-medium tracking-wide lg:text-base">
+            THIS PROJECT USES STATE CHANNELS & RANDOM CONTENT FOR YOUR
+            ENTERTAINMENT
+          </p>
+          <div id="spacer" className="p-2"></div>
+          <section>
+            <div className="grid max-w-[360px] grid-cols-6 grid-rows-[1fr_2rem] border-2 border-primary">
+              <div className="relative col-span-1 col-start-1 row-span-1 flex items-center justify-center border-r-2 border-primary text-primary">
+                <Image
+                  src={EthereumIcon}
+                  width={21}
+                  height={32}
+                  alt={"Ethereum logo"}
+                />
+              </div>
+              <div className="col-span-5 col-start-2 row-span-1 row-start-1 px-2 py-4">
+                <h3 className="text-base font-bold">ETHEREUM TECHNOLOGY</h3>
+              </div>
+              <div className="col-span-6 col-start-1 row-span-1 flex items-center justify-center border-t-2 border-primary">
+                <p className="text-xs uppercase tracking-wide">
+                  GOOD VIBES ONLY (maybe)
+                </p>
+              </div>
+            </div>
+          </section>
+        </article>
+
+        <article className="flex flex-col items-center justify-center gap-y-2 text-center">
+          <h6 className="font-dm text-sm font-medium uppercase tracking-widest lg:text-lg">
+            Transmission starts in...
+          </h6>
+          <CountdownTimer from={10} />
+        </article>
+      </div>
+    </main>
+  )
+}
diff --git a/app/(stateless-toolbar)/layout.tsx b/app/(stateless-toolbar)/layout.tsx
new file mode 100644
index 0000000..ec8b31e
--- /dev/null
+++ b/app/(stateless-toolbar)/layout.tsx
@@ -0,0 +1,17 @@
+import { ReactNode } from "react"
+
+import MainContentWrapper from "@/components/main-content-wrapper"
+import Toolbar from "@/components/toolbar"
+
+export default function StatelessToolbarLayout({
+  children,
+}: {
+  children: ReactNode
+}) {
+  return (
+    <>
+      <MainContentWrapper>{children}</MainContentWrapper>
+      <Toolbar />
+    </>
+  )
+}
diff --git a/app/me/page.tsx b/app/(stateless-toolbar)/me/page.tsx
similarity index 97%
rename from app/me/page.tsx
rename to app/(stateless-toolbar)/me/page.tsx
index 76de325..b07ff2f 100644
--- a/app/me/page.tsx
+++ b/app/(stateless-toolbar)/me/page.tsx
@@ -3,7 +3,7 @@
 import { ReactNode, useEffect, useState } from "react"
 import { useRouter } from "next/navigation"
 import { useEncryptedStore } from "@/store/encrypted"
-import { usePasswordStore } from "@/store/password"
+import { useJwtStore } from "@/store/jwt"
 import { Copy } from "lucide-react"
 import { QRCodeSVG } from "qrcode.react"
 
@@ -16,7 +16,7 @@ const Account = () => {
   const [submittedURLs, setSubmittedURLs] = useState(0)
   const [likedURLs, setLikedURLs] = useState(0)
   const { address } = useEncryptedStore()
-  const { userId, token } = usePasswordStore()
+  const { userId, token } = useJwtStore()
   const [shownAddress, setShownAddress] = useState("No address found")
 
   useEffect(() => {
diff --git a/app/sign-in/page.tsx b/app/(stateless-toolbar)/sign-in/page.tsx
similarity index 91%
rename from app/sign-in/page.tsx
rename to app/(stateless-toolbar)/sign-in/page.tsx
index 5f201b1..3e1c94e 100644
--- a/app/sign-in/page.tsx
+++ b/app/(stateless-toolbar)/sign-in/page.tsx
@@ -3,21 +3,18 @@
 import { useState } from "react"
 import Image from "next/image"
 import { useRouter } from "next/navigation"
+import BustOfWomanWithFlowers from "@/assets/bust-of-woman-with-flowers.svg"
+import Channel4IconBlack from "@/assets/channel-4-icon-black.svg"
 import { useEncryptedStore } from "@/store/encrypted"
-import { usePasswordStore } from "@/store/password"
-import { Wallet } from "ethers"
+import { useJwtStore } from "@/store/jwt"
 
 import { siteConfig } from "@/config/site"
 import { Button } from "@/components/ui/button"
 
-import BustOfWomanWithFlowers from "../../assets/bust-of-woman-with-flowers.svg"
-import Channel4IconBlack from "../../assets/channel-4-icon-black.svg"
-
 const SignIn = () => {
   const router = useRouter()
   const { encrypted, updateEncrypted } = useEncryptedStore()
-  const { password, updateUserId, updateToken, updatePassword } =
-    usePasswordStore()
+  const { updateUserId, updateToken } = useJwtStore()
   const [error, setError] = useState<string | null>(null)
   const [hasAKey, setHasAKey] = useState(false)
   const [key, setKey] = useState<string | null>(null)
@@ -25,12 +22,16 @@ const SignIn = () => {
   const [isLoading, setIsLoading] = useState(false)
 
   const onPasswordChangeHandler = (e: { target: { value: string } }) => {
+    /*
+    ** ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
     updatePassword(e.target.value)
+    */
   }
 
   const clickLetMeInHandler = async () => {
     setIsLoading(true)
     try {
+      /*
       const wallet = Wallet.fromEncryptedJsonSync(encrypted!, password!)
       const signedMessage = await wallet.signMessage(
         process.env.NEXT_PUBLIC_API_LOGIN_SECRET!
@@ -48,6 +49,7 @@ const SignIn = () => {
 
       updateUserId(user._id)
       updateToken(token)
+      */
       router.push(siteConfig.links.me)
     } catch (error: any) {
       if (error.message.includes("incorrect password")) {
@@ -70,7 +72,10 @@ const SignIn = () => {
   const clickDeleteHandler = () => {
     setIsLoading(true)
     updateEncrypted(null)
+    /*
+    ** ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
     updatePassword(null)
+    */
     updateUserId(null)
     updateToken(null)
     setHasAKey(false)
@@ -96,7 +101,10 @@ const SignIn = () => {
   const clickLoadKeyHandler = () => {
     setIsLoading(true)
     updateEncrypted(key)
+    /*
+    ** ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
     updatePassword(null)
+    */
     setEncryptedExists(true)
     setIsLoading(false)
   }
@@ -140,7 +148,7 @@ const SignIn = () => {
             <p>Password:</p>
             <input
               type={"password"}
-              value={password || ""}
+              value={""}
               onChange={onPasswordChangeHandler}
               className="w-full rounded-sm bg-gray px-2 py-1"
             />
diff --git a/app/sign-up/page.tsx b/app/(stateless-toolbar)/sign-up/page.tsx
similarity index 89%
rename from app/sign-up/page.tsx
rename to app/(stateless-toolbar)/sign-up/page.tsx
index e6710ba..efe2979 100644
--- a/app/sign-up/page.tsx
+++ b/app/(stateless-toolbar)/sign-up/page.tsx
@@ -3,22 +3,21 @@
 import { useState } from "react"
 import Image from "next/image"
 import { useRouter } from "next/navigation"
+import BustOfWomanWithFlowers from "@/assets/bust-of-woman-with-flowers.svg"
+import Channel4IconBlack from "@/assets/channel-4-icon-black.svg"
 import { useEncryptedStore } from "@/store/encrypted"
-import { usePasswordStore } from "@/store/password"
-import { Wallet } from "ethers"
 
 import { siteConfig } from "@/config/site"
 import { Button } from "@/components/ui/button"
 
-import BustOfWomanWithFlowers from "../../assets/bust-of-woman-with-flowers.svg"
-import Channel4IconBlack from "../../assets/channel-4-icon-black.svg"
-
 const SignUp = () => {
   const router = useRouter()
   const [isKeyDownloaded, setIsKeyDownloaded] = useState(false)
   const [isWalletCreated, setIsWalletCreated] = useState(false)
-  const { password, updateUserId, updateToken, updatePassword } =
-    usePasswordStore()
+  /*
+  ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
+  const { updateUserId, updateToken } = useJwtStore()
+  */
   const [error, setError] = useState<string | null>(null)
   const { encrypted, createEncrypted } = useEncryptedStore()
   const [isLoading, setIsLoading] = useState(false)
@@ -46,11 +45,16 @@ const SignUp = () => {
   }
 
   const onPasswordChangeHandler = (e: { target: { value: string } }) => {
+    /*
+    ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
     updatePassword(e.target.value)
+    */
   }
 
   const clickCreateAccountHandler = async () => {
     setIsLoading(true)
+    /*
+    ** This is replaced with web3Auth in /components/main-menu.tsx Sign in / Sign up button
     const encryptedWallet = await createEncrypted(password!)
     if (encryptedWallet) {
       setIsWalletCreated(true)
@@ -71,6 +75,7 @@ const SignUp = () => {
         "There is already a wallet created internally. Please login and delete it to create a new one."
       )
     }
+    */
     setIsLoading(false)
   }
 
diff --git a/app/submit-tag/page.tsx b/app/(stateless-toolbar)/submit-tag/page.tsx
similarity index 69%
rename from app/submit-tag/page.tsx
rename to app/(stateless-toolbar)/submit-tag/page.tsx
index 7ed85b8..bb50fbb 100644
--- a/app/submit-tag/page.tsx
+++ b/app/(stateless-toolbar)/submit-tag/page.tsx
@@ -2,19 +2,16 @@
 
 import { useState } from "react"
 import Image from "next/image"
-import { useEncryptedStore } from "@/store/encrypted"
-import { usePasswordStore } from "@/store/password"
-import { Wallet } from "ethers"
+import Channel4IconBlack from "@/assets/channel-4-icon-black.svg"
+import { useJwtStore } from "@/store/jwt"
+import { useReceiptsStore } from "@/store/receipts"
 
-import { getRawTransactionToSign } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import RequireAuth from "@/components/helper/RequireAuth"
 
-import Channel4IconBlack from "../../assets/channel-4-icon-black.svg"
-
 const SubmitTag = () => {
-  const { encrypted } = useEncryptedStore()
-  const { password, token, userId } = usePasswordStore()
+  const { token } = useJwtStore()
+  const { updateList } = useReceiptsStore()
   const [name, setName] = useState<string | null>(null)
   const [isLoading, setIsLoading] = useState(false)
 
@@ -24,11 +21,6 @@ const SubmitTag = () => {
 
   const onClickCreateHandler = async () => {
     setIsLoading(true)
-    const functionName = "createTagIfNotExists"
-    const params = [name]
-    const metaTx = await getRawTransactionToSign(functionName, params)
-    const wallet = Wallet.fromEncryptedJsonSync(encrypted!, password!)
-    const signedSubmitTagtx = await wallet?.signTransaction(metaTx)
     const response = await fetch(process.env.NEXT_PUBLIC_API_URL + "/tag", {
       method: "POST",
       headers: {
@@ -36,14 +28,14 @@ const SubmitTag = () => {
         Authorization: `Bearer ${token}`,
       },
       body: JSON.stringify({
-        signedMessage: signedSubmitTagtx,
-        address: wallet.address,
-        functionName: functionName,
-        params: params,
-        // TODO: temp params for mongodb
-        userId: userId,
+        name: name,
       }),
     }).then((res) => res.json())
+    updateList({
+      object: response.tag,
+      receipt: response.receipt,
+      type: "Tag",
+    })
     setName(null)
     setIsLoading(false)
   }
diff --git a/app/(stateless-toolbar)/submit-url/components/SubmitSiteFrame.tsx b/app/(stateless-toolbar)/submit-url/components/SubmitSiteFrame.tsx
new file mode 100644
index 0000000..4b6c56b
--- /dev/null
+++ b/app/(stateless-toolbar)/submit-url/components/SubmitSiteFrame.tsx
@@ -0,0 +1,37 @@
+"use client"
+
+import { useState } from "react"
+import Image from "next/image"
+import BadURLDisplay from "@/assets/bad-url-display.png"
+
+interface SubmitSiteFrame {
+  url: string
+}
+
+export function SubmitSiteFrame({ url }: SubmitSiteFrame): JSX.Element {
+  const [error] = useState<Error | null>(null)
+
+  return (
+    <div className="mt-2 h-[280px] rounded-2xl border border-shark-600 md:h-[239px]">
+      {error ? (
+        <div className="flex h-full items-center justify-center rounded-2xl bg-shark-200">
+          <div className="px-4 text-shark-800">
+            Can&apos;t connect. Please try a different URL
+          </div>
+        </div>
+      ) : url ? (
+        <iframe
+          className="h-full w-full rounded-2xl"
+          src={url}
+          title="Website Preview"
+        />
+      ) : (
+        <Image
+          alt="No URL"
+          className="h-full w-full rounded-2xl"
+          src={BadURLDisplay}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/app/(stateless-toolbar)/submit-url/components/TagSelect.tsx b/app/(stateless-toolbar)/submit-url/components/TagSelect.tsx
new file mode 100644
index 0000000..9e65e82
--- /dev/null
+++ b/app/(stateless-toolbar)/submit-url/components/TagSelect.tsx
@@ -0,0 +1,93 @@
+import { MouseEvent, useMemo, useRef, useState } from "react"
+import { ChevronDown, X } from "lucide-react"
+
+import { useOutsideAlerter } from "@/app/hooks/useOutsideAlerter"
+
+interface SelectProps {
+  error?: boolean
+  errorMsg: string
+  onRemove: (index: number) => void
+  onSelect: (option: string) => void
+  options: Array<string>
+  selected: Array<string>
+}
+
+export default function Select({
+  error,
+  errorMsg,
+  onRemove,
+  onSelect,
+  options,
+  selected,
+}: SelectProps): JSX.Element {
+  const selectRef = useRef(null)
+  const [expanded, setExpanded] = useState(false)
+
+  const filteredOptions = useMemo(() => {
+    return options.filter((option) => !selected.includes(option))
+  }, [options, selected])
+
+  const removeSelection = (
+    event: MouseEvent<HTMLDivElement, MouseEvent>,
+    index: number
+  ) => {
+    event.stopPropagation()
+    onRemove(index)
+  }
+
+  useOutsideAlerter(selectRef, () => setExpanded(false))
+
+  return (
+    <>
+      <div
+        className={`relative mt-3 flex h-12 w-full cursor-pointer items-center justify-between rounded-lg border-[1.5px] ${
+          error ? "border-red-500" : "border-shark-800"
+        }
+         px-3`}
+        ref={selectRef}
+        onClick={() => filteredOptions.length && setExpanded(!expanded)}
+      >
+        {selected.length ? (
+          <div className="flex max-w-[90%] shrink-0 gap-2 overflow-x-auto">
+            {selected.map((option, index) => (
+              <div
+                className="flex items-center gap-1 rounded bg-shark-700 px-2 py-1 text-sm text-shark-200"
+                key={option}
+              >
+                <div>{option}</div>
+                <div
+                  className="rounded bg-shark-900 p-0.5"
+                  // @ts-ignore
+                  onClick={(e) => removeSelection(e, index)}
+                >
+                  <X size={10} />
+                </div>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <div />
+        )}
+        <ChevronDown className="stroke-shark-200" size={24} />
+        {expanded && (
+          <div
+            className={`absolute top-[85%] z-10 ml-[-13.5px] max-h-[100px] w-[calc(100%+3px)] overflow-y-auto rounded-b-lg border-[1.5px] border-t-0 ${
+              error ? "border-red-500" : "border-shark-800"
+            } bg-shark-950`}
+          >
+            {filteredOptions.map((option) => (
+              <div
+                className="px-4 last:rounded-b-md hover:bg-shark-700"
+                key={option}
+                onClick={() => onSelect(option)}
+              >
+                {option}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+      {error && <div className="mt-1 text-xs text-red-500">{errorMsg}</div>}
+    </>
+  )
+}
diff --git a/app/(stateless-toolbar)/submit-url/components/slider.tsx b/app/(stateless-toolbar)/submit-url/components/slider.tsx
new file mode 100644
index 0000000..f2f186b
--- /dev/null
+++ b/app/(stateless-toolbar)/submit-url/components/slider.tsx
@@ -0,0 +1,110 @@
+import { useEffect, useMemo, useState } from "react"
+import { Range, Root, Track } from "@radix-ui/react-slider"
+import { ArrowRight, Check, Loader2, X } from "lucide-react"
+
+interface SliderProps {
+  disabled?: boolean
+  hasError: boolean
+  onSubmit: () => void
+  sending: boolean
+  sent: boolean
+}
+
+export default function Slider({
+  disabled,
+  hasError,
+  onSubmit,
+  sending,
+  sent,
+}: SliderProps): JSX.Element {
+  const [value, setValue] = useState(10)
+
+  const borderColor = useMemo(() => {
+    if (sent) {
+      return "border-c4-green"
+    } else if (hasError) {
+      return "border-red-600"
+    } else {
+      return "border-shark-600"
+    }
+  }, [hasError, sent])
+
+  const sliderText = useMemo(() => {
+    if (sent) {
+      return "Sent!"
+    } else if (hasError) {
+      return "Error occured!"
+    } else if (sending) {
+      return "Sending..."
+    } else {
+      return ""
+    }
+  }, [hasError, sending, sent])
+
+  // Reset progress on error reset
+  useEffect(() => {
+    if (!hasError) {
+      setValue(10)
+    }
+  }, [hasError])
+
+  // Reset progress on sent reset
+  useEffect(() => {
+    if (!sent) {
+      setValue(10)
+    }
+  }, [sent])
+
+  return (
+    <div className={`border ${borderColor} rounded-full px-1.5 py-1`}>
+      <Root
+        className="relative flex h-[48px] w-full cursor-pointer touch-none select-none items-center rounded-full"
+        disabled={disabled || !!sliderText}
+        onLostPointerCapture={() => {
+          if (value === 100) {
+            onSubmit()
+          } else {
+            setValue(10)
+          }
+        }}
+        onValueChange={([val]) => {
+          // Seems to be a bug with the radix slider where we can't set the max and min value for the range.
+          // We'll have to do it here for now unfortunately :(
+          if (val >= 10) {
+            setValue(val)
+          }
+        }}
+        step={1}
+        value={[value]}
+      >
+        <Track className="w-full">
+          {sliderText && (
+            <div className="absolute z-10 flex w-full items-center justify-between px-6">
+              <div className="text-lg text-black">{sliderText}</div>
+              {hasError ? (
+                <X color="black" size={24} />
+              ) : sent ? (
+                <Check color="black" size={24} />
+              ) : (
+                <div className="animate-spin">
+                  <Loader2 color="black" size={24} />
+                </div>
+              )}
+            </div>
+          )}
+          <Range className="absolute top-1/2 flex h-full -translate-y-1/2 items-center justify-end rounded-full border border-shark-600 bg-c4-gradient-separator">
+            {!sliderText && (
+              <ArrowRight
+                className={`shrink-0 ${value <= 20 ? "mx-auto" : "mx-0 mr-6"}`}
+                color="black"
+              />
+            )}
+          </Range>
+          <div className="text-center text-lg text-shark-300">
+            Slide to send to Channel4
+          </div>
+        </Track>
+      </Root>
+    </div>
+  )
+}
diff --git a/app/(stateless-toolbar)/submit-url/page.tsx b/app/(stateless-toolbar)/submit-url/page.tsx
new file mode 100644
index 0000000..a63bb86
--- /dev/null
+++ b/app/(stateless-toolbar)/submit-url/page.tsx
@@ -0,0 +1,412 @@
+"use client"
+
+import { useEffect, useMemo, useState } from "react"
+import Image from "next/image"
+import BrowserIcon from "@/assets/browser-icon.svg"
+import Background from "@/assets/submit-url-background.svg"
+import { useJwtStore } from "@/store/jwt"
+import { useReceiptsStore } from "@/store/receipts"
+import { Tag } from "@/types"
+import { Ban, Info, Plus } from "lucide-react"
+
+import { Button } from "@/components/ui/button"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+import RequireAuth from "@/components/helper/RequireAuth"
+import Select from "@/app/(stateless-toolbar)/submit-url/components/TagSelect"
+import { isValidUrl } from "@/app/utils"
+
+import { SubmitSiteFrame } from "./components/SubmitSiteFrame"
+import Slider from "./components/slider"
+
+const PLACEHOLDER_ERROR: WebsiteSubmissionError = {
+  duplicateUrl: false,
+  invalidUrl: false,
+  missingRequired: false,
+  showError: false,
+}
+
+const PLACEHOLDER_URL = {
+  input: "",
+  preview: "",
+}
+
+type WebsiteSubmissionError = {
+  duplicateUrl: boolean
+  invalidUrl: boolean
+  missingRequired: boolean
+  showError: boolean
+}
+
+type WebsiteUrl = {
+  input: string
+  preview: string
+}
+
+const SubmitUrl = () => {
+  const { updateList } = useReceiptsStore()
+  const { token } = useJwtStore()
+
+  const [creatingTag, setCreatingTag] = useState<boolean>(false)
+  const [description, setDescription] = useState<string>("")
+  const [isDuplicateTagError, setIsDuplicateTagError] = useState<boolean>(false)
+  const [newTag, setNewTag] = useState("")
+  const [previewPasses, setPreviewPasses] = useState(false)
+  const [selectedTags, setSelectedTags] = useState<Array<Tag>>([])
+  const [sendStatus, setSendStatus] = useState<"sending" | "sent" | "">("")
+  const [showTagInput, setShowTagInput] = useState(false)
+  const [submissionError, setSubmissionError] =
+    useState<WebsiteSubmissionError>(PLACEHOLDER_ERROR)
+  const [tags, setTags] = useState<Array<Tag>>([])
+  const [url, setUrl] = useState<WebsiteUrl>(PLACEHOLDER_URL)
+
+  const addSelected = (option: string) => {
+    const tag = tags.find((tag: Tag) => tag.name === option)
+    setSelectedTags((prev: Tag[]) => [...prev, tag!])
+  }
+
+  const checkSubmissionError = () => {
+    const invalidUrl = !isValidUrl(url.input)
+    const missingRequired = !hasRequired()
+    if (invalidUrl || missingRequired) {
+      setSubmissionError((prev: WebsiteSubmissionError) => ({
+        ...prev,
+        invalidUrl,
+        missingRequired: missingRequired,
+        showError: true,
+      }))
+      hideErrorDisplay()
+      return true
+    }
+    return false
+  }
+
+  const createTag = async () => {
+    setCreatingTag(true)
+    const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/tag`, {
+      body: JSON.stringify({ name: newTag }),
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+    })
+    if (res.ok) {
+      const { tag } = await res.json()
+      setTags((prev: Tag[]) => [...prev, tag])
+      hideNewTag()
+    } else {
+      const { error } = await res.json()
+      if (error.includes("duplicate key")) {
+        setIsDuplicateTagError(true)
+      } else throw Error
+    }
+    setCreatingTag(false)
+  }
+
+  const hideErrorDisplay = () => {
+    setTimeout(() => {
+      setSubmissionError((prev: WebsiteSubmissionError) => ({
+        ...prev,
+        showError: false,
+      }))
+    }, 3000)
+  }
+
+  const handleTagInput = (val: string) => {
+    setNewTag(val)
+    setIsDuplicateTagError(false)
+  }
+
+  const handleUrlInput = (val: string) => {
+    setUrl((prev: WebsiteUrl) => ({ ...prev, input: val }))
+    setSubmissionError((prev: WebsiteSubmissionError) => ({
+      ...prev,
+      duplicateUrl: false,
+      invalidUrl: false,
+    }))
+  }
+
+  const hasRequired = () => {
+    return description && previewPasses && selectedTags.length && url.input
+  }
+
+  const hideNewTag = () => {
+    setIsDuplicateTagError(false)
+    setNewTag("")
+    setShowTagInput(false)
+  }
+
+  const getTags = async () => {
+    try {
+      const response = await fetch(
+        process.env.NEXT_PUBLIC_API_URL + "/tag"
+      ).then((res) => res.json())
+      if ("tags" in response) {
+        setTags(response.tags)
+      }
+    } catch (error) {
+      console.log(error)
+      setTags([])
+    }
+  }
+
+  const onClickShareItHandler = async () => {
+    if (checkSubmissionError()) return
+    setSendStatus("sending")
+    const res = await fetch(process.env.NEXT_PUBLIC_API_URL + "/url", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({
+        tags: selectedTags.map((tag: Tag) => tag._id),
+        title: description,
+        url: url.input,
+      }),
+    })
+    if (res.ok) {
+      const data = await res.json()
+      updateList({
+        object: data.newUrl,
+        receipt: data.receipt,
+        type: "Url",
+      })
+      setSendStatus("sent")
+      setSubmissionError(PLACEHOLDER_ERROR)
+      setTimeout(() => {
+        setDescription("")
+        setPreviewPasses(false)
+        setUrl(PLACEHOLDER_URL)
+        setSelectedTags([])
+        setSendStatus("")
+      }, 3000)
+    } else {
+      const { error } = await res.json()
+      let duplicateUrl = false
+      if (error.includes("URL already exists")) {
+        duplicateUrl = true
+      }
+      setSubmissionError((prev: WebsiteSubmissionError) => ({
+        ...prev,
+        duplicateUrl,
+        showError: true,
+      }))
+      hideErrorDisplay()
+      setSendStatus("")
+    }
+    setIsDuplicateTagError(false)
+  }
+
+  const optionNames = useMemo(() => {
+    return tags.map((tag: Tag) => tag.name)
+  }, [tags])
+
+  const removeSelected = (index: number) => {
+    setSelectedTags((prev: Tag[]) => prev.filter((_, i) => i !== index))
+  }
+
+  const selectedNames = useMemo(() => {
+    return selectedTags.map((tag: Tag) => tag.name)
+  }, [selectedTags])
+
+  const urlError = useMemo(() => {
+    if (submissionError.duplicateUrl) {
+      return "* Url already exists"
+    } else if (submissionError.missingRequired && !url.input) {
+      return "* Url required"
+    } else if (submissionError.invalidUrl) {
+      return "* Invalid url format (must be https)"
+    } else {
+      return ""
+    }
+  }, [submissionError, url])
+
+  useEffect(() => {
+    getTags()
+  }, [])
+
+  return (
+    <RequireAuth>
+      <div
+        className="flex h-full items-start justify-center bg-shark-900 bg-center bg-no-repeat p-2 md:items-center"
+        style={{
+          backgroundImage: `url(${Background.src})`,
+          backgroundSize: "90%",
+        }}
+      >
+        <div className="h-full w-full max-w-[1130px] rounded-[32px] bg-c4-gradient-separator p-px md:h-[501px]">
+          <div className="h-full overflow-y-auto rounded-[32px] bg-shark-950 p-4 pb-16 md:overflow-visible md:p-10">
+            <div className="flex h-full flex-col items-start justify-between gap-10 md:flex-row">
+              <div className="w-full flex-1">
+                <div className="flex items-center gap-4 text-4xl">
+                  <div className="md:whitespace-nowrap">Add a website</div>
+                  <Image alt="Browser" className="h-8 w-8" src={BrowserIcon} />
+                </div>
+                <div className="mt-10 text-lg text-shark-50">Website URL</div>
+                <input
+                  className={`mt-3 w-full rounded-lg border-[1.5px] bg-shark-950 ${
+                    urlError ? "border-red-500" : "border-shark-800"
+                  } p-3 text-lg placeholder:text-shark-400`}
+                  onBlur={() =>
+                    setUrl((prev: WebsiteUrl) => ({
+                      ...prev,
+                      preview: prev.input,
+                    }))
+                  }
+                  onChange={(e) => handleUrlInput(e.target.value)}
+                  placeholder="https://example.com"
+                  value={url.input}
+                />
+                {urlError && (
+                  <div className="mt-1 text-xs text-red-500">{urlError}</div>
+                )}
+                <div className="mt-6 flex text-lg text-shark-50">
+                  Short description
+                </div>
+                <input
+                  className={`mt-3 w-full ${
+                    submissionError.missingRequired && !description
+                      ? "border-red-500"
+                      : "border-shark-800"
+                  } rounded-lg border-[1.5px] bg-shark-950 p-3 text-lg placeholder:text-shark-400`}
+                  onChange={(e) => setDescription(e.target.value)}
+                  placeholder="This site is about..."
+                  value={description}
+                />
+                {submissionError.missingRequired && !description && (
+                  <div className="mt-1 text-xs text-red-500">
+                    * Description required
+                  </div>
+                )}
+                <div className="mt-6 flex flex-wrap items-center justify-between gap-2">
+                  <div className="text-lg text-shark-50">Choose tags</div>
+                  {showTagInput ? (
+                    <div className="flex items-center gap-2">
+                      <div className="flex grow items-center">
+                        {!creatingTag && (
+                          <Button
+                            className="h-fit p-2"
+                            onClick={() => hideNewTag()}
+                            variant="ghost"
+                          >
+                            <Ban size={16} />
+                          </Button>
+                        )}
+                        <Button
+                          className="h-fit grow p-2"
+                          loading={creatingTag}
+                          loaderIconSize={14}
+                          loadingText="Creating"
+                          onClick={() => !creatingTag && createTag()}
+                          variant="ghost"
+                        >
+                          Create
+                          {!creatingTag && <Plus size={16} />}
+                        </Button>
+                      </div>
+                    </div>
+                  ) : (
+                    <Button
+                      className="h-fit p-2"
+                      onClick={() => setShowTagInput(true)}
+                      variant="ghost"
+                    >
+                      <div>Create tag</div>
+                      <Plus size={14} />
+                    </Button>
+                  )}
+                </div>
+                {showTagInput ? (
+                  <input
+                    className={`mt-3 w-full rounded-lg  border-[1.5px] p-3 ${
+                      isDuplicateTagError
+                        ? "border-red-500"
+                        : "border-shark-800"
+                    } bg-shark-950 px-2 placeholder:text-shark-400`}
+                    onChange={(e) => handleTagInput(e.target.value)}
+                    placeholder="Tag name..."
+                    value={newTag}
+                  />
+                ) : (
+                  <Select
+                    error={
+                      submissionError.missingRequired && !selectedTags.length
+                    }
+                    errorMsg="* At lest one tag must be selected"
+                    onSelect={addSelected}
+                    onRemove={removeSelected}
+                    options={optionNames}
+                    selected={selectedNames}
+                  />
+                )}
+                {isDuplicateTagError && (
+                  <div className="mt-1 text-xs text-red-500">
+                    * Tag already exists
+                  </div>
+                )}
+              </div>
+              <div className="flex h-full w-full flex-1 flex-col">
+                <div className="text-xl text-shark-50">Preview</div>
+                <SubmitSiteFrame url={url.preview} />
+                <div className="mt-4 flex items-center justify-between">
+                  <div className="flex items-center gap-2">
+                    <input
+                      className="h-[18px] w-[18px] shrink-0 cursor-pointer rounded border border-shark-500 bg-shark-700"
+                      checked={previewPasses}
+                      onChange={() => setPreviewPasses(!previewPasses)}
+                      type="checkbox"
+                    />
+                    <div className="text-sm text-shark-200">
+                      Check this box if the website preview looks good
+                    </div>
+                  </div>
+                  <Popover>
+                    <PopoverTrigger className="relative flex cursor-pointer items-center gap-2 text-sm disabled:cursor-not-allowed">
+                      <Info
+                        className="cursor-pointer stroke-shark-300"
+                        size={16}
+                      />
+                    </PopoverTrigger>
+                    <PopoverContent
+                      align="end"
+                      alignOffset={-15}
+                      className="w-64 rounded-lg border border-shark-800 bg-shark-950 p-4 text-left text-sm text-shark-50"
+                      side="top"
+                      sideOffset={15}
+                    >
+                      Some websites don&apos;t allow other applications to
+                      render their website in an iframe. Make sure you the
+                      preview renders correctly so others can enjoy this
+                      channel.
+                    </PopoverContent>
+                  </Popover>
+                </div>
+                <div className="mt-1 h-[14px] text-xs text-red-500">
+                  {submissionError.missingRequired && !previewPasses
+                    ? "* Preview must pass"
+                    : ""}
+                </div>
+                <div className="my-6 md:mb-0">
+                  <Slider
+                    disabled={creatingTag}
+                    hasError={submissionError.showError}
+                    onSubmit={onClickShareItHandler}
+                    sending={sendStatus === "sending"}
+                    sent={sendStatus === "sent"}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </RequireAuth>
+  )
+}
+
+export default SubmitUrl
diff --git a/app/analytics.tsx b/app/analytics.tsx
index c4f93f8..e26182e 100644
--- a/app/analytics.tsx
+++ b/app/analytics.tsx
@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { useEffect } from "react"
 
@@ -23,5 +23,5 @@ export default function AnalyticWrapper({
       if (s.parentNode) s.parentNode.insertBefore(g, s)
     })()
   }, [])
-  return <div className="flex-1">{children}</div>
-}
\ No newline at end of file
+  return <>{children}</>
+}
diff --git a/app/discover/SiteFrame.tsx b/app/discover/SiteFrame.tsx
deleted file mode 100644
index 0d00f97..0000000
--- a/app/discover/SiteFrame.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-"use client";
-
-import { C4Content } from "@/types";
-import React from "react";
-
-interface SiteFrameProps{
-  site: C4Content | null;
-}
-
-const SiteFrame: React.FC<SiteFrameProps> = ({ site }) => {
-  if (!site) return null;
-
-  return (
-    <section className="h-[768px] rounded-2xl bg-c4-gradient-main pe-2 ps-2">
-      <div className="relative flex h-full w-full items-center justify-center overflow-hidden rounded-xl bg-secondary">
-        <iframe src={site.url} title={site.title} className="h-full w-full" />
-      </div>
-    </section>
-  )
-}
-
-export default SiteFrame
\ No newline at end of file
diff --git a/app/discover/layout.tsx b/app/discover/layout.tsx
deleted file mode 100644
index 44254b6..0000000
--- a/app/discover/layout.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { BottomNavigation } from "@/components/bottom-nav"
-
-export default function DiscoverLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <>
-      {children}
-      <div className="block md:hidden">
-        <BottomNavigation />
-      </div>
-    </>
-  )
-}
diff --git a/app/discover/page.tsx b/app/discover/page.tsx
deleted file mode 100644
index 959c0be..0000000
--- a/app/discover/page.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client"
-
-import { usePasswordStore } from "@/store/password"
-import Link from "next/link"
-
-import { Button, buttonVariants } from "@/components/ui/button"
-import TagList from "@/components/ui/tag-list"
-import { cn } from "@/lib/utils"
-
-import LikeButton from "@/components/like-button"
-import { ExternalLink, Tag } from "lucide-react"
-import useMix from "../hooks/useMix"
-import SiteFrame from "./SiteFrame"
-import { feedbackMessages } from "./utils"
-
-const Discover = () => {
-  const { password, token, userId } = usePasswordStore()
-  const { currentSite, isLoading, error, userLikes, likeOrUnlike, changeSite } = useMix();
-
-  if (error.message !== "") {
-    return (
-      <div className="mx-auto flex w-full flex-col items-center justify-center space-y-3 p-6">
-        <p className="text-lg">{feedbackMessages["not-found"]}</p>
-        <Link href="/" passHref>
-          <Button variant={'default'} size="lg">
-            Go home
-          </Button>
-        </Link>
-      </div>
-    )
-  }
-  if (isLoading) {
-    return (
-      <p className="mx-auto flex w-full items-center justify-center p-6">
-        {feedbackMessages.loading}
-      </p>
-    )
-  }
-
-  return (
-    !isLoading && !error.message && currentSite && (<section className="container grid grid-cols-1 gap-10 pb-8 pt-6 xl:grid-cols-3">
-      <div className="col-span-1 xl:col-span-2">
-        <SiteFrame site={currentSite} />
-      </div>
-      <div className="col-span-1 flex max-w-[900px] flex-col items-start justify-end gap-4">
-        {currentSite && (
-          <div className="flex w-full flex-col gap-1 rounded-lg">
-            <p className="font-mono text-sm uppercase tracking-widest text-yellow-300">
-              now showing
-            </p>
-            <p className="text-2xl font-semibold">{currentSite?.title}</p>
-            <p className="text-sm text-primary/70">
-              by {currentSite?.submittedBy}
-            </p>
-            <p className="p-2"></p>
-            <div className="flex items-center gap-2">
-              <LikeButton likeOrUnlike={likeOrUnlike} userLikes={userLikes} signedIn={password && token && userId ? true : false} site={currentSite} />
-
-              <Link href={currentSite?.url} passHref target="_blank" rel="noopener noreferrer">
-                <Button variant={"ghost"} size="sm">
-                  Go to site
-                  <ExternalLink
-                    size={16}
-                    aria-label="Go to site"
-                  />
-                </Button>
-              </Link>
-
-            </div>
-
-            <p className="p-1"></p>
-
-            <Button
-              className={cn(
-                buttonVariants({ size: "lg", variant: "default" }),
-                "rounded-full font-bold uppercase transition-all duration-500 active:scale-75 disabled:cursor-not-allowed disabled:text-primary disabled:opacity-50"
-              )}
-              loading={isLoading}
-              loadingText="Checking for more content"
-              role="button"
-              aria-label="Next"
-              onClick={changeSite}
-            >
-              Watch something else
-            </Button>
-            <p className="p-1"></p>
-            <hr className="h-1 w-full border bg-c4-gradient-main" />
-          </div>
-        )}
-        {currentSite.tags.length > 0 && <TagList tags={new Map(currentSite?.tags.map(tag => [tag._id, tag]))} selectable={false} title="Tags" />}
-      </div>
-    </section>
-    ))
-}
-
-export default Discover
\ No newline at end of file
diff --git a/app/discover/utils.ts b/app/discover/utils.ts
deleted file mode 100644
index a17a46d..0000000
--- a/app/discover/utils.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { TagMap } from "@/types";
-import { Wallet } from "ethers";
-
-import { getRawTransactionToSign } from "@/lib/utils";
-
-export const fetchMix = async (
-  tags: TagMap,
-  limit: number
-) => {
-  const mixParams = createMixParams(tags, limit);
-  try {
-    const response = await fetch(
-      `${process.env.NEXT_PUBLIC_API_URL}/mix?${mixParams.toString()}`
-    );
-    if (!response.ok) {
-      throw new Error(`Request failed with status ${response.status}`);
-    }
-    const data = await response.json();
-    return data;
-  } catch (error) {
-    let message = "Unknown error";
-    if (error instanceof Error) message = error.message;
-    console.error("Error fetching mix:", error);
-    return { message };
-  }
-};
-
-export const updateLikesInApi = async (
-  contentId: string,
-  encrypted: string,
-  password: string,
-  token: string,
-  userId: string
-) => {
-  const functionName = "likeURL";
-  const params = [2]; // TODO: use a url id compatible with Solidity (object_id cannot be casted to bigint. I think it is too large)
-  const metaTx = await getRawTransactionToSign(functionName, params);
-  const wallet = Wallet.fromEncryptedJsonSync(encrypted!, password!);
-  const signedLikeUrlTx = await wallet?.signTransaction(metaTx);
-  fetch(`${process.env.NEXT_PUBLIC_API_URL}/like/${contentId}`, {
-    method: "PUT",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`,
-    },
-    body: JSON.stringify({
-      signedMessage: signedLikeUrlTx,
-      address: wallet.address,
-      functionName: functionName,
-      params: params,
-      // TODO: temp params for mongodb
-      userId: userId,
-    }),
-  }).then((response) => {
-    return response.json();
-  });
-};
-
-export const feedbackMessages = {
-  "not-found": "Oops! We couldn't find any content... Let's try again — maybe some other tags.",
-  loading: "Loading content...",
-};
-
-export const createMixParams = (
-  tags: TagMap,
-  mixLimit: number
-) => {
-  const mixParams = new URLSearchParams();
-
-  const tagIds = tags.size > 0 ? Array.from(tags, ([tagId, tagName]) => tagId) : ["all"];
-  tagIds.forEach(tagId => mixParams.append("tags", tagId));
-  mixParams.append("limit", mixLimit.toString());
-
-  return mixParams;
-};
diff --git a/app/error.tsx b/app/error.tsx
index 6fdd818..bfc1221 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -1,7 +1,7 @@
 "use client"
 export default function Error() {
   return (
-    <div className="-mt-20 flex h-screen w-full items-center justify-center bg-red-500">
+    <div className="-mt-20 flex h-[100dvh] w-full items-center justify-center bg-red-500">
       <h1>Something went wrong...</h1>
     </div>
   )
diff --git a/app/hooks/useDebounce.tsx b/app/hooks/useDebounce.tsx
new file mode 100644
index 0000000..eec6e8c
--- /dev/null
+++ b/app/hooks/useDebounce.tsx
@@ -0,0 +1,15 @@
+import { useEffect, useState } from "react"
+
+export const useDebounce = (value: string, delay: number): string => {
+  const [debouncedValue, setDebouncedValue] = useState(value)
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value)
+    }, delay)
+
+    return () => {
+      clearTimeout(handler)
+    }
+  }, [value, delay])
+  return debouncedValue
+}
diff --git a/app/hooks/useMix.ts b/app/hooks/useMix.ts
deleted file mode 100644
index e7812d3..0000000
--- a/app/hooks/useMix.ts
+++ /dev/null
@@ -1,195 +0,0 @@
-'use client';
-
-import { useEncryptedStore } from "@/store/encrypted";
-import { usePasswordStore } from "@/store/password";
-import { C4Content, Tag, TagMap } from "@/types";
-import { useCallback, useEffect, useReducer } from "react";
-import { fetchMix, updateLikesInApi } from "../discover/utils";
-
-type MixState = {
-  currentSite: C4Content | null
-  selectedTags: TagMap
-  isLoading: boolean
-  error: { message: string }
-  mixIndex: number
-  userLikes: string[]
-  mix: C4Content[] | null
-  mixLimit: number
-  mixIndexLimit: number // the number that will act as a trigger to get more content
-}
-
-type Action =
-  | { type: "SET_ERROR"; message: string }
-  | { type: "SET_LOADING"; isLoading: boolean }
-  | { type: "SET_MIX"; mix: C4Content[]; }
-  | { type: "SET_TAGS"; tags: TagMap }
-  | { type: "SET_LIKES"; likes: string[]; currentSite: C4Content | null }
-  | { type: "CHANGE_SITE", currentSite: C4Content | null, mixIndex: number }
-
-const initialState: MixState = {
-  currentSite: null,
-  selectedTags: new Map(),
-  isLoading: true,
-  error: { message: "" },
-  mixIndex: -1,
-  userLikes: [],
-  mix: null,
-  mixLimit: 100,
-  mixIndexLimit: -3
-}
-
-const mixReducer = (state: MixState, action: Action): MixState => {
-  switch (action.type) {
-    case "SET_ERROR":
-      return { ...state, error: { message: action.message } };
-    case "SET_LOADING":
-      return { ...state, isLoading: action.isLoading };
-    case "SET_MIX":
-      return {
-        ...state,
-        mix: action.mix,
-        currentSite: action.mix[0],
-      };
-    case "SET_TAGS":
-      return { ...state, selectedTags: action.tags };
-    case "SET_LIKES":
-      return {
-        ...state,
-        userLikes: action.likes,
-        currentSite: action.currentSite,
-      };
-    case "CHANGE_SITE":
-      return {
-        ...state,
-        currentSite: action.currentSite,
-        mixIndex: action.mixIndex,
-      };
-    default:
-      return state;
-  }
-}
-
-const useMix = () => {
-  const { encrypted } = useEncryptedStore();
-  const { password, token, userId } = usePasswordStore();
-  const [state, dispatch] = useReducer(mixReducer, initialState);
-
-  const getTagsFromStore = () => {
-    if (typeof window === "undefined") return;
-    const tagsFromStore = sessionStorage.getItem("c4.tags");
-    if (!tagsFromStore) return;
-    try {
-      const parsedTags = JSON.parse(tagsFromStore);
-      parsedTags.forEach((data: [string, Tag]) => {
-        const [tagId, tag] = data;
-        state.selectedTags.set(tagId, tag);
-      });
-
-    } catch (error) {
-      console.error("Error parsing JSON:", error);
-    }
-  };
-
-  useEffect(() => {
-    getTagsFromStore();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const fetchMixContent = async () => {
-    try {
-      const { selectedTags: currentTags, mixLimit, } = state;
-      // if the selected tags are the same as the current tags and we have a mix, don't get a new mix
-      if (JSON.stringify(currentTags) === JSON.stringify(state.selectedTags) && state.mix && state.mixIndex < state.mix.length + state.mixIndexLimit) return;
-      const mixResponse = await fetchMix(currentTags, mixLimit);
-      if (mixResponse.message) {
-        dispatch({ type: "SET_ERROR", message: mixResponse.message });
-      } else {
-        handleMixResponse(state, mixResponse);
-      }
-    } catch (error) {
-      dispatch({ type: "SET_ERROR", message: "Something went wrong getting a mix" });
-    } finally {
-      dispatch({ type: "SET_LOADING", isLoading: false });
-    }
-  };
-
-  function handleMixResponse(state: MixState, mixResponse: any,) {
-    const newMix = state.mix && state.mixIndex >= state.mix.length + state.mixIndexLimit
-      ? [...state.mix.slice(state.mixIndex), ...mixResponse.urls]
-      : mixResponse.urls;
-
-    dispatch({
-      type: "SET_MIX",
-      mix: newMix,
-    });
-    // set the first site
-    dispatch({ type: "CHANGE_SITE", currentSite: newMix[0], mixIndex: 0 });
-  }
-
-  useEffect(() => {
-    fetchMixContent();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.selectedTags]);
-
-  const likeOrUnlike = useCallback(
-    async (contentId: string) => {
-      const { currentSite, userLikes } = state;
-      if (!currentSite) return;
-
-      const isLiked = userLikes.includes(contentId);
-      const newUserLikes = isLiked
-        ? userLikes.filter((item) => item !== contentId)
-        : [...userLikes, contentId];
-
-      dispatch({
-        type: "SET_LIKES",
-        likes: newUserLikes,
-        currentSite: state.currentSite && {
-          ...state.currentSite,
-          likes: state.currentSite.likes + (isLiked ? -1 : 1)
-        }
-      });
-
-      try {
-        await updateLikesInApi(
-          contentId,
-          encrypted!,
-          password!,
-          token!,
-          userId!
-        );
-      } catch (error) {
-        console.error(error);
-      }
-    },
-    [state, encrypted, password, token, userId]
-  );
-
-  const changeSite = () => {
-    const { mix, mixIndex, selectedTags } = state;
-    if (!mix) return;
-    const newMixIndex = mixIndex + 1
-
-    // Get more content if we are almost at the end of the mix
-    if (newMixIndex >= mix.length + state.mixIndexLimit) {
-      fetchMixContent();
-    }
-
-    if (newMixIndex < mix.length) {
-      dispatch({ type: "CHANGE_SITE", currentSite: mix[newMixIndex], mixIndex: newMixIndex });
-    }
-  };
-
-  return {
-    currentSite: state.currentSite,
-    isLoading: state.isLoading,
-    error: state.error,
-    userLikes: state.userLikes,
-    likeOrUnlike,
-    changeSite,
-  };
-
-};
-
-export default useMix;
-
diff --git a/app/hooks/useMix.tsx b/app/hooks/useMix.tsx
new file mode 100644
index 0000000..950d80e
--- /dev/null
+++ b/app/hooks/useMix.tsx
@@ -0,0 +1,247 @@
+"use client"
+
+import { useCallback, useEffect, useReducer } from "react"
+import { useSearchParams } from "next/navigation"
+import { useJwtStore } from "@/store/jwt"
+import { useReceiptsStore } from "@/store/receipts"
+import { C4Content } from "@/types"
+
+import {
+  fetchLikes,
+  fetchMix,
+  updateLikesInApi,
+} from "../(discover)/discover/utils"
+
+type MixState = {
+  currentSite: C4Content | null
+  // selectedTags: TagMap
+  isLoading: boolean
+  error: { message: string }
+  mixIndex: number
+  userLikes: string[]
+  mix: C4Content[] | null
+  mixLimit: number
+  mixIndexLimit: number // the number that will act as a trigger to get more content
+}
+
+type Action =
+  | { type: "SET_ERROR"; message: string }
+  | { type: "SET_LOADING"; isLoading: boolean }
+  | { type: "SET_MIX"; mix: C4Content[] }
+  | { type: "SET_MIX"; mix: C4Content[] }
+  // | { type: "SET_TAGS"; tags: TagMap }
+  | {
+      type: "SET_LIKES"
+      currentSite: C4Content | null
+      likes: string[]
+      mix?: C4Content[]
+    }
+  | { type: "CHANGE_SITE"; currentSite: C4Content | null; mixIndex: number }
+
+const initialState: MixState = {
+  currentSite: null,
+  // selectedTags: new Map(),
+  isLoading: true,
+  error: { message: "" },
+  mixIndex: -1,
+  userLikes: [],
+  mix: null,
+  mixLimit: 100,
+  mixIndexLimit: -3,
+}
+
+const mixReducer = (state: MixState, action: Action): MixState => {
+  switch (action.type) {
+    case "SET_ERROR":
+      return { ...state, error: { message: action.message } }
+    case "SET_LOADING":
+      return { ...state, isLoading: action.isLoading }
+    case "SET_MIX":
+      return {
+        ...state,
+        mix: action.mix,
+        currentSite: action.mix[0],
+      }
+    // case "SET_TAGS":
+    //   return { ...state, selectedTags: action.tags }
+    case "SET_LIKES":
+      if (!action.mix) {
+        return {
+          ...state,
+          userLikes: action.likes,
+        }
+      }
+      return {
+        ...state,
+        userLikes: action.likes,
+        currentSite: action.currentSite,
+        mix: action.mix,
+      }
+    case "CHANGE_SITE":
+      return {
+        ...state,
+        currentSite: action.currentSite,
+        mixIndex: action.mixIndex,
+      }
+    default:
+      return state
+  }
+}
+
+const useMix = () => {
+  const params = useSearchParams()
+  const tag = params.get("tag")
+  const { token, userId } = useJwtStore()
+  const { updateList } = useReceiptsStore()
+  const [state, dispatch] = useReducer(mixReducer, initialState)
+
+  // const getTagsFromStore = () => {
+  //   if (typeof window === "undefined") return
+  //   const tagsFromStore = sessionStorage.getItem("c4.tags")
+  //   if (!tagsFromStore) return
+  //   try {
+  //     const parsedTags = JSON.parse(tagsFromStore)
+  //     parsedTags.forEach((data: [string, Tag]) => {
+  //       const [tagId, tag] = data
+  //       state.selectedTags.set(tagId, tag)
+  //     })
+  //   } catch (error) {
+  //     console.error("Error parsing JSON:", error)
+  //   }
+  // }
+
+  // useEffect(() => {
+  //   getTagsFromStore()
+  //   // eslint-disable-next-line react-hooks/exhaustive-deps
+  // }, [])
+
+  const fetchUserLikes = useCallback(async () => {
+    const likes = await fetchLikes(userId!)
+    dispatch({
+      type: "SET_LIKES",
+      likes,
+      currentSite: null,
+    })
+  }, [userId])
+
+  useEffect(() => {
+    if (!userId) return
+    fetchUserLikes()
+  }, [fetchUserLikes, userId])
+
+  const fetchMixContent = async () => {
+    try {
+      const { mixLimit } = state
+      // if the selected tags are the same as the current tags and we have a mix, don't get a new mix
+      if (
+        // JSON.stringify(currentTags) === JSON.stringify(state.selectedTags) &&
+        state.mix &&
+        state.mixIndex < state.mix.length + state.mixIndexLimit
+      )
+        return
+      const mixResponse = await fetchMix(tag ? [tag] : [], mixLimit)
+      if (mixResponse.message) {
+        dispatch({ type: "SET_ERROR", message: mixResponse.message })
+      } else {
+        handleMixResponse(state, mixResponse)
+      }
+    } catch (error) {
+      dispatch({
+        type: "SET_ERROR",
+        message: "Something went wrong getting a mix",
+      })
+    } finally {
+      dispatch({ type: "SET_LOADING", isLoading: false })
+    }
+  }
+
+  function handleMixResponse(state: MixState, mixResponse: any) {
+    const newMix =
+      state.mix && state.mixIndex >= state.mix.length + state.mixIndexLimit
+        ? [...state.mix.slice(state.mixIndex), ...mixResponse.urls]
+        : mixResponse.urls
+
+    dispatch({
+      type: "SET_MIX",
+      mix: newMix,
+    })
+    // set the first site
+    dispatch({ type: "CHANGE_SITE", currentSite: newMix[0], mixIndex: 0 })
+  }
+
+  useEffect(() => {
+    fetchMixContent()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tag])
+
+  const likeOrUnlike = useCallback(
+    async (contentId: string) => {
+      const { currentSite, mix, mixIndex, userLikes } = state
+      if (!currentSite) return
+      const isLiked = userLikes.includes(contentId)
+      const newUserLikes = isLiked
+        ? userLikes.filter((item) => item !== contentId)
+        : [...userLikes, contentId]
+
+      const updatedSite = state.currentSite && {
+        ...state.currentSite,
+        likes: state.currentSite.likes + (isLiked ? -1 : 1),
+      }
+      const updatedMix = [...(mix as C4Content[])]
+      updatedMix[mixIndex] = updatedSite as C4Content
+      dispatch({
+        type: "SET_LIKES",
+        likes: newUserLikes,
+        currentSite: updatedSite,
+        mix: updatedMix,
+      })
+      try {
+        await updateLikesInApi(contentId, !isLiked, token!, updateList) // isLiked is the opposite of the user action (I am not sure why) by Nico Serrano
+      } catch (error) {
+        console.error(error)
+      }
+    },
+    [state, token, updateList]
+  )
+
+  const changeSite = () => {
+    const { mix, mixIndex, mixLimit } = state
+    if (!mix) return
+    const newMixIndex = mixIndex + 1
+
+    // Get more content if we are almost at the end of the mix and if mix length equals limit (more urls exist in server)
+    if (
+      mix.length === mixLimit &&
+      newMixIndex >= mix.length + state.mixIndexLimit
+    ) {
+      fetchMixContent()
+    }
+
+    if (newMixIndex < mix.length) {
+      dispatch({
+        type: "CHANGE_SITE",
+        currentSite: mix[newMixIndex],
+        mixIndex: newMixIndex,
+      })
+    }
+    // Reset index to zero if index is greater than or equal to length
+    else {
+      dispatch({
+        type: "CHANGE_SITE",
+        currentSite: mix[0],
+        mixIndex: 0,
+      })
+    }
+  }
+
+  return {
+    currentSite: state.currentSite,
+    isLoading: state.isLoading,
+    error: state.error,
+    userLikes: state.userLikes,
+    likeOrUnlike,
+    changeSite,
+  }
+}
+
+export default useMix
diff --git a/app/hooks/useOutsideAlerter.tsx b/app/hooks/useOutsideAlerter.tsx
new file mode 100644
index 0000000..5483e0d
--- /dev/null
+++ b/app/hooks/useOutsideAlerter.tsx
@@ -0,0 +1,23 @@
+import { useEffect } from "react"
+
+// eslint-disable-next-line
+export function useOutsideAlerter(ref: any, callback: any): void {
+  /**
+   * Alert if clicked on outside of element
+   */
+  // eslint-disable-next-line
+  function handleClickOutside(event: any) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      callback(false)
+    }
+  }
+
+  useEffect(() => {
+    // Bind the event listener
+    document.addEventListener("mousedown", handleClickOutside)
+    return () => {
+      // Unbind the event listener on clean up
+      document.removeEventListener("mousedown", handleClickOutside)
+    }
+  })
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 2202901..a95eff8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,19 +1,13 @@
-import "@/styles/globals.css";
-import { Metadata } from "next";
+import "@/styles/globals.css"
+import { Metadata } from "next"
+import { AuthProvider } from "@/contexts/AuthContext"
 
+import { siteConfig } from "@/config/site"
+import { fontDM, fontSans } from "@/lib/fonts"
+import { cn } from "@/lib/utils"
+import { ThemeProvider } from "@/components/theme-provider"
 
-
-import { siteConfig } from "@/config/site";
-import { fontSans } from "@/lib/fonts";
-import { cn } from "@/lib/utils";
-import Feedback from "@/components/feedback";
-import { SiteHeader } from "@/components/site-header";
-import { ThemeProvider } from "@/components/theme-provider";
-
-
-
-import AnalyticWrapper from "./analytics";
-
+import AnalyticWrapper from "./analytics"
 
 export const metadata: Metadata = {
   metadataBase: new URL("https://app.channel4.wtf"),
@@ -53,19 +47,20 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <head />
         <body
           className={cn(
-            "h-screen bg-background font-sans antialiased",
-            fontSans.variable
+            "h-[100dvh] bg-shark-950 font-sans antialiased",
+            fontSans.variable,
+            fontDM.variable
           )}
         >
           <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
-            <div className="relative flex h-screen flex-col">
-              <SiteHeader />
-              <AnalyticWrapper>{children}</AnalyticWrapper>
-              <Feedback />
-            </div>
+            <AuthProvider>
+              <div className="flex h-full flex-col">
+                <AnalyticWrapper>{children}</AnalyticWrapper>
+              </div>
+            </AuthProvider>
           </ThemeProvider>
         </body>
       </html>
     </>
   )
-}
\ No newline at end of file
+}
diff --git a/app/loading.tsx b/app/loading.tsx
index 5cccac7..ef7d6ea 100644
--- a/app/loading.tsx
+++ b/app/loading.tsx
@@ -4,7 +4,7 @@ import { siteConfig } from "@/config/site"
 
 export default function Loading() {
   return (
-    <main className="flex h-screen flex-col items-center justify-center gap-4">
+    <main className="flex h-[100dvh] flex-col items-center justify-center gap-4">
       <h1 className="text-5xl font-bold">{siteConfig.name}</h1>
       <p>Loading...</p>
       {/* <Image
diff --git a/app/page.tsx b/app/page.tsx
index 86e5f82..9225ecd 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,67 +1,5 @@
-"use client"
-
-import { useState } from "react"
-import { Tag, TagMap } from "@/types"
-import useSWR from "swr"
-
-import TagList from "@/components/ui/tag-list"
-import { Loader2 } from "lucide-react"
-
-const getTags = async () => {
-  try {
-    // TODO: Tags should only return tags that have links
-    const response = await fetch(process.env.NEXT_PUBLIC_API_URL + "/tag")
-    const data = await response.json()
-    return data
-  } catch (error) {
-    console.log(error)
-    return []
-  }
-}
+import { redirect } from "next/navigation"
 
 export default function IndexPage() {
-  const [tags, setTags] = useState<TagMap>(new Map())
-  const [isLoading, setIsLoading] = useState<boolean>(true)
-
-  useSWR("tag", getTags, {
-    revalidateOnFocus: false,
-    revalidateOnReconnect: false,
-    onError: (error) => {
-      console.log(error)
-      setIsLoading(false)
-    },
-    onSuccess: (data) => {
-      let _tags: TagMap = new Map()
-      if (data && "tags" in data) {
-        data.tags.forEach((tag: Tag) => {
-          _tags.set(tag._id, { _id: tag._id, name: tag.name })
-        })
-        setTags(_tags)
-        setIsLoading(false)
-      }
-    },
-  })
-
-  return (
-    <section className="container grid items-center gap-6 py-8">
-      <div className="flex max-w-[800px] flex-col items-start space-y-3">
-        <h1 className="text-3xl font-extrabold leading-tight sm:text-3xl md:text-5xl lg:text-6xl">
-          Your journey starts here!
-        </h1>
-        <p className="max-w-[800px] text-lg text-foreground sm:text-xl">
-          Get ready to see random content from all over the internet.
-        </p>
-      </div>
-      {isLoading ? (
-        <div className="flex space-x-2">
-          <Loader2 className={"animate-spin"} />
-          <p>Getting tags...</p>
-        </div>
-      ) : (<TagList
-        tags={tags}
-        title={"Choose some tags (optional)"}
-        selectable
-      />)}
-    </section>
-  )
+  redirect("/landing")
 }
diff --git a/app/submit-url/page.tsx b/app/submit-url/page.tsx
deleted file mode 100644
index 1f3387d..0000000
--- a/app/submit-url/page.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-"use client"
-
-import { useEffect, useState } from "react"
-import Image from "next/image"
-import { useEncryptedStore } from "@/store/encrypted"
-import { usePasswordStore } from "@/store/password"
-import { Tag, TagMap } from "@/types"
-import { Wallet } from "ethers"
-
-import { getRawTransactionToSign } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import TagRow from "@/components/ui/tag-row"
-import RequireAuth from "@/components/helper/RequireAuth"
-
-import Channel4IconBlack from "../../assets/channel-4-icon-black.svg"
-
-const SubmitUrl = () => {
-  const { encrypted } = useEncryptedStore()
-  const { password, token, userId } = usePasswordStore()
-  const [title, setTitle] = useState<string | null>(null)
-  const [url, setUrl] = useState<string | null>(null)
-  const [showTags, setShowTags] = useState<TagMap>(new Map())
-  const [selectedTags, setSelectedTags] = useState<TagMap>(new Map())
-  const [isLoading, setIsLoading] = useState(false)
-
-  const onTitleChangeHandler = (e: { target: { value: string } }) => {
-    setTitle(e.target.value)
-  }
-
-  const onUrlChangeHandler = (e: { target: { value: string } }) => {
-    setUrl(e.target.value)
-  }
-
-  const getTags = async () => {
-    try {
-      const response = await fetch(
-        process.env.NEXT_PUBLIC_API_URL + "/tag"
-      ).then((res) => res.json())
-      let tags: TagMap = new Map()
-      if ("tags" in response) {
-        response.tags.forEach((tag: Tag) => {
-          tags.set(tag._id, tag)
-        })
-      }
-      setShowTags(tags)
-    } catch (error) {
-      console.log(error)
-      setShowTags(new Map())
-    }
-  }
-
-  useEffect(() => {
-    getTags()
-  }, [])
-
-  const onClickShareItHandler = async () => {
-    setIsLoading(true)
-    const functionName = "submitURL"
-    const params = [title, url, Array.from(selectedTags.keys())]
-    const metaTx = await getRawTransactionToSign(functionName, params)
-    const wallet = Wallet.fromEncryptedJsonSync(encrypted!, password!)
-    const signedSubmitURLtx = await wallet?.signTransaction(metaTx)
-    const response = await fetch(process.env.NEXT_PUBLIC_API_URL + "/url", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${token}`,
-      },
-      body: JSON.stringify({
-        signedMessage: signedSubmitURLtx,
-        address: wallet.address,
-        functionName: functionName,
-        params: params,
-        // TODO: temp params for mongodb
-        userId: userId,
-      }),
-    }).then((res) => res.json())
-    setTitle(null)
-    setUrl(null)
-    setSelectedTags(new Map())
-    setIsLoading(false)
-  }
-
-  return (
-    <RequireAuth>
-      <div className="mx-7 flex flex-col justify-center lg:container">
-        <div className="my-5 flex h-40 justify-center rounded-br-3xl rounded-tl-3xl bg-c4-gradient-main">
-          <Image priority src={Channel4IconBlack} alt="Channel 4 icon black" />
-        </div>
-        <h2 className="my-5">
-          Share your favourite websites & <span className="">spark joy</span> in
-          our community with <span className="">random gems!</span> 🌐✨
-        </h2>
-        <div className="space-y-2 pb-4">
-          <p>Enter title here</p>
-          <input
-            type={"text"}
-            value={title || ""}
-            onChange={onTitleChangeHandler}
-            className="h-12 w-full rounded-lg bg-gray px-2 py-1"
-          />
-        </div>
-        <div className="space-y-2 pb-4">
-          <p>Enter URL here</p>
-          <input
-            type={"text"}
-            value={url || ""}
-            onChange={onUrlChangeHandler}
-            className="h-12 w-full rounded-lg bg-gray px-2 py-1"
-          />
-        </div>
-        <div className="space-y-2 pb-4">
-          <p>Add tags (optional)</p>
-          <TagRow
-            selectable
-            shownTags={showTags}
-            selectedTags={selectedTags}
-            setSelectedTags={setSelectedTags}
-          />
-        </div>
-        <Button
-          variant="outline"
-          loading={isLoading}
-          disabled={isLoading}
-          onClick={onClickShareItHandler}
-          className="rounded-full border-green-500 py-6 text-green-500"
-        >
-          Share it with the world
-        </Button>
-      </div>
-    </RequireAuth>
-  )
-}
-
-export default SubmitUrl
diff --git a/app/utils.ts b/app/utils.ts
new file mode 100644
index 0000000..f5f7831
--- /dev/null
+++ b/app/utils.ts
@@ -0,0 +1,16 @@
+import { C4Content } from "@/types";
+
+export const createProxyUrls = (sites: C4Content[]) => {
+    return sites.map(site => {
+        return { ...site, proxyUrl: `https://corsproxy.io/?${encodeURIComponent(site.url)}` };
+    });
+};
+
+export const random = (min: number, max: number) => {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+export const isValidUrl = (url: string) => {
+    const regex = /^(https):\/\/(?:[A-Z0-9](?:[A-Z0-9-]{0,61}[A-Z0-9])?\.)+(?:[A-Z]{2,6}\.?|[A-Z0-9-]{2,}\.?)|localhost|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}(?::\d+)?(?:\/?|[\/?]\S+)$/i;
+    return regex.test(url);
+}
\ No newline at end of file
diff --git a/assets/arrow-right.svg b/assets/arrow-right.svg
new file mode 100644
index 0000000..585f18d
--- /dev/null
+++ b/assets/arrow-right.svg
@@ -0,0 +1,23 @@
+<svg width="73" height="48" viewBox="0 0 73 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="0.5" width="71" height="47" rx="23.5" fill="url(#paint0_linear_1801_2664)"/>
+<g clip-path="url(#clip0_1801_2664)">
+<path d="M40.672 22.9997L35.308 17.6357L36.722 16.2217L44.5 23.9997L36.722 31.7777L35.308 30.3637L40.672 24.9997H28.5V22.9997H40.672Z" fill="black"/>
+</g>
+<rect x="1" y="0.5" width="71" height="47" rx="23.5" stroke="url(#paint1_linear_1801_2664)"/>
+<defs>
+<linearGradient id="paint0_linear_1801_2664" x1="65.0169" y1="1.6842" x2="-31.8685" y2="35.6246" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1801_2664" x1="30.828" y1="5.45455" x2="53.179" y2="35.6568" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8894A8"/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_1801_2664">
+<rect width="24" height="24" fill="white" transform="translate(24.5 12)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/bad-url-display.png b/assets/bad-url-display.png
new file mode 100644
index 0000000000000000000000000000000000000000..5773513d4dcce806c5d21f16a4a1fd8fe8b5abc7
GIT binary patch
literal 4261
zcmeAS@N?(olHy`uVBq!ia0y~yU_QXWz|_FO1{4YYDd-HOI14-?iy0WiR6&^0Gf3qF
zP>``W$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3<6f3E{-7;jBjtP?TZbSXn6R3&dkd*
z|6LMmKA<2V;UUGd-Jw9E$yp)bDU*l64JE;r`41j2T~OxO<-yU`GV7X%m*=g_^NFWS
zeP$UyubsE|`Zw*!$dkLTN6E;_=C;i({{K(B`0K0h%(vgne|&hS<^1#SS6^q_cJtA}
zi#dArRvX^t)mCKZ{V7XMm@TVcXZf?vX7$;s2bIx$Act}!07)Sh10c!CB*DPYz{1GG
zz~Iot0Q9edBLg!7!vuu}Mg|5CfdfD#Dx=CrLuND)jAoC~l3=uq9IXyUE6UL}!Dwq~
za5oHpo9FXcXYAZ#HeD}P@<!U}vj_KlFUXIJ;m_G>Z#MneYVkKKbM~*le{c4CJE<F4
zr|tQl9ol|9{pXL52R?7B|NU)4^SSx<bGXIBfUWC<u+RVEyDPt*JP;N=&)R(T>2D$1
z?yrA;PG-O1hO6K7-<_R$HA`&v*#n=SahU)!#$antConK*jJD#D`!|X8VfFmG(>H%F
zxpw-nC3jri%U^HazU8%DJ^A^ETMuPyEG7KT@3sE^{N%?f3tN73|MdFW!i*?=x%oYh
zExD)h%bof3?rvl5HjBvRn{Uq9Gy7(0_tB)Xo11^mJ!+}<Y-)K~_0x@C>;665T>1L!
zb#@Ec`86M&{`qnCEu-J@{p{t>?k%0qW+D6fYn7aB)t1YQf8G>4e~_@f{=@pP)&Gx2
lJ|2{5XtaY!-@foaW*djZxl4UJHUbM222WQ%mvv4FO#qm*jGF)e

literal 0
HcmV?d00001

diff --git a/assets/browser-icon.svg b/assets/browser-icon.svg
new file mode 100644
index 0000000..e1960a6
--- /dev/null
+++ b/assets/browser-icon.svg
@@ -0,0 +1,43 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.25 5.25C3.25 5.38807 3.13807 5.5 3 5.5C2.86193 5.5 2.75 5.38807 2.75 5.25C2.75 5.11193 2.86193 5 3 5C3.13807 5 3.25 5.11193 3.25 5.25Z" fill="url(#paint0_linear_1469_2307)" stroke="url(#paint1_linear_1469_2307)"/>
+<path d="M6 5.25C6 5.66421 5.66421 6 5.25 6C4.83579 6 4.5 5.66421 4.5 5.25C4.5 4.83579 4.83579 4.5 5.25 4.5C5.66421 4.5 6 4.83579 6 5.25Z" fill="url(#paint2_linear_1469_2307)"/>
+<path d="M7.5 6C7.91422 6 8.25 5.66421 8.25 5.25C8.25 4.83579 7.91422 4.5 7.5 4.5C7.08578 4.5 6.75 4.83579 6.75 5.25C6.75 5.66421 7.08578 6 7.5 6Z" fill="url(#paint3_linear_1469_2307)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 2.25C1.00736 2.25 0 3.25736 0 4.5V13.5C0 14.7427 1.00736 15.75 2.25 15.75H15.75C16.9927 15.75 18 14.7427 18 13.5V4.5C18 3.25736 16.9927 2.25 15.75 2.25H2.25ZM15.75 3.75H2.25C1.83579 3.75 1.5 4.08579 1.5 4.5V6.75H16.5V4.5C16.5 4.08579 16.1642 3.75 15.75 3.75ZM1.5 13.5V8.25H16.5V13.5C16.5 13.9142 16.1642 14.25 15.75 14.25H2.25C1.83579 14.25 1.5 13.9142 1.5 13.5Z" fill="url(#paint4_linear_1469_2307)"/>
+<defs>
+<linearGradient id="paint0_linear_1469_2307" x1="3.5941" y1="4.55263" x2="1.44516" y2="5.0545" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1469_2307" x1="3.5941" y1="4.55263" x2="1.44516" y2="5.0545" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1469_2307" x1="5.8441" y1="4.55263" x2="3.69516" y2="5.0545" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1469_2307" x1="8.0941" y1="4.55263" x2="5.94516" y2="5.0545" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1469_2307" x1="16.1292" y1="2.72368" x2="-8.66083" y2="10.4431" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FB2BFF"/>
+<stop offset="0.239583" stop-color="#E5F344"/>
+<stop offset="0.473958" stop-color="#37FF4B"/>
+<stop offset="0.71875" stop-color="#4D89FF"/>
+<stop offset="1" stop-color="#8F00FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/assets/close-border.svg b/assets/close-border.svg
new file mode 100644
index 0000000..1d7afe0
--- /dev/null
+++ b/assets/close-border.svg
@@ -0,0 +1,4 @@
+<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.6882 12.0092C13.3628 11.6838 12.8351 11.6838 12.5097 12.0092C12.1843 12.3347 12.1843 12.8623 12.5097 13.1877L17.322 18L12.5098 22.8122C12.1843 23.1376 12.1843 23.6653 12.5098 23.9907C12.8352 24.3161 13.3628 24.3161 13.6883 23.9907L18.5005 19.1785L23.3127 23.9907C23.6381 24.3161 24.1658 24.3161 24.4912 23.9907C24.8166 23.6653 24.8166 23.1376 24.4912 22.8122L19.679 18L24.4913 13.1877C24.8167 12.8623 24.8167 12.3347 24.4913 12.0092C24.1659 11.6838 23.6382 11.6838 23.3128 12.0092L18.5005 16.8215L13.6882 12.0092Z" fill="#F6F7F9"/>
+<rect x="1" y="0.5" width="35" height="35" rx="17.5" stroke="#F6F7F9"/>
+</svg>
diff --git a/assets/empty-heart.svg b/assets/empty-heart.svg
new file mode 100644
index 0000000..ff8ce6e
--- /dev/null
+++ b/assets/empty-heart.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7493 0.5C15.281 0.5 17.3327 2.58333 17.3327 5.5C17.3327 11.3333 11.0827 14.6667 8.99935 15.9167C6.91602 14.6667 0.666016 11.3333 0.666016 5.5C0.666016 2.58333 2.74935 0.5 5.24935 0.5C6.79935 0.5 8.16602 1.33333 8.99935 2.16667C9.83268 1.33333 11.1993 0.5 12.7493 0.5ZM9.77768 13.5033C10.5118 13.04 11.1743 12.5792 11.7943 12.0858C14.2785 10.1108 15.666 7.9525 15.666 5.5C15.666 3.53333 14.3852 2.16667 12.7493 2.16667C11.8527 2.16667 10.8827 2.64167 10.1777 3.345L8.99935 4.52333L7.82102 3.345C7.11602 2.64167 6.14602 2.16667 5.24935 2.16667C3.63268 2.16667 2.33268 3.54667 2.33268 5.5C2.33268 7.95333 3.72102 10.1108 6.20352 12.0858C6.82435 12.5792 7.48685 13.04 8.22102 13.5025C8.47018 13.66 8.71685 13.8108 8.99935 13.9792C9.28185 13.8108 9.52852 13.66 9.77768 13.5033Z" fill="#F6F7F9"/>
+</svg>
diff --git a/assets/ethereum-stroke.svg b/assets/ethereum-stroke.svg
new file mode 100644
index 0000000..06a4267
--- /dev/null
+++ b/assets/ethereum-stroke.svg
@@ -0,0 +1 @@
+<svg width="21" height="32" viewBox="0 0 21 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="#F6F7F9"><path d="M20.231 18.554a.762.762 0 0 0-.927-.194l-8.803 4.402-8.804-4.402a.762.762 0 0 0-.95 1.139L9.89 31.692c.01.012.025.017.035.029.051.06.111.111.179.152.024.02.05.036.076.05a.71.71 0 0 0 .64 0 .595.595 0 0 0 .076-.05.735.735 0 0 0 .178-.152c.011-.012.026-.017.036-.029l9.145-12.193a.762.762 0 0 0-.025-.945ZM9.74 24.084v4.864l-5.836-7.773 5.836 2.91Zm1.524 4.864v-4.863l5.836-2.91-5.836 7.773Z"/><path d="M.615 16.081c0 .042.002.084.01.125.007.024.025.043.034.066a.467.467 0 0 0 .016.062c.009.02.032.027.042.046a.745.745 0 0 0 .198.216c.026.018.045.04.07.055.026.015.019.018.03.023l9.145 4.573h.02a.724.724 0 0 0 .641 0h.021l9.145-4.573a.674.674 0 0 0 .064-.05.721.721 0 0 0 .221-.218.813.813 0 0 0 .055-.072c.01-.023.01-.046.019-.067a.598.598 0 0 0 .032-.06.514.514 0 0 0 0-.083.768.768 0 0 0-.005-.293.719.719 0 0 0-.055-.152.564.564 0 0 0-.024-.072L11.149.365c-.011-.016-.03-.023-.041-.038a.731.731 0 0 0-1.22 0c-.01.015-.03.022-.041.038L.702 15.607a.762.762 0 0 0-.098.354c0 .013-.01.024-.01.038a.68.68 0 0 0 .021.082Zm9.124 3.251-6.68-3.34 6.68-3.339v6.68Zm1.524-6.679 6.679 3.34-6.679 3.34v-6.68Zm0-1.704V3.502l6.382 10.637-6.382-3.19Zm-1.524 0-6.383 3.192L9.739 3.502v7.447Z"/></g></svg>
\ No newline at end of file
diff --git a/assets/external-link-arrow.svg b/assets/external-link-arrow.svg
new file mode 100644
index 0000000..770a382
--- /dev/null
+++ b/assets/external-link-arrow.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1683_1929)">
+<path d="M10.6689 6.776L4.93095 12.514L3.98828 11.5713L9.72561 5.83333H4.66895V4.5H12.0023V11.8333H10.6689V6.776Z" fill="#B2BAC7"/>
+</g>
+<defs>
+<clipPath id="clip0_1683_1929">
+<rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/filled-heart.svg b/assets/filled-heart.svg
new file mode 100644
index 0000000..6e9e353
--- /dev/null
+++ b/assets/filled-heart.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7513 0.5C15.283 0.5 17.3346 2.58333 17.3346 5.5C17.3346 11.3333 11.0846 14.6667 9.0013 15.9167C6.91797 14.6667 0.667969 11.3333 0.667969 5.5C0.667969 2.58333 2.7513 0.5 5.2513 0.5C6.8013 0.5 8.16797 1.33333 9.0013 2.16667C9.83464 1.33333 11.2013 0.5 12.7513 0.5Z" fill="#F6F7F9"/>
+</svg>
diff --git a/assets/submit-url-background.svg b/assets/submit-url-background.svg
new file mode 100644
index 0000000..ca88f45
--- /dev/null
+++ b/assets/submit-url-background.svg
@@ -0,0 +1,6 @@
+<svg width="1664" height="801" viewBox="0 0 1664 801" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="400" cy="400.212" r="400" fill="#3C4350"/>
+<ellipse cx="399.999" cy="400.212" rx="103.319" ry="103.319" fill="#454E5F"/>
+<circle cx="1264" cy="400.212" r="400" fill="#3C4350"/>
+<ellipse cx="1264" cy="400.212" rx="103.319" ry="103.319" fill="#454E5F"/>
+</svg>
diff --git a/assets/x-icon.svg b/assets/x-icon.svg
new file mode 100644
index 0000000..4596953
--- /dev/null
+++ b/assets/x-icon.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.99956 3.93955L8.71206 0.227051L9.77256 1.28755L6.06006 5.00005L9.77256 8.71255L8.71206 9.77305L4.99956 6.06055L1.28706 9.77305L0.226562 8.71255L3.93906 5.00005L0.226562 1.28755L1.28706 0.227051L4.99956 3.93955Z" fill="#8894A8"/>
+</svg>
diff --git a/components/animated-counter.tsx b/components/animated-counter.tsx
new file mode 100644
index 0000000..2896111
--- /dev/null
+++ b/components/animated-counter.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import { useRouter } from "next/navigation"
+import { motion } from "framer-motion"
+
+const CountdownTimer = ({ from }: { from: number }) => {
+  const router = useRouter()
+  return (
+    <section className="h-[180px] w-[270px] overflow-hidden rounded-full lg:h-[300px] lg:w-[400px] xl:h-[360px] xl:w-[440px]">
+      <motion.div
+        initial={{ y: 0 }}
+        animate={{
+          y: [
+            "-0.2%",
+            "-9%",
+            "-18%",
+            "-27%",
+            "-37%",
+            "-46%",
+            "-55%",
+            "-64%",
+            "-73%",
+            "-82%",
+            "-91%",
+          ],
+        }}
+        onAnimationComplete={() => router.push("/discover")}
+        transition={{
+          duration: from,
+          ease: [0.37, 0.09, 0.3, 1],
+          delay: 0.6,
+        }}
+        className="relative flex flex-col items-center overflow-hidden"
+      >
+        {Array.from({ length: from + 1 }, (_, i) => from - i).map((num) => {
+          return (
+            <div key={num}>
+              <h1 className="text-[180px] leading-[180px] lg:text-[280px] lg:leading-[250px] xl:text-[350px] xl:leading-[330px]">
+                {num}
+              </h1>
+
+              <style jsx>{`
+                h1 {
+                  text-shadow: 0px 16px 8px rgba(9, 58, 12, 0.15);
+                }
+              `}</style>
+            </div>
+          )
+        })}
+      </motion.div>
+    </section>
+  )
+}
+
+export default CountdownTimer
diff --git a/components/helper/RequireAuth.tsx b/components/helper/RequireAuth.tsx
index 2fbae04..b405c37 100644
--- a/components/helper/RequireAuth.tsx
+++ b/components/helper/RequireAuth.tsx
@@ -1,9 +1,7 @@
 "use client"
 
-import Link from "next/link"
-import { usePasswordStore } from "@/store/password"
-
-import { siteConfig } from "@/config/site"
+import { useAuth } from "@/contexts/AuthContext"
+import { Loader2 } from "lucide-react"
 
 /**
  * check signin status and navigate to
@@ -16,15 +14,25 @@ interface Props {
 }
 
 const RequireAuth = ({ children }: Props) => {
-  const { userId, token } = usePasswordStore()
-  if (!token || !userId) {
+  const { initializingW3A, signIn, signedIn } = useAuth()
+  if (initializingW3A) {
+    return (
+      <div className="flex h-full flex-col items-center justify-center px-4 text-center">
+        <h2>Checking Web3Auth Connection...</h2>
+        <Loader2 className="mt-4 animate-spin stroke-c4-green" size={36} />
+      </div>
+    )
+  } else if (!signedIn) {
     return (
-      <div className="mx-7 my-10 flex flex-col items-center justify-center text-center lg:container">
+      <div className="flex h-full flex-col items-center justify-center px-4 text-center">
         <h2 className="my-5">
           Sign in{" "}
-          <Link href={siteConfig.links.signIn} className="text-green-500">
+          <button
+            className="cursor-pointer text-c4-green"
+            onClick={() => signIn()}
+          >
             here
-          </Link>{" "}
+          </button>{" "}
           to view this section
         </h2>
       </div>
diff --git a/components/like-button.tsx b/components/like-button.tsx
index d128f01..d54009a 100644
--- a/components/like-button.tsx
+++ b/components/like-button.tsx
@@ -1,18 +1,25 @@
-import { cn } from "@/lib/utils"
+import Link from "next/link"
 import { C4Content } from "@/types"
 import { ThumbsUpIcon } from "lucide-react"
-import Link from "next/link"
+
+import { cn } from "@/lib/utils"
+
 import { Button } from "./ui/button"
 import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover"
 
 interface LikeButtonProps {
-  signedIn: boolean,
-  likeOrUnlike: (arg0: string) => void
+  signedIn: boolean
+  likeOrUnlike: (contentId: string) => void
   site: C4Content | null
   userLikes: string[]
 }
 
-const LikeButton = ({ signedIn, likeOrUnlike, site, userLikes }: LikeButtonProps) => {
+const LikeButton = ({
+  signedIn,
+  likeOrUnlike,
+  site,
+  userLikes,
+}: LikeButtonProps) => {
   if (!site) return null
   const isLiked = userLikes.includes(site?._id)
 
@@ -31,17 +38,14 @@ const LikeButton = ({ signedIn, likeOrUnlike, site, userLikes }: LikeButtonProps
         )}
         aria-label="Like"
       />
-      <p>
-        {isLiked ? "Liked" : "Like"}
-      </p>
+      <p>{isLiked ? "Liked" : "Like"}</p>
       <p>•</p>
       <p>{site.likes}</p>
     </Button>
-  );
-
+  )
 
   if (signedIn) {
-    return <LikeButtonContent />;
+    return <LikeButtonContent />
   } else {
     return (
       <Popover>
@@ -59,9 +63,8 @@ const LikeButton = ({ signedIn, likeOrUnlike, site, userLikes }: LikeButtonProps
           </Link>
         </PopoverContent>
       </Popover>
-    );
+    )
   }
 }
 
 export default LikeButton
-
diff --git a/components/main-content-wrapper.tsx b/components/main-content-wrapper.tsx
new file mode 100644
index 0000000..0db1d5d
--- /dev/null
+++ b/components/main-content-wrapper.tsx
@@ -0,0 +1,15 @@
+import { ReactNode } from "react"
+
+export default function MainContentWrapper({
+  children,
+}: {
+  children: ReactNode
+}): JSX.Element {
+  return (
+    <div className="h-[calc(100%-144px)] flex-1 p-4 md:px-8 md:pb-0 md:pt-6">
+      <div className="h-full w-full overflow-hidden rounded-2xl border border-shark-600">
+        {children}
+      </div>
+    </div>
+  )
+}
diff --git a/components/main-menu.tsx b/components/main-menu.tsx
new file mode 100644
index 0000000..e58bd41
--- /dev/null
+++ b/components/main-menu.tsx
@@ -0,0 +1,88 @@
+import Image from "next/image"
+import Link from "next/link"
+import browserIcon from "@/assets/browser-icon.svg"
+import xIcon from "@/assets/x-icon.svg"
+import { useAuth } from "@/contexts/AuthContext"
+import { Loader2 } from "lucide-react"
+
+import { siteConfig } from "@/config/site"
+
+interface MainMenuProps {
+  open: boolean
+  onClose: () => void
+}
+
+export default function MainMenu({ open, onClose }: MainMenuProps) {
+  const { initializingW3A, signIn, signedIn, signOut } = useAuth()
+
+  return (
+    <div
+      className="absolute bottom-[calc(100%+20px)] left-5 z-20 w-[calc(100%-40px)] rounded-2xl border border-shark-700 bg-shark-950 p-6 transition-all duration-300 md:bottom-[calc(100%+12px)] md:left-12 md:w-[351px]"
+      style={{
+        opacity: open ? 1 : 0,
+        pointerEvents: open ? "auto" : "none",
+        transform: open ? "translateY(0px)" : "translateY(45px)",
+      }}
+    >
+      {initializingW3A ? (
+        <div className="flex flex-col items-center justify-center">
+          Initializing Web3Auth
+          <Loader2 className="mt-2 animate-spin" size={22} />
+        </div>
+      ) : (
+        <>
+          {signedIn ? (
+            <div>
+              <Link href={siteConfig.mainNav.addSite.href}>
+                <div className="flex items-center justify-between border-b border-shark-800 p-3 transition-all hover:border-c4-green md:p-4">
+                  <div className="w-full bg-c4-gradient-separator bg-clip-text text-sm text-transparent md:text-base">
+                    {siteConfig.mainNav.addSite.title}
+                  </div>
+                  <Image alt="Browser" src={browserIcon} />
+                </div>
+              </Link>
+              <Link href={siteConfig.mainNav.dashboard.href}>
+                <div className="border-b border-shark-800 p-3 text-sm text-shark-300 transition-all hover:border-c4-green hover:text-shark-200 md:p-4 md:text-base">
+                  {siteConfig.mainNav.dashboard.title}
+                </div>
+              </Link>
+            </div>
+          ) : (
+            <div
+              className="cursor-pointer border-b border-shark-800 p-3 text-sm text-shark-300 transition-all hover:border-c4-green hover:text-shark-200 md:p-4 md:text-base"
+              onClick={() => {
+                signIn()
+                onClose()
+              }}
+            >
+              Sign in / Sign up
+            </div>
+          )}
+          <Link href={siteConfig.mainNav.browseTopics.href}>
+            <div className="border-b border-shark-800 p-3 text-sm text-shark-300 transition-all hover:border-c4-green hover:text-shark-200 md:p-4 md:text-base">
+              {siteConfig.mainNav.browseTopics.title}
+            </div>
+          </Link>
+          {signedIn && (
+            <div
+              className="cursor-pointer p-3 text-sm text-shark-300 transition-all hover:text-shark-200 md:p-4 md:text-base"
+              onClick={() => {
+                signOut()
+                onClose()
+              }}
+            >
+              Log Out
+            </div>
+          )}
+          <div
+            className="flex cursor-pointer items-center justify-between p-3 text-sm text-shark-300 transition-colors hover:text-shark-200 md:p-4 md:text-base"
+            onClick={() => onClose()}
+          >
+            <div>Close menu</div>
+            <Image alt="X" src={xIcon} />
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/components/site-details.tsx b/components/site-details.tsx
new file mode 100644
index 0000000..9e6e2b3
--- /dev/null
+++ b/components/site-details.tsx
@@ -0,0 +1,67 @@
+import Image from "next/image"
+import CloseBorder from "@/assets/close-border.svg"
+import ExternalLinkArrow from "@/assets/external-link-arrow.svg"
+import { C4Content } from "@/types"
+import moment from "moment"
+
+interface SiteDetailsProps {
+  currentSite: C4Content
+  open: boolean
+  onClose: () => void
+}
+
+export default function SiteDetails({
+  currentSite,
+  open,
+  onClose,
+}: SiteDetailsProps) {
+  return (
+    <div
+      className="absolute bottom-[calc(100%+20px)] left-5 w-[calc(100%-40px)] max-w-[1112px] break-words rounded-2xl border border-shark-500 bg-shark-950 p-6 transition-all duration-300 md:bottom-[calc(100%+12px)] md:left-12 md:flex md:w-[calc(100%-92px)] md:justify-between md:gap-4 md:p-10"
+      style={{
+        opacity: open ? 1 : 0,
+        pointerEvents: open ? "auto" : "none",
+        transform: open ? "translateY(0px)" : "translateY(45px)",
+      }}
+    >
+      <div>
+        <div>
+          <div className="text-2xl text-shark-50">{currentSite.title}</div>
+          <a
+            className="mt-2 flex items-center gap-2 break-all text-sm decoration-shark-400 hover:underline"
+            href={currentSite.url}
+            rel="noreferrer"
+            target="blank"
+          >
+            <div className="shrink break-words text-shark-50">
+              {currentSite.url}
+            </div>
+            <Image alt="Arrow" src={ExternalLinkArrow} />
+          </a>
+        </div>
+        <div className="mt-5 flex flex-wrap items-center gap-2 text-sm text-[#ABABAB]">
+          <div>Submitted by</div>
+          <div className="rounded-lg bg-[#374052] px-2 py-1">
+            <div className="bg-c4-gradient-submitter bg-clip-text text-transparent">
+              {currentSite.submittedBy}
+            </div>
+          </div>
+          <div>on {moment(currentSite.createdAt).format("DD MMM YYYY")}</div>
+        </div>
+      </div>
+      <div className="items-start md:flex md:gap-6">
+        <div className="mt-14 flex flex-wrap gap-2 text-sm text-shark-300 md:mt-0">
+          {currentSite.tags.map(({ name }) => (
+            <div key={name}>#{name}</div>
+          ))}
+        </div>
+        <div className="mt-[88px] flex shrink-0 justify-center md:mt-0 md:h-full md:items-center">
+          {/* TODO: Replace with single SVG image that can be colored */}
+          <button onClick={() => onClose()}>
+            <Image alt="Close" src={CloseBorder} />
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 9214734..985a19f 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import Link from "next/link"
-import { usePasswordStore } from "@/store/password"
+import { useJwtStore } from "@/store/jwt"
 
 import { siteConfig } from "@/config/site"
 import { Button, buttonVariants } from "@/components/ui/button"
@@ -11,11 +11,9 @@ import { MainNav } from "@/components/main-nav"
 import { SecondaryNav } from "./secondary-nav"
 
 export function SiteHeader() {
-  const { password, token, userId, updatePassword, updateToken, updateUserId } =
-    usePasswordStore()
+  const { token, userId, updateToken, updateUserId } = useJwtStore()
 
   const onLogOutClickHandler = () => {
-    updatePassword(null)
     updateToken(null)
     updateUserId(null)
   }
@@ -23,7 +21,7 @@ export function SiteHeader() {
   return (
     <header className="w-full border-b bg-background">
       <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
-        <MainNav items={siteConfig.mainNav} />
+        {/* <MainNav items={siteConfig.mainNav} /> */}
         <div className="flex flex-1 items-center justify-end space-x-4">
           <nav className="flex items-center space-x-1">
             <Link
@@ -72,8 +70,9 @@ export function SiteHeader() {
               </div>
             </Link>
             {/* <ThemeToggle /> */}
-            {!(password && userId && token) ? (
-              <SecondaryNav items={siteConfig.secondaryNav} />
+            {!(userId && token) ? (
+              // <SecondaryNav items={siteConfig.secondaryNav} />
+              <></>
             ) : (
               <Button variant="ghost" onClick={onLogOutClickHandler}>
                 <Icons.logout className="h-5 w-5" />
diff --git a/components/toolbar.tsx b/components/toolbar.tsx
new file mode 100644
index 0000000..2ca6efe
--- /dev/null
+++ b/components/toolbar.tsx
@@ -0,0 +1,154 @@
+"use client"
+
+import { useEffect, useMemo, useState } from "react"
+import Image from "next/image"
+import { usePathname, useRouter } from "next/navigation"
+import EmptyHeart from "@/assets/empty-heart.svg"
+import FilledHeart from "@/assets/filled-heart.svg"
+import { useAuth } from "@/contexts/AuthContext"
+import { C4Content } from "@/types"
+
+import Channel4Icon from "../assets/channel-4-icon-v2.svg"
+import MainMenu from "./main-menu"
+import SiteDetails from "./site-details"
+import { Button } from "./ui/button"
+import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover"
+
+interface ToolbarProps {
+  changeSite?: () => void
+  currentSite?: C4Content | null
+  isLoading?: boolean
+  likeOrUnlike?: (contentId: string) => void
+  userLikes?: string[]
+}
+
+const Toolbar = ({
+  changeSite,
+  currentSite,
+  isLoading,
+  likeOrUnlike,
+  userLikes,
+}: ToolbarProps) => {
+  const { signedIn } = useAuth()
+  const [showMenu, setShowMenu] = useState(false)
+  const [showSiteDetails, setShowSiteDetails] = useState(false)
+  const path = usePathname()
+  const router = useRouter()
+
+  const isDiscover = useMemo(() => {
+    return path === "/discover"
+  }, [path])
+
+  const hasLiked = useMemo(() => {
+    if (!signedIn || !currentSite || !userLikes) return false
+    return userLikes.includes(currentSite._id)
+  }, [currentSite, signedIn, userLikes])
+
+  const labelText = useMemo(() => {
+    // Map route to toolbar label
+    const labelMap: { [path: string]: string } = {
+      "/browse": "Browse topics",
+      "/dashboard": "Dashboard",
+      "/landing": "Welcome to Channel 4",
+      "/submit-url": "Add a website",
+    }
+
+    if (isDiscover) {
+      return isLoading
+        ? "Loading sites..."
+        : currentSite?.title ?? "Site name not avaialable."
+    }
+    return labelMap[path]
+  }, [currentSite, isDiscover, isLoading, path])
+
+  const togglePopup = (option: string) => {
+    if (option === "navigation") {
+      setShowMenu(!showMenu)
+      setShowSiteDetails(false)
+    } else {
+      setShowSiteDetails(!showSiteDetails)
+      setShowMenu(false)
+    }
+  }
+
+  useEffect(() => {
+    setShowMenu(false)
+  }, [path])
+
+  return (
+    <div className="relative flex items-center justify-between gap-4 px-4 py-2 md:px-8 md:py-6">
+      <div className="flex min-w-0 items-center gap-4">
+        <div
+          className="shrink-0 cursor-pointer select-none rounded-full p-2.5 shadow-menuShadow duration-500 ease-in-out hover:-translate-y-1 hover:shadow-c4-green/70 active:scale-90 md:p-4"
+          onClick={() => togglePopup("navigation")}
+          title="Menu"
+        >
+          <Image
+            className="h-6 w-6 md:h-10 md:w-10"
+            priority
+            src={Channel4Icon}
+            alt="Channel 4 icon black"
+          />
+        </div>
+        <div className="min-w-0">
+          <div className="truncate font-medium">{labelText}</div>
+          {isDiscover && !isLoading && currentSite && (
+            <button
+              className="truncate text-xs text-shark-300"
+              onClick={() => togglePopup("site-details")}
+            >
+              {showSiteDetails ? "Hide details" : "See details"}
+            </button>
+          )}
+        </div>
+      </div>
+      <div className="flex shrink-0 items-center gap-8">
+        {isDiscover && !isLoading && currentSite && (
+          <Popover>
+            <PopoverTrigger
+              className="relative flex cursor-pointer items-center gap-2 text-sm disabled:cursor-not-allowed"
+              onClick={() => {
+                if (!signedIn) return
+                currentSite && likeOrUnlike && likeOrUnlike(currentSite._id)
+              }}
+            >
+              <Image
+                alt="Like"
+                className="h-4 w-4"
+                src={hasLiked ? FilledHeart : EmptyHeart}
+              />
+              <div>{currentSite?.likes}</div>
+            </PopoverTrigger>
+            {!signedIn && (
+              <PopoverContent
+                className="w-fit rounded-lg border border-shark-800 bg-shark-950 p-4 text-center text-sm text-shark-50"
+                side="top"
+                sideOffset={15}
+              >
+                Please sign in to like this.
+              </PopoverContent>
+            )}
+          </Popover>
+        )}
+        <Button
+          className="h-auto bg-c4-gradient-green px-6 py-2 duration-200 ease-out hover:translate-x-1 hover:bg-c4-gradient-green-rev md:px-16"
+          onClick={() =>
+            isDiscover && changeSite ? changeSite() : router.push("discover")
+          }
+        >
+          {isDiscover ? "Next" : "Start watching"}
+        </Button>
+      </div>
+      <MainMenu onClose={() => setShowMenu(false)} open={showMenu} />
+      {isDiscover && currentSite && (
+        <SiteDetails
+          currentSite={currentSite}
+          open={showSiteDetails}
+          onClose={() => setShowSiteDetails(false)}
+        />
+      )}
+    </div>
+  )
+}
+
+export default Toolbar
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 3d9bf16..0cbc4e3 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -42,12 +42,21 @@ export interface ButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
   loading?: boolean
+  loaderIconSize?: number
   loadingText?: string
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   (
-    { className, variant, size, loading = false, loadingText, ...props },
+    {
+      className,
+      variant,
+      size,
+      loading = false,
+      loaderIconSize,
+      loadingText,
+      ...props
+    },
     ref
   ) => {
     if (loading) {
@@ -57,8 +66,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           ref={ref}
           {...props}
         >
-          <Loader2 className={"animate-spin"} />
           {loadingText ? loadingText : "Loading..."}
+          <Loader2 className={"animate-spin"} size={loaderIconSize ?? 24} />
         </button>
       )
     }
diff --git a/components/ui/tag-list.tsx b/components/ui/tag-list.tsx
index 7d05f27..539d0fc 100644
--- a/components/ui/tag-list.tsx
+++ b/components/ui/tag-list.tsx
@@ -1,20 +1,20 @@
 "use client"
 
+import { memo, useCallback, useMemo, useState } from "react"
+import Link from "next/link"
 import { Tag, TagMap } from "@/types"
 import { CheckCircle2, PlusCircle } from "lucide-react"
-import { memo, useCallback, useMemo, useState } from "react"
 
 import { siteConfig } from "@/config/site"
 import { cn } from "@/lib/utils"
 
-import Link from "next/link"
 import { Button, buttonVariants } from "./button"
 
 interface TagButtonProps {
-  tag: Tag;
-  selectedTags: TagMap;
-  onSelect: (selectedTag: Tag) => void;
-  selectable: boolean;
+  tag: Tag
+  selectedTags: TagMap
+  onSelect: (selectedTag: Tag) => void
+  selectable: boolean
 }
 
 interface TagListProps {
@@ -23,71 +23,78 @@ interface TagListProps {
   selectable?: boolean
 }
 
-const TagButton = memo(({ tag, selectedTags, onSelect, selectable }: TagButtonProps) => {
-  const isSelected = useMemo(() => selectedTags.has(tag._id), [
-    selectedTags,
-    tag,
-  ])
-
-  return (
-    <button
-      className={cn(
-        "flex cursor-default items-center justify-center gap-2 rounded-full border-2 border-primary/30 px-3 py-1 text-sm font-medium text-primary transition",
-        selectable &&
-        "hover:cursor-pointer hover:bg-primary/30 focus:bg-primary/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 focus-visible:ring-offset-2 focus-visible:ring-offset-muted",
-        isSelected && selectable ? "border-yellow-400" : ""
-      )}
-      tabIndex={0}
-      onClick={() => onSelect(tag)}
-    >
-      {selectable && (
-        <span>
-          {isSelected ? (
-            <CheckCircle2 size={16} className="text-yellow-400" />
-          ) : (
-            <PlusCircle size={16} />
-          )}
-        </span>
-      )}
-      {tag.name.toLowerCase()}
-    </button>
-  )
-},)
-
-TagButton.displayName = 'TagButton';
+const TagButton = memo(
+  ({ tag, selectedTags, onSelect, selectable }: TagButtonProps) => {
+    const isSelected = useMemo(
+      () => selectedTags.has(tag._id),
+      [selectedTags, tag]
+    )
+
+    return (
+      <button
+        className={cn(
+          "flex cursor-default items-center justify-center gap-2 rounded-full border-2 border-primary/30 px-3 py-1 text-sm font-medium text-primary transition",
+          selectable &&
+            "hover:cursor-pointer hover:bg-primary/30 focus:bg-primary/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400 focus-visible:ring-offset-2 focus-visible:ring-offset-muted",
+          isSelected && selectable ? "border-yellow-400" : ""
+        )}
+        tabIndex={0}
+        onClick={() => onSelect(tag)}
+      >
+        {selectable && (
+          <span>
+            {isSelected ? (
+              <CheckCircle2 size={16} className="text-yellow-400" />
+            ) : (
+              <PlusCircle size={16} />
+            )}
+          </span>
+        )}
+        {tag.name.toLowerCase()}
+      </button>
+    )
+  }
+)
+
+TagButton.displayName = "TagButton"
 
 const TagList = ({ tags, title, selectable = false }: TagListProps) => {
   const storedTags = () => {
     if (selectable) {
-      const sessionTags = sessionStorage.getItem('c4.tags');
-      return sessionTags ? new Map(JSON.parse(sessionTags)) : new Map();
+      const sessionTags = sessionStorage.getItem("c4.tags")
+      return sessionTags ? new Map(JSON.parse(sessionTags)) : new Map()
     }
-    return new Map();
-  };
-
-  const [selectedTags, setSelectedTags] = useState<TagMap>(storedTags);
-
-  const handleSelectedTags = useCallback((selectedTag: Tag) => {
-    if (!selectable) return;
-    setSelectedTags((currentTags) => {
-      const newTags = new Map(currentTags)
-      if (newTags.has(selectedTag._id)) {
-        newTags.delete(selectedTag._id)
-      } else {
-        newTags.set(selectedTag._id, selectedTag)
-      }
-
-      if (newTags.size > 0) {
-        sessionStorage.setItem(
-          "c4.tags",
-          JSON.stringify(Array.from(newTags.entries()))
-        )
-      } else {
-        sessionStorage.removeItem('c4.tags');
-      }
-      return newTags;
-    });
-  }, [selectable]);
+    return new Map()
+  }
+
+  const [selectedTags, setSelectedTags] = useState<TagMap>(
+    storedTags() as TagMap
+  )
+
+  const handleSelectedTags = useCallback(
+    (selectedTag: Tag) => {
+      if (!selectable) return
+      setSelectedTags((currentTags) => {
+        const newTags = new Map(currentTags)
+        if (newTags.has(selectedTag._id)) {
+          newTags.delete(selectedTag._id)
+        } else {
+          newTags.set(selectedTag._id, selectedTag)
+        }
+
+        if (newTags.size > 0) {
+          sessionStorage.setItem(
+            "c4.tags",
+            JSON.stringify(Array.from(newTags.entries()))
+          )
+        } else {
+          sessionStorage.removeItem("c4.tags")
+        }
+        return newTags
+      })
+    },
+    [selectable]
+  )
 
   return (
     <section>
@@ -99,20 +106,22 @@ const TagList = ({ tags, title, selectable = false }: TagListProps) => {
         </div>
       )}
 
-      {tags && <div className="flex flex-col gap-2">
-        {title && <h4 className="text-base font-semibold">{title}</h4>}
-        <div className="flex flex-wrap gap-2">
-          {Array.from(tags).map(([key, tag]) => (
-            <TagButton
-              key={key}
-              tag={tag}
-              selectedTags={selectedTags}
-              onSelect={handleSelectedTags}
-              selectable={selectable}
-            />
-          ))}
+      {tags && (
+        <div className="flex flex-col gap-2">
+          {title && <h4 className="text-base font-semibold">{title}</h4>}
+          <div className="flex flex-wrap gap-2">
+            {Array.from(tags).map(([key, tag]) => (
+              <TagButton
+                key={key}
+                tag={tag}
+                selectedTags={selectedTags}
+                onSelect={handleSelectedTags}
+                selectable={selectable}
+              />
+            ))}
+          </div>
         </div>
-      </div>}
+      )}
 
       {selectable && (
         <>
@@ -125,7 +134,8 @@ const TagList = ({ tags, title, selectable = false }: TagListProps) => {
               )}
             >
               Start your journey ✨
-            </Button></Link>
+            </Button>
+          </Link>
         </>
       )}
     </section>
diff --git a/config/site.ts b/config/site.ts
index 5e80ac6..683fe63 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -4,38 +4,40 @@ export const siteConfig = {
   name: "Channel 4",
   description:
     "Experience random, interesting content from all over the internet.",
-  mainNav: [
-    {
-      title: "Home",
-      href: "/",
+  mainNav: {
+    about: {
+      title: 'About',
+      href: '/about'
     },
-    {
-      title: "Add site",
-      href: "/submit-url",
+    addSite: {
+      title: 'Add website',
+      href: '/submit-url',
     },
-    {
-      title: "Add tag",
+    browseTopics: {
+      title: 'Browse topics',
+      href: ' /browse'
+    },
+    changeTags: {
+      title: "Change tags",
       href: "/submit-tag",
     },
-    {
-      title: "Me",
-      href: "/me",
+    dashboard: {
+      title: 'Dashboard',
+      href: '/dashboard'
     },
-  ],
-  secondaryNav: [
-    {
-      title: "Sign in",
-      href: "/sign-in",
+    feedback: {
+      title: 'Send feedback',
+      href: '/feedback'
     },
-    {
-      title: "Sign up",
-      href: "/sign-up",
+    landing: {
+      title: 'Landing',
+      href: '/landing'
     },
-    {
-      title: "FAQs",
-      href: "https://www.notion.so/pse-team/FAQs-267043c288ad419d9b104e065a87aa1e",
+    stats: {
+      title: 'Stats',
+      href: '/stats'
     },
-  ],
+  },
   links: {
     discord: "https://discord.gg/wuPYfbYdXy",
     twitter: "https://twitter.com/StateChannel_4",
diff --git a/contexts/AuthContext.tsx b/contexts/AuthContext.tsx
new file mode 100644
index 0000000..5648cdd
--- /dev/null
+++ b/contexts/AuthContext.tsx
@@ -0,0 +1,156 @@
+"use client"
+
+import { createContext, useContext, useEffect, useMemo, useState } from "react"
+import Channel4Icon from "@/assets/channel-4-icon-v2.svg"
+import { useJwtStore } from "@/store/jwt"
+import { Web3Auth } from "@web3auth/modal"
+import {
+  BrowserProvider,
+  Eip1193Provider,
+  JsonRpcSigner,
+  Provider,
+} from "ethers"
+
+type SocialLogin = {
+  email: string
+  provider: string
+}
+
+type AuthContextType = {
+  initializingW3A: boolean
+  socialLogin: SocialLogin | null
+  signer: JsonRpcSigner | null
+  signIn: () => void
+  signedIn: boolean
+  signOut: () => void
+}
+
+const AuthContext = createContext<AuthContextType>({
+  initializingW3A: false,
+  socialLogin: null,
+  signer: null,
+  signIn: () => undefined,
+  signedIn: false,
+  signOut: () => undefined,
+})
+
+export const AuthProvider: React.FC<{ children: JSX.Element }> = ({
+  children,
+}) => {
+  const [socialLogin, setSocialLogin] = useState<SocialLogin | null>(null)
+  const [signer, setSigner] = useState<JsonRpcSigner | null>(null)
+  const [web3Auth, setWeb3Auth] = useState<Web3Auth | null>(null)
+  const { token, userId, updateToken, updateUserId } = useJwtStore()
+
+  const getSigner = async (web3AuthProvider: Eip1193Provider) => {
+    const provider = new BrowserProvider(web3AuthProvider)
+    return await provider.getSigner()
+  }
+
+  const getProviderInfo = async (w3a: Web3Auth | null) => {
+    if (!w3a) return
+    const info = await w3a.getUserInfo()
+    if ("typeOfLogin" in info) {
+      setSocialLogin({
+        email: info.email ?? "",
+        provider: info.typeOfLogin ?? "",
+      })
+    }
+  }
+
+  const signIn = async () => {
+    try {
+      const web3AuthProvider = await web3Auth?.connect()
+      if (web3AuthProvider) {
+        // Create ethers provider from web3 auth provider
+        const rpcSigner = await getSigner(web3AuthProvider)
+        const signedMessage = await rpcSigner.signMessage(
+          process.env.NEXT_PUBLIC_API_LOGIN_SECRET!
+        )
+        // TODO: Place inside a server utils folder?
+        // Login on the server
+        const { user, token, message } = await fetch(
+          process.env.NEXT_PUBLIC_API_URL + "/login",
+          {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ signedMessage }),
+          }
+        ).then((response) => response.json())
+        // handle any server error messages
+        if (message) throw new Error(message)
+        await getProviderInfo(web3Auth)
+        updateToken(token)
+        updateUserId(user._id)
+        setSigner(rpcSigner)
+      }
+    } catch (err) {
+      // TODO: Add toast notifications to display errors?
+      console.log("Error occured signing in: ", err)
+    }
+  }
+
+  const signOut = async () => {
+    await web3Auth?.logout()
+    updateToken(null)
+    updateUserId(null)
+    setSigner(null)
+  }
+
+  const signedIn = useMemo(() => {
+    return !!signer && !!token && !!userId
+  }, [signer, token, userId])
+
+  useEffect(() => {
+    const init = async () => {
+      const client = new Web3Auth({
+        clientId: process.env.NEXT_PUBLIC_WEB3_AUTH_CLIENT_ID ?? "",
+        web3AuthNetwork: "sapphire_devnet", // Web3Auth Network
+        chainConfig: {
+          chainNamespace: "eip155",
+          chainId: "0xaa36a7",
+          rpcTarget: "https://rpc.ankr.com/eth_sepolia",
+          displayName: "Ethereum Sepolia",
+          blockExplorer: "https://sepolia.etherscan.io",
+          ticker: "ETH",
+          tickerName: "Ethereum",
+        },
+        uiConfig: {
+          appName: "Channel 4",
+          loginMethodsOrder: ["google", "discord", "facebook", "reddit"],
+          logoDark: Channel4Icon.src,
+          logoLight: Channel4Icon.src,
+          theme: {
+            primary: "#50C440",
+          },
+        },
+      })
+      await client.initModal()
+      setWeb3Auth(client)
+      // Check if web3 is connected and if so extract signer
+      if (client.status === "connected" && client.provider) {
+        const rpcSigner = await getSigner(client.provider)
+        setSigner(rpcSigner)
+        await getProviderInfo(client)
+      }
+    }
+    init()
+  }, [])
+
+  return (
+    <AuthContext.Provider
+      value={{
+        initializingW3A: !web3Auth,
+        socialLogin,
+        signer,
+        signIn,
+        signedIn,
+        signOut,
+      }}
+    >
+      {children}
+    </AuthContext.Provider>
+  )
+}
+
+export const useAuth = (): AuthContextType => useContext(AuthContext)
diff --git a/lib/fonts.ts b/lib/fonts.ts
index a38a2ef..5209ecd 100644
--- a/lib/fonts.ts
+++ b/lib/fonts.ts
@@ -1,6 +1,7 @@
 import {
   JetBrains_Mono as FontMono,
   Lexend as FontSans,
+  DM_Sans as FontDM
 } from "next/font/google"
 
 export const fontSans = FontSans({
@@ -14,3 +15,10 @@ export const fontMono = FontMono({
   variable: "--font-mono",
   weight: ["400", "500", "700"],
 })
+
+
+export const fontDM = FontDM({
+  subsets: ["latin"],
+  variable: "--font-dm",
+  weight: ["400", "500", "700"],
+})
\ No newline at end of file
diff --git a/lib/utils.ts b/lib/utils.ts
index 52ec7c9..56cb178 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,5 +1,5 @@
 import { clsx, type ClassValue } from "clsx"
-import { Contract, ContractTransaction, JsonRpcProvider } from "ethers"
+import { Contract, ContractTransaction, InterfaceAbi, JsonRpcProvider } from "ethers"
 import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
@@ -13,7 +13,7 @@ export async function getRawTransactionToSign(
   const provider = new JsonRpcProvider(process.env.NEXT_PUBLIC_RPC_URL!)
   const urlContract = new Contract(
     process.env.NEXT_PUBLIC_CONTRACT_ADDRESS!,
-    '[{"inputs":[{"internalType":"string","name":"firstTag","type":"string"}],"stateMutability":"nonpayable","type":"constructor"},{"inputs":[{"internalType":"string","name":"name","type":"string"}],"name":"createTagIfNotExists","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"getAllTags","outputs":[{"components":[{"internalType":"string","name":"name","type":"string"},{"internalType":"address","name":"createdBy","type":"address"},{"internalType":"uint256[]","name":"urlIds","type":"uint256[]"}],"internalType":"struct UrlContract.Tag[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"getAllURLs","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint256","name":"index","type":"uint256"}],"name":"getTag","outputs":[{"components":[{"internalType":"string","name":"name","type":"string"},{"internalType":"address","name":"createdBy","type":"address"},{"internalType":"uint256[]","name":"urlIds","type":"uint256[]"}],"internalType":"struct UrlContract.Tag","name":"","type":"tuple"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint256","name":"index","type":"uint256"}],"name":"getURL","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL","name":"","type":"tuple"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"string","name":"name","type":"string"}],"name":"getURLsByTag","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"userAddress","type":"address"}],"name":"getURLsByUser","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"userAddress","type":"address"}],"name":"getUserLikedURLs","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"userAddress","type":"address"}],"name":"getUserSubmittedURLs","outputs":[{"components":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"address","name":"submittedBy","type":"address"},{"internalType":"uint256","name":"likes","type":"uint256"},{"internalType":"uint256[]","name":"tagIds","type":"uint256[]"}],"internalType":"struct UrlContract.URL[]","name":"","type":"tuple[]"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint256","name":"index","type":"uint256"}],"name":"likeURL","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"string","name":"title","type":"string"},{"internalType":"string","name":"url","type":"string"},{"internalType":"string[]","name":"_tags","type":"string[]"}],"name":"submitURL","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"uint256","name":"index","type":"uint256"}],"name":"unlikeURL","outputs":[],"stateMutability":"nonpayable","type":"function"}]',
+    ["function toggleLike(string memory, bool, uint256, address)"],
     provider
   )
   const metaTransaction = await urlContract[fuction].populateTransaction(
diff --git a/package.json b/package.json
index 65806bd..35742ba 100644
--- a/package.json
+++ b/package.json
@@ -2,10 +2,10 @@
   "name": "frontend-poc2",
   "version": "0.0.2",
   "private": true,
-  "packageManager": "pnpm@7.28.0",
+  "packageManager": "pnpm@8.6.2",
   "engines": {
     "node": ">=16.8",
-    "pnpm": ">=7.28.0",
+    "pnpm": ">=8.6.2",
     "npm": "please-use-pnpm"
   },
   "scripts": {
@@ -22,13 +22,18 @@
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-slider": "^1.1.2",
     "@swetrix/nextjs": "^1.0.1",
+    "@walletconnect/sign-client": "^2.10.6",
+    "@web3auth/modal": "^7.0.3",
     "airtable": "^0.12.1",
     "class-variance-authority": "^0.4.0",
     "clsx": "^1.2.1",
     "cmdk": "^0.2.0",
     "ethers": "^6.4.0",
+    "framer-motion": "^10.16.4",
     "lucide-react": "0.252.0",
+    "moment": "^2.29.4",
     "next-themes": "^0.2.1",
     "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
@@ -48,6 +53,7 @@
     "@types/react-dom": "^18.0.7",
     "@typescript-eslint/parser": "^5.58.0",
     "autoprefixer": "^10.4.13",
+    "encoding": "^0.1.13",
     "eslint": "^8.31.0",
     "eslint-config-next": "13.0.0",
     "eslint-config-prettier": "^8.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30d88bd..45ad5bd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,15 +1,28 @@
 lockfileVersion: '6.0'
 
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
 dependencies:
   '@radix-ui/react-popover':
     specifier: ^1.0.6
     version: 1.0.6(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
+  '@radix-ui/react-slider':
+    specifier: ^1.1.2
+    version: 1.1.2(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
   '@swetrix/nextjs':
     specifier: ^1.0.1
     version: 1.0.1(next@13.4.7)(react@18.2.0)
+  '@walletconnect/sign-client':
+    specifier: ^2.10.6
+    version: 2.10.6
+  '@web3auth/modal':
+    specifier: ^7.0.3
+    version: 7.0.3(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)(@walletconnect/sign-client@2.10.6)(@walletconnect/types@2.10.6)(@walletconnect/utils@2.10.6)(encoding@0.1.13)(react-dom@18.2.0)(react@18.2.0)
   airtable:
     specifier: ^0.12.1
-    version: 0.12.1
+    version: 0.12.1(encoding@0.1.13)
   class-variance-authority:
     specifier: ^0.4.0
     version: 0.4.0(typescript@4.9.3)
@@ -22,9 +35,15 @@ dependencies:
   ethers:
     specifier: ^6.4.0
     version: 6.4.0
+  framer-motion:
+    specifier: ^10.16.4
+    version: 10.16.4(react-dom@18.2.0)(react@18.2.0)
   lucide-react:
     specifier: 0.252.0
     version: 0.252.0(react@18.2.0)
+  moment:
+    specifier: ^2.29.4
+    version: 2.29.4
   next-themes:
     specifier: ^0.2.1
     version: 0.2.1(next@13.4.7)(react-dom@18.2.0)(react@18.2.0)
@@ -78,6 +97,9 @@ devDependencies:
   autoprefixer:
     specifier: ^10.4.13
     version: 10.4.13(postcss@8.4.21)
+  encoding:
+    specifier: ^0.1.13
+    version: 0.1.13
   eslint:
     specifier: ^8.31.0
     version: 8.31.0
@@ -272,6 +294,13 @@ packages:
       regenerator-runtime: 0.13.11
     dev: false
 
+  /@babel/runtime@7.23.1:
+    resolution: {integrity: sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.0
+    dev: false
+
   /@babel/template@7.20.7:
     resolution: {integrity: sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==}
     engines: {node: '>=6.9.0'}
@@ -305,6 +334,19 @@ packages:
       '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
 
+  /@emotion/is-prop-valid@0.8.8:
+    resolution: {integrity: sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==}
+    requiresBuild: true
+    dependencies:
+      '@emotion/memoize': 0.7.4
+    dev: false
+    optional: true
+
+  /@emotion/memoize@0.7.4:
+    resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    dev: false
+    optional: true
+
   /@eslint/eslintrc@1.4.1:
     resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -322,6 +364,84 @@ packages:
       - supports-color
     dev: true
 
+  /@ethereumjs/common@3.2.0:
+    resolution: {integrity: sha512-pksvzI0VyLgmuEF2FA/JR/4/y6hcPq8OUail3/AvycBaW1d5VSauOZzqGvJ3RTmR4MU35lWE8KseKOsEhrFRBA==}
+    dependencies:
+      '@ethereumjs/util': 8.1.0
+      crc-32: 1.2.2
+    dev: false
+
+  /@ethereumjs/common@4.0.0:
+    resolution: {integrity: sha512-eVa0/nC15mpotD8HOq6jB883SCWUkLjibr2jLPmPrx4FfmewXqFeh4drgR2sHjq3qWKxpCLK+5qsSJgtXwIzJQ==}
+    dependencies:
+      '@ethereumjs/util': 9.0.0
+      crc: 4.3.2
+    transitivePeerDependencies:
+      - buffer
+      - c-kzg
+    dev: false
+
+  /@ethereumjs/rlp@4.0.1:
+    resolution: {integrity: sha512-tqsQiBQDQdmPWE1xkkBq4rlSW5QZpLOUJ5RJh2/9fug+q9tnUhuZoVLk7s0scUIKTOzEtR72DFBXI4WiZcMpvw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: false
+
+  /@ethereumjs/rlp@5.0.0:
+    resolution: {integrity: sha512-WuS1l7GJmB0n0HsXLozCoEFc9IwYgf3l0gCkKVYgR67puVF1O4OpEaN0hWmm1c+iHUHFCKt1hJrvy5toLg+6ag==}
+    engines: {node: '>=18'}
+    hasBin: true
+    dev: false
+
+  /@ethereumjs/tx@4.2.0:
+    resolution: {integrity: sha512-1nc6VO4jtFd172BbSnTnDQVr9IYBFl1y4xPzZdtkrkKIncBCkdbgfdRV+MiTkJYAtTxvV12GRZLqBFT1PNK6Yw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@ethereumjs/common': 3.2.0
+      '@ethereumjs/rlp': 4.0.1
+      '@ethereumjs/util': 8.1.0
+      ethereum-cryptography: 2.1.2
+    dev: false
+
+  /@ethereumjs/tx@5.0.0:
+    resolution: {integrity: sha512-bJBC/jHVIbwvZBVsK0Ls70NzxJ8Q3UvPwskG1LO6+ryVGKY0y1bhRreo0/gR3vTkuRjD+x5QTYV6fIY16tswJA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      c-kzg: ^2.1.0
+    peerDependenciesMeta:
+      c-kzg:
+        optional: true
+    dependencies:
+      '@ethereumjs/common': 4.0.0
+      '@ethereumjs/rlp': 5.0.0
+      '@ethereumjs/util': 9.0.0
+      ethereum-cryptography: 2.1.2
+    transitivePeerDependencies:
+      - buffer
+    dev: false
+
+  /@ethereumjs/util@8.1.0:
+    resolution: {integrity: sha512-zQ0IqbdX8FZ9aw11vP+dZkKDkS+kgIvQPHnSAXzP9pLu+Rfu3D3XEeLbicvoXJTYnhZiPmsZUxgdzXwNKxRPbA==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@ethereumjs/rlp': 4.0.1
+      ethereum-cryptography: 2.1.2
+      micro-ftch: 0.3.1
+    dev: false
+
+  /@ethereumjs/util@9.0.0:
+    resolution: {integrity: sha512-V8062I+ZXfFxtFLp7xsPeiT1IxDaVOZaM78nGj1gsWUFeZ8SgADMLDKWehp+muTy1JRbVoXFljZ1qoyv9ji/2g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      c-kzg: ^2.1.0
+    peerDependenciesMeta:
+      c-kzg:
+        optional: true
+    dependencies:
+      '@ethereumjs/rlp': 5.0.0
+      ethereum-cryptography: 2.1.2
+    dev: false
+
   /@floating-ui/core@1.3.1:
     resolution: {integrity: sha512-Bu+AMaXNjrpjh41znzHqaz3r2Nr8hHuHZT6V2LBKMhyMl0FgKA62PNYbqnfgmzOhoWZj70Zecisbo4H1rotP5g==}
     dev: false
@@ -385,6 +505,10 @@ packages:
       - supports-color
     dev: true
 
+  /@ioredis/commands@1.2.0:
+    resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
+    dev: false
+
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
@@ -413,6 +537,60 @@ packages:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
 
+  /@metamask/abi-utils@2.0.2:
+    resolution: {integrity: sha512-B/A1dY/w4F/t6cDHUscklO6ovb/ztFsrsTXFd8QlqSByk/vyy+QbPE3VVpmmyI/7RX+PA1AJcvBdzCIz+r9dVQ==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@metamask/utils': 8.1.0
+      superstruct: 1.0.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@metamask/detect-provider@2.0.0:
+    resolution: {integrity: sha512-sFpN+TX13E9fdBDh9lvQeZdJn4qYoRb/6QF2oZZK/Pn559IhCFacPMU1rMuqyXoFQF3JSJfii2l98B87QDPeCQ==}
+    engines: {node: '>=14.0.0'}
+    dev: false
+
+  /@metamask/eth-sig-util@7.0.0:
+    resolution: {integrity: sha512-8KeXZB4SKx3EfNS5ahbjUMegyGvDQYk6Nk3hmM658sXpfAQR5ZlIXBgj+9RF+ZROqsU6EuNVgKt7Fr10re60PQ==}
+    engines: {node: ^16.20 || ^18.16 || >=20}
+    dependencies:
+      '@ethereumjs/util': 8.1.0
+      '@metamask/abi-utils': 2.0.2
+      '@metamask/utils': 8.1.0
+      ethereum-cryptography: 2.1.2
+      ethjs-util: 0.1.6
+      tweetnacl: 1.0.3
+      tweetnacl-util: 0.15.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@metamask/rpc-errors@6.0.0:
+    resolution: {integrity: sha512-sAZwcdmidJDPbZV3XSKcWZC7CSTdjqDNRsDDdb2SstCOLEJtNqHpx32FWgwWB0arqWxUcUxYxgR39edUbsWz7A==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@metamask/utils': 8.1.0
+      fast-safe-stringify: 2.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@metamask/utils@8.1.0:
+    resolution: {integrity: sha512-sFNpzBKRicDgM2ZuU6vrPROlqNGm8/jDsjc5WrU1RzCkAMc4Xr3vUUf8p59uQ6B09etUWNb8d2GTCbISdmH/Ug==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@ethereumjs/tx': 4.2.0
+      '@noble/hashes': 1.3.2
+      '@types/debug': 4.1.9
+      debug: 4.3.4
+      semver: 7.5.4
+      superstruct: 1.0.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /@next/env@13.4.7:
     resolution: {integrity: sha512-ZlbiFulnwiFsW9UV1ku1OvX/oyIPLtMk9p/nnvDSwI0s7vSoZdRtxXNsaO+ZXrLv/pMbXVGq4lL8TbY9iuGmVw==}
 
@@ -494,10 +672,32 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@noble/curves@1.1.0:
+    resolution: {integrity: sha512-091oBExgENk/kGj3AZmtBDMpxQPDtxQABR2B9lb1JbVTs6ytdzZNwvhxQ4MWasRNEzlbEH8jCWFCwhF/Obj5AA==}
+    dependencies:
+      '@noble/hashes': 1.3.1
+    dev: false
+
+  /@noble/curves@1.2.0:
+    resolution: {integrity: sha512-oYclrNgRaM9SsBUBVbb8M6DTV7ZHRTKugureoYEncY5c65HOmRzvSiTE3y5CYaPYJA/GVkrhXEoF0M3Ya9PMnw==}
+    dependencies:
+      '@noble/hashes': 1.3.2
+    dev: false
+
   /@noble/hashes@1.1.2:
     resolution: {integrity: sha512-KYRCASVTv6aeUi1tsF8/vpyR7zpfs3FUzy2Jqm+MU+LmUKhQ0y2FpfwqkCcxSg2ua4GALJd8k2R76WxwZGbQpA==}
     dev: false
 
+  /@noble/hashes@1.3.1:
+    resolution: {integrity: sha512-EbqwksQwz9xDRGfDST86whPBgM65E0OH/pCgqW0GBVzO22bNE+NuIbeTb714+IfSjU3aRk47EUvXIb5bTsenKA==}
+    engines: {node: '>= 16'}
+    dev: false
+
+  /@noble/hashes@1.3.2:
+    resolution: {integrity: sha512-MVC8EAQp7MvEcm30KWENFjgR+Mkmf+D189XJTkFIlwohU5hcBbn1ZkKq7KVTi2Hme3PMGF390DaL52beVrIihQ==}
+    engines: {node: '>= 16'}
+    dev: false
+
   /@noble/secp256k1@1.7.1:
     resolution: {integrity: sha512-hOUk6AyBFmqVrv7k5WAw/LpszxVbj9gGN4JRkIX52fdFAj1UA61KXmZDvqVEm+pOyec3+fIeZB02LYa/pWOArw==}
     dev: false
@@ -520,16 +720,164 @@ packages:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
 
+  /@parcel/watcher-android-arm64@2.3.0:
+    resolution: {integrity: sha512-f4o9eA3dgk0XRT3XhB0UWpWpLnKgrh1IwNJKJ7UJek7eTYccQ8LR7XUWFKqw6aEq5KUNlCcGvSzKqSX/vtWVVA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-darwin-arm64@2.3.0:
+    resolution: {integrity: sha512-mKY+oijI4ahBMc/GygVGvEdOq0L4DxhYgwQqYAz/7yPzuGi79oXrZG52WdpGA1wLBPrYb0T8uBaGFo7I6rvSKw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-darwin-x64@2.3.0:
+    resolution: {integrity: sha512-20oBj8LcEOnLE3mgpy6zuOq8AplPu9NcSSSfyVKgfOhNAc4eF4ob3ldj0xWjGGbOF7Dcy1Tvm6ytvgdjlfUeow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-freebsd-x64@2.3.0:
+    resolution: {integrity: sha512-7LftKlaHunueAEiojhCn+Ef2CTXWsLgTl4hq0pkhkTBFI3ssj2bJXmH2L67mKpiAD5dz66JYk4zS66qzdnIOgw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-linux-arm-glibc@2.3.0:
+    resolution: {integrity: sha512-1apPw5cD2xBv1XIHPUlq0cO6iAaEUQ3BcY0ysSyD9Kuyw4MoWm1DV+W9mneWI+1g6OeP6dhikiFE6BlU+AToTQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-linux-arm64-glibc@2.3.0:
+    resolution: {integrity: sha512-mQ0gBSQEiq1k/MMkgcSB0Ic47UORZBmWoAWlMrTW6nbAGoLZP+h7AtUM7H3oDu34TBFFvjy4JCGP43JlylkTQA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-linux-arm64-musl@2.3.0:
+    resolution: {integrity: sha512-LXZAExpepJew0Gp8ZkJ+xDZaTQjLHv48h0p0Vw2VMFQ8A+RKrAvpFuPVCVwKJCr5SE+zvaG+Etg56qXvTDIedw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-linux-x64-glibc@2.3.0:
+    resolution: {integrity: sha512-P7Wo91lKSeSgMTtG7CnBS6WrA5otr1K7shhSjKHNePVmfBHDoAOHYRXgUmhiNfbcGk0uMCHVcdbfxtuiZCHVow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-linux-x64-musl@2.3.0:
+    resolution: {integrity: sha512-+kiRE1JIq8QdxzwoYY+wzBs9YbJ34guBweTK8nlzLKimn5EQ2b2FSC+tAOpq302BuIMjyuUGvBiUhEcLIGMQ5g==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-wasm@2.3.0:
+    resolution: {integrity: sha512-ejBAX8H0ZGsD8lSICDNyMbSEtPMWgDL0WFCt/0z7hyf5v8Imz4rAM8xY379mBsECkq/Wdqa5WEDLqtjZ+6NxfA==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      is-glob: 4.0.3
+      micromatch: 4.0.5
+      napi-wasm: 1.1.0
+    dev: false
+    bundledDependencies:
+      - napi-wasm
+
+  /@parcel/watcher-win32-arm64@2.3.0:
+    resolution: {integrity: sha512-35gXCnaz1AqIXpG42evcoP2+sNL62gZTMZne3IackM+6QlfMcJLy3DrjuL6Iks7Czpd3j4xRBzez3ADCj1l7Aw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-win32-ia32@2.3.0:
+    resolution: {integrity: sha512-FJS/IBQHhRpZ6PiCjFt1UAcPr0YmCLHRbTc00IBTrelEjlmmgIVLeOx4MSXzx2HFEy5Jo5YdhGpxCuqCyDJ5ow==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher-win32-x64@2.3.0:
+    resolution: {integrity: sha512-dLx+0XRdMnVI62kU3wbXvbIRhLck4aE28bIGKbRGS7BJNt54IIj9+c/Dkqb+7DJEbHUZAX1bwaoM8PqVlHJmCA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: false
+    optional: true
+
+  /@parcel/watcher@2.3.0:
+    resolution: {integrity: sha512-pW7QaFiL11O0BphO+bq3MgqeX/INAk9jgBldVDYjlQPO4VddoZnF22TcF9onMhnLVHuNqBJeRf+Fj7eezi/+rQ==}
+    engines: {node: '>= 10.0.0'}
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.5
+      node-addon-api: 7.0.0
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.3.0
+      '@parcel/watcher-darwin-arm64': 2.3.0
+      '@parcel/watcher-darwin-x64': 2.3.0
+      '@parcel/watcher-freebsd-x64': 2.3.0
+      '@parcel/watcher-linux-arm-glibc': 2.3.0
+      '@parcel/watcher-linux-arm64-glibc': 2.3.0
+      '@parcel/watcher-linux-arm64-musl': 2.3.0
+      '@parcel/watcher-linux-x64-glibc': 2.3.0
+      '@parcel/watcher-linux-x64-musl': 2.3.0
+      '@parcel/watcher-win32-arm64': 2.3.0
+      '@parcel/watcher-win32-ia32': 2.3.0
+      '@parcel/watcher-win32-x64': 2.3.0
+    dev: false
+
+  /@radix-ui/number@1.0.1:
+    resolution: {integrity: sha512-T5gIdVO2mmPW3NNhjNgEP3cqMXjXL9UbO0BzWcXfvdBs+BohbQxvd/K5hSVKmn9/lbTdsQVKbUcP5WLCwvUbBg==}
+    dependencies:
+      '@babel/runtime': 7.23.1
+    dev: false
+
   /@radix-ui/primitive@1.0.0:
     resolution: {integrity: sha512-3e7rn8FDMin4CgeL7Z/49smCA3rFYY3Ha2rUQ7HRWFadS5iCRw08ZgVT1LaNTCNqgvrUiyczLflrVrF0SRQtNA==}
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
     dev: false
 
   /@radix-ui/primitive@1.0.1:
     resolution: {integrity: sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==}
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
     dev: false
 
   /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0):
@@ -545,8 +893,32 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
+      '@types/react': 18.0.22
+      '@types/react-dom': 18.0.7
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
+  /@radix-ui/react-collection@1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.0.22)(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.0.22)(react@18.2.0)
       '@types/react': 18.0.22
       '@types/react-dom': 18.0.7
       react: 18.2.0
@@ -558,7 +930,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       react: 18.2.0
     dev: false
 
@@ -571,7 +943,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@types/react': 18.0.22
       react: 18.2.0
     dev: false
@@ -581,7 +953,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       react: 18.2.0
     dev: false
 
@@ -594,7 +966,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@types/react': 18.0.22
       react: 18.2.0
     dev: false
@@ -626,13 +998,27 @@ packages:
       - '@types/react'
     dev: false
 
+  /@radix-ui/react-direction@1.0.1(@types/react@18.0.22)(react@18.2.0):
+    resolution: {integrity: sha512-RXcvnXgyvYvBEOhCBuddKecVkoMiI10Jcm5cTI7abJRAHYfFxeu+FBQs/DvdxSYucxR5mna0dNsL6QFlds5TMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@types/react': 18.0.22
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-dismissable-layer@1.0.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==}
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/primitive': 1.0.0
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
@@ -672,7 +1058,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       react: 18.2.0
     dev: false
 
@@ -696,7 +1082,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
@@ -732,7 +1118,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -823,7 +1209,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-primitive': 1.0.0(react-dom@18.2.0)(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -856,7 +1242,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       '@radix-ui/react-use-layout-effect': 1.0.0(react@18.2.0)
       react: 18.2.0
@@ -891,7 +1277,7 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0
       react-dom: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-slot': 1.0.0(react@18.2.0)
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -910,7 +1296,7 @@ packages:
       '@types/react-dom':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-slot': 1.0.2(@types/react@18.0.22)(react@18.2.0)
       '@types/react': 18.0.22
       '@types/react-dom': 18.0.7
@@ -918,12 +1304,43 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-slider@1.1.2(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-NKs15MJylfzVsCagVSWKhGGLNR1W9qWs+HtgbmjjVUB3B9+lb3PYoXxVju3kOrpf0VKyVCtZp+iTwVoqpa1Chw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@radix-ui/number': 1.0.1
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-direction': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.0.7)(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-use-previous': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@radix-ui/react-use-size': 1.0.1(@types/react@18.0.22)(react@18.2.0)
+      '@types/react': 18.0.22
+      '@types/react-dom': 18.0.7
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-slot@1.0.0(react@18.2.0):
     resolution: {integrity: sha512-3mrKauI/tWXo1Ll+gN5dHcxDPdm/Df1ufcDLCecn+pnCIVcdWE7CujXo8QaXOWRJyZyQWWbpB8eFwHzWXlv5mQ==}
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-compose-refs': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -948,7 +1365,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       react: 18.2.0
     dev: false
 
@@ -961,7 +1378,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@types/react': 18.0.22
       react: 18.2.0
     dev: false
@@ -971,7 +1388,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -985,7 +1402,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.0.22)(react@18.2.0)
       '@types/react': 18.0.22
       react: 18.2.0
@@ -996,7 +1413,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-callback-ref': 1.0.0(react@18.2.0)
       react: 18.2.0
     dev: false
@@ -1010,7 +1427,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.0.22)(react@18.2.0)
       '@types/react': 18.0.22
       react: 18.2.0
@@ -1021,7 +1438,7 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
     dependencies:
-      '@babel/runtime': 7.21.5
+      '@babel/runtime': 7.23.1
       react: 18.2.0
     dev: false
 
@@ -1034,7 +1451,21 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
+      '@types/react': 18.0.22
+      react: 18.2.0
+    dev: false
+
+  /@radix-ui/react-use-previous@1.0.1(@types/react@18.0.22)(react@18.2.0):
+    resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
       '@types/react': 18.0.22
       react: 18.2.0
     dev: false
@@ -1048,7 +1479,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/rect': 1.0.1
       '@types/react': 18.0.22
       react: 18.2.0
@@ -1063,7 +1494,7 @@ packages:
       '@types/react':
         optional: true
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
       '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.0.22)(react@18.2.0)
       '@types/react': 18.0.22
       react: 18.2.0
@@ -1072,13 +1503,183 @@ packages:
   /@radix-ui/rect@1.0.1:
     resolution: {integrity: sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==}
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
     dev: false
 
   /@rushstack/eslint-patch@1.2.0:
     resolution: {integrity: sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==}
     dev: true
 
+  /@scure/base@1.1.3:
+    resolution: {integrity: sha512-/+SgoRjLq7Xlf0CWuLHq2LUZeL/w65kfzAPG5NH9pcmBhs+nunQTn4gvdwgMTIXnt9b2C/1SeL2XiysZEyIC9Q==}
+    dev: false
+
+  /@scure/bip32@1.3.1:
+    resolution: {integrity: sha512-osvveYtyzdEVbt3OfwwXFr4P2iVBL5u1Q3q4ONBfDY/UpOuXmOlbgwc1xECEboY8wIays8Yt6onaWMUdUbfl0A==}
+    dependencies:
+      '@noble/curves': 1.1.0
+      '@noble/hashes': 1.3.2
+      '@scure/base': 1.1.3
+    dev: false
+
+  /@scure/bip39@1.2.1:
+    resolution: {integrity: sha512-Z3/Fsz1yr904dduJD0NpiyRHhRYHdcnyh73FZWiV+/qhWi83wNJ3NWolYqCEN+ZWsUz2TWwajJggcRE9r1zUYg==}
+    dependencies:
+      '@noble/hashes': 1.3.2
+      '@scure/base': 1.1.3
+    dev: false
+
+  /@socket.io/component-emitter@3.1.0:
+    resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
+    dev: false
+
+  /@solana/buffer-layout@4.0.1:
+    resolution: {integrity: sha512-E1ImOIAD1tBZFRdjeM4/pzTiTApC0AOBGwyAMS4fwIodCWArzJ3DWdoh8cKxeFM2fElkxBh2Aqts1BPC373rHA==}
+    engines: {node: '>=5.10'}
+    dependencies:
+      buffer: 6.0.3
+    dev: false
+
+  /@solana/web3.js@1.78.7(encoding@0.1.13):
+    resolution: {integrity: sha512-BiAuCaHnbxgHsjNt/4dfMYjvPDRw+tollg6uWdVZpPogQW2GJj51LQ2NeVhfIGlJIU75O03YZeIc0r0H6LH1vA==}
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@noble/curves': 1.2.0
+      '@noble/hashes': 1.3.2
+      '@solana/buffer-layout': 4.0.1
+      agentkeepalive: 4.5.0
+      bigint-buffer: 1.1.5
+      bn.js: 5.2.1
+      borsh: 0.7.0
+      bs58: 4.0.1
+      buffer: 6.0.3
+      fast-stable-stringify: 1.0.0
+      jayson: 4.1.0
+      node-fetch: 2.6.12(encoding@0.1.13)
+      rpc-websockets: 7.6.0
+      superstruct: 0.14.2
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - utf-8-validate
+    dev: false
+
+  /@stablelib/aead@1.0.1:
+    resolution: {integrity: sha512-q39ik6sxGHewqtO0nP4BuSe3db5G1fEJE8ukvngS2gLkBXyy6E7pLubhbYgnkDFv6V8cWaxcE4Xn0t6LWcJkyg==}
+    dev: false
+
+  /@stablelib/binary@1.0.1:
+    resolution: {integrity: sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==}
+    dependencies:
+      '@stablelib/int': 1.0.1
+    dev: false
+
+  /@stablelib/bytes@1.0.1:
+    resolution: {integrity: sha512-Kre4Y4kdwuqL8BR2E9hV/R5sOrUj6NanZaZis0V6lX5yzqC3hBuVSDXUIBqQv/sCpmuWRiHLwqiT1pqqjuBXoQ==}
+    dev: false
+
+  /@stablelib/chacha20poly1305@1.0.1:
+    resolution: {integrity: sha512-MmViqnqHd1ymwjOQfghRKw2R/jMIGT3wySN7cthjXCBdO+qErNPUBnRzqNpnvIwg7JBCg3LdeCZZO4de/yEhVA==}
+    dependencies:
+      '@stablelib/aead': 1.0.1
+      '@stablelib/binary': 1.0.1
+      '@stablelib/chacha': 1.0.1
+      '@stablelib/constant-time': 1.0.1
+      '@stablelib/poly1305': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/chacha@1.0.1:
+    resolution: {integrity: sha512-Pmlrswzr0pBzDofdFuVe1q7KdsHKhhU24e8gkEwnTGOmlC7PADzLVxGdn2PoNVBBabdg0l/IfLKg6sHAbTQugg==}
+    dependencies:
+      '@stablelib/binary': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/constant-time@1.0.1:
+    resolution: {integrity: sha512-tNOs3uD0vSJcK6z1fvef4Y+buN7DXhzHDPqRLSXUel1UfqMB1PWNsnnAezrKfEwTLpN0cGH2p9NNjs6IqeD0eg==}
+    dev: false
+
+  /@stablelib/ed25519@1.0.3:
+    resolution: {integrity: sha512-puIMWaX9QlRsbhxfDc5i+mNPMY+0TmQEskunY1rZEBPi1acBCVQAhnsk/1Hk50DGPtVsZtAWQg4NHGlVaO9Hqg==}
+    dependencies:
+      '@stablelib/random': 1.0.2
+      '@stablelib/sha512': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/hash@1.0.1:
+    resolution: {integrity: sha512-eTPJc/stDkdtOcrNMZ6mcMK1e6yBbqRBaNW55XA1jU8w/7QdnCF0CmMmOD1m7VSkBR44PWrMHU2l6r8YEQHMgg==}
+    dev: false
+
+  /@stablelib/hkdf@1.0.1:
+    resolution: {integrity: sha512-SBEHYE16ZXlHuaW5RcGk533YlBj4grMeg5TooN80W3NpcHRtLZLLXvKyX0qcRFxf+BGDobJLnwkvgEwHIDBR6g==}
+    dependencies:
+      '@stablelib/hash': 1.0.1
+      '@stablelib/hmac': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/hmac@1.0.1:
+    resolution: {integrity: sha512-V2APD9NSnhVpV/QMYgCVMIYKiYG6LSqw1S65wxVoirhU/51ACio6D4yDVSwMzuTJXWZoVHbDdINioBwKy5kVmA==}
+    dependencies:
+      '@stablelib/constant-time': 1.0.1
+      '@stablelib/hash': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/int@1.0.1:
+    resolution: {integrity: sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w==}
+    dev: false
+
+  /@stablelib/keyagreement@1.0.1:
+    resolution: {integrity: sha512-VKL6xBwgJnI6l1jKrBAfn265cspaWBPAPEc62VBQrWHLqVgNRE09gQ/AnOEyKUWrrqfD+xSQ3u42gJjLDdMDQg==}
+    dependencies:
+      '@stablelib/bytes': 1.0.1
+    dev: false
+
+  /@stablelib/poly1305@1.0.1:
+    resolution: {integrity: sha512-1HlG3oTSuQDOhSnLwJRKeTRSAdFNVB/1djy2ZbS35rBSJ/PFqx9cf9qatinWghC2UbfOYD8AcrtbUQl8WoxabA==}
+    dependencies:
+      '@stablelib/constant-time': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/random@1.0.2:
+    resolution: {integrity: sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==}
+    dependencies:
+      '@stablelib/binary': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/sha256@1.0.1:
+    resolution: {integrity: sha512-GIIH3e6KH+91FqGV42Kcj71Uefd/QEe7Dy42sBTeqppXV95ggCcxLTk39bEr+lZfJmp+ghsR07J++ORkRELsBQ==}
+    dependencies:
+      '@stablelib/binary': 1.0.1
+      '@stablelib/hash': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/sha512@1.0.1:
+    resolution: {integrity: sha512-13gl/iawHV9zvDKciLo1fQ8Bgn2Pvf7OV6amaRVKiq3pjQ3UmEpXxWiAfV8tYjUpeZroBxtyrwtdooQT/i3hzw==}
+    dependencies:
+      '@stablelib/binary': 1.0.1
+      '@stablelib/hash': 1.0.1
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
+  /@stablelib/wipe@1.0.1:
+    resolution: {integrity: sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==}
+    dev: false
+
+  /@stablelib/x25519@1.0.3:
+    resolution: {integrity: sha512-KnTbKmUhPhHavzobclVJQG5kuivH+qDLpe84iRqX3CLrKp881cF160JvXJ+hjn1aMyCwYOKeIZefIH/P5cJoRw==}
+    dependencies:
+      '@stablelib/keyagreement': 1.0.1
+      '@stablelib/random': 1.0.2
+      '@stablelib/wipe': 1.0.1
+    dev: false
+
   /@swc/helpers@0.5.1:
     resolution: {integrity: sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==}
     dependencies:
@@ -1095,101 +1696,1044 @@ packages:
       swetrix: 1.3.2
     dev: false
 
+  /@toruslabs/base-controllers@4.2.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-Z+FJjnqBVy39hcjozfAyn6CLBK7rq6b1NAhkVQj9leUbELacXny/l3ENtVV61Dxl3tIkkE2Y+SOQ9qNm6Iwj0Q==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@ethereumjs/util': 9.0.0
+      '@metamask/rpc-errors': 6.0.0
+      '@toruslabs/broadcast-channel': 8.0.0
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      async-mutex: 0.4.0
+      bignumber.js: 9.1.2
+      bowser: 2.11.0
+      lodash: 4.17.21
+      loglevel: 1.8.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@toruslabs/base-session-manager@3.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-+EqwizmSFkVEczUtaw+swbAxRIIxC/EaFE040rwfgC5fixaQMNLw2cVYXWN67Ra47wC9A7Om6xwQTuGFR+dy4w==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@sentry/types'
+    dev: false
+
+  /@toruslabs/broadcast-channel@8.0.0:
+    resolution: {integrity: sha512-qCyWsHVL4Xtx1J6k1+acD7TJKCelJWyUy5Q5zyiWMPxMGFxTv1XdRyqpzV+VgwbcslIqgFN0GewOry2l1jlUQQ==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/eccrypto': 4.0.0
+      '@toruslabs/metadata-helpers': 5.0.0(@babel/runtime@7.23.1)
+      bowser: 2.11.0
+      loglevel: 1.8.1
+      oblivious-set: 1.1.1
+      socket.io-client: 4.7.2
+      unload: 2.4.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@toruslabs/constants@13.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-haFppvgyHfKl2uTQKkrWOkgQmLgzbqxhIvaNvRGei4FgFNJNLr5+ju8/PwwbgKhQUi7adkeU0pjwFYITJyHEPw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+    dev: false
+
+  /@toruslabs/eccrypto@4.0.0:
+    resolution: {integrity: sha512-Z3EINkbsgJx1t6jCDVIJjLSUEGUtNIeDjhMWmeDGOWcP/+v/yQ1hEvd1wfxEz4q5WqIHhevacmPiVxiJ4DljGQ==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    dependencies:
+      elliptic: 6.5.4
+    dev: false
+
+  /@toruslabs/http-helpers@5.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-GmezWz9JeF6YyhjLSm+9XDF4YaeICEckY0Jbo43i86SjhfJYgRWqEi63VSiNsaqc/z810Q0FQvEk1TnBRX2tgA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      '@sentry/types': ^7.x
+    peerDependenciesMeta:
+      '@sentry/types':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
+      lodash.merge: 4.6.2
+      loglevel: 1.8.1
+    dev: false
+
+  /@toruslabs/metadata-helpers@5.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-ZUFfOHJVJC53c8wJYHjdF3bIgN2ZvfqehbTZ/zJ7oVFfrrd6O66V3gQ1i1zxBjH3yhOvZKQwc0DaMmh3G0NUXQ==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/eccrypto': 4.0.0
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      elliptic: 6.5.4
+      ethereum-cryptography: 2.1.2
+      json-stable-stringify: 1.0.2
+    transitivePeerDependencies:
+      - '@sentry/types'
+    dev: false
+
+  /@toruslabs/openlogin-ed25519@5.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-WgiUgZkjoI8iM8OrNarHTnHZXsZRC/tKkoXcJbVsd4aSbuJKt23iXX/4Cg1S30MR+RqjXbY5YH7DZCt9ob90yw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/tweetnacl-js': 1.0.4
+    dev: false
+
+  /@toruslabs/openlogin-jrpc@5.1.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-+wZvY2ayMhyrKpOffLecrGEcTjRDfwvYJGjj2bl/uyGfv8IyQub59txnFh7MLzDrEyHFGvkmfLJDIqCRfkm8QA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@metamask/rpc-errors': 6.0.0
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      end-of-stream: 1.4.4
+      events: 3.3.0
+      fast-safe-stringify: 2.1.1
+      once: 1.4.0
+      pump: 3.0.0
+      readable-stream: 4.4.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /@toruslabs/openlogin-session-manager@3.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-S+nnZQ+Y+XCHvTYaov3ltiV2hAAPpKpwxvB4TmbMvi7KWOZ8BcUJQykSITlIXV4aE5y5BD96rsmjQ3C3MyVtUQ==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/base-session-manager': 3.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/eccrypto': 4.0.0
+      '@toruslabs/metadata-helpers': 5.0.0(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@sentry/types'
+    dev: false
+
+  /@toruslabs/openlogin-utils@5.1.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-eDbRMYubh9PdU7rDn0G8Ksp3cIs2qK93Em4NYROZbQWkVHc9n5Ou32Axl8GYr5ChwjSttopvtBWfU6+ifX54cA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/constants': 13.0.1(@babel/runtime@7.23.1)
+      base64url: 3.0.1
+    dev: false
+
+  /@toruslabs/openlogin@5.1.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-ESEXZoG9o98/jiL454AclfK5YYmY+q+KW8Ru1aklcnTN9jH097zqwkYdB5BOEJjzu9RlmT7PRH+oIj9bWJT5zw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/broadcast-channel': 8.0.0
+      '@toruslabs/eccrypto': 4.0.0
+      '@toruslabs/metadata-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-session-manager': 3.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      bowser: 2.11.0
+      events: 3.3.0
+      loglevel: 1.8.1
+      ts-custom-error: 3.3.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@toruslabs/solana-embed@2.0.0(@babel/runtime@7.23.1)(encoding@0.1.13):
+    resolution: {integrity: sha512-2Rqo8Y0/YZWDfu6IxoVMNSfJ+Mecvtg2+N8/jMUzFp9Fho1LADULl87QZW2Mgu1tMEhHPKAdisvhope3KkTZjA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@toruslabs/base-controllers': 4.2.0(@babel/runtime@7.23.1)
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      eth-rpc-errors: 4.0.3
+      fast-deep-equal: 3.1.3
+      lodash-es: 4.17.21
+      loglevel: 1.8.1
+      pump: 3.0.0
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - encoding
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@toruslabs/torus-embed@3.0.0(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-3hFgh8zsOtHJUIj/0PNE9MBjMjZH0AFllPrFEXVxmQY/LmSW7KjKbY/YdnTplh8bygNTlEvcvk98Q1/TU5xhfg==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@metamask/rpc-errors': 6.0.0
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      fast-deep-equal: 3.1.3
+      lodash.merge: 4.6.2
+      loglevel: 1.8.1
+      pump: 3.0.0
+      readable-stream: 4.4.2
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - supports-color
+    dev: false
+
+  /@toruslabs/tweetnacl-js@1.0.4:
+    resolution: {integrity: sha512-h8fVemW5pstsKbm/fTx+y61dZkh5Pepy/92lsyKp83KErf96jT+w4LGx4nEgeAVrdYQDTLg2tO7vu/boEb23Iw==}
+    dev: false
+
+  /@types/connect@3.4.36:
+    resolution: {integrity: sha512-P63Zd/JUGq+PdrM1lv0Wv5SBYeA2+CORvbrXbngriYY0jzLUWfQMQQxOhjONEz/wlHOAxOdY7CY65rgQdTjq2w==}
+    dependencies:
+      '@types/node': 17.0.12
+    dev: false
+
+  /@types/debug@4.1.9:
+    resolution: {integrity: sha512-8Hz50m2eoS56ldRlepxSBa6PWEVCtzUo/92HgLc2qTMnotJNIm7xP+UZhyWoYsyOdd5dxZ+NZLb24rsKyFs2ow==}
+    dependencies:
+      '@types/ms': 0.7.32
+    dev: false
+
   /@types/json5@0.0.29:
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
     dev: true
 
+  /@types/ms@0.7.32:
+    resolution: {integrity: sha512-xPSg0jm4mqgEkNhowKgZFBNtwoEwF6gJ4Dhww+GFpm3IgtNseHQZ5IqdNwnquZEoANxyDAKDRAdVo4Z72VvD/g==}
+    dev: false
+
+  /@types/node@12.20.55:
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+    dev: false
+
   /@types/node@14.18.53:
     resolution: {integrity: sha512-soGmOpVBUq+gaBMwom1M+krC/NNbWlosh4AtGA03SyWNDiqSKtwp7OulO1M6+mg8YkHMvJ/y0AkCeO8d1hNb7A==}
     dev: false
 
-  /@types/node@17.0.12:
-    resolution: {integrity: sha512-4YpbAsnJXWYK/fpTVFlMIcUIho2AYCi4wg5aNPrG1ng7fn/1/RZfCIpRCiBX+12RVa34RluilnvCqD+g3KiSiA==}
-    dev: true
+  /@types/node@17.0.12:
+    resolution: {integrity: sha512-4YpbAsnJXWYK/fpTVFlMIcUIho2AYCi4wg5aNPrG1ng7fn/1/RZfCIpRCiBX+12RVa34RluilnvCqD+g3KiSiA==}
+
+  /@types/node@18.15.13:
+    resolution: {integrity: sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==}
+    dev: false
+
+  /@types/prop-types@15.7.5:
+    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
+
+  /@types/react-dom@18.0.7:
+    resolution: {integrity: sha512-HaXc+BbqAZE1RdsK3tC8SbkFy6UL2xF76lT9rQs5JkPrJg3rWA3Ou/Lhw3YJQzEDkBpmJ79nBsfnd05WrBd2QQ==}
+    dependencies:
+      '@types/react': 18.0.22
+
+  /@types/react@18.0.22:
+    resolution: {integrity: sha512-4yWc5PyCkZN8ke8K9rQHkTXxHIWHxLzzW6RI1kXVoepkD3vULpKzC2sDtAMKn78h92BRYuzf+7b/ms7ajE6hFw==}
+    dependencies:
+      '@types/prop-types': 15.7.5
+      '@types/scheduler': 0.16.3
+      csstype: 3.1.2
+
+  /@types/scheduler@0.16.3:
+    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==}
+
+  /@types/ws@7.4.7:
+    resolution: {integrity: sha512-JQbbmxZTZehdc2iszGKs5oC3NFnjeay7mtAWrdt7qNtAVK0g19muApzAy4bm9byz79xa2ZnO/BOBC2R8RC5Lww==}
+    dependencies:
+      '@types/node': 17.0.12
+    dev: false
+
+  /@typescript-eslint/parser@5.58.0(eslint@8.31.0)(typescript@4.9.3):
+    resolution: {integrity: sha512-ixaM3gRtlfrKzP8N6lRhBbjTow1t6ztfBvQNGuRM8qH1bjFFXIJ35XY+FC0RRBKn3C6cT+7VW1y8tNm7DwPHDQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.58.0
+      '@typescript-eslint/types': 5.58.0
+      '@typescript-eslint/typescript-estree': 5.58.0(typescript@4.9.3)
+      debug: 4.3.4
+      eslint: 8.31.0
+      typescript: 4.9.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager@5.58.0:
+    resolution: {integrity: sha512-b+w8ypN5CFvrXWQb9Ow9T4/6LC2MikNf1viLkYTiTbkQl46CnR69w7lajz1icW0TBsYmlpg+mRzFJ4LEJ8X9NA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.58.0
+      '@typescript-eslint/visitor-keys': 5.58.0
+    dev: true
+
+  /@typescript-eslint/types@5.58.0:
+    resolution: {integrity: sha512-JYV4eITHPzVQMnHZcYJXl2ZloC7thuUHrcUmxtzvItyKPvQ50kb9QXBkgNAt90OYMqwaodQh2kHutWZl1fc+1g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@5.58.0(typescript@4.9.3):
+    resolution: {integrity: sha512-cRACvGTodA+UxnYM2uwA2KCwRL7VAzo45syNysqlMyNyjw0Z35Icc9ihPJZjIYuA5bXJYiJ2YGUB59BqlOZT1Q==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.58.0
+      '@typescript-eslint/visitor-keys': 5.58.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.0
+      tsutils: 3.21.0(typescript@4.9.3)
+      typescript: 4.9.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/visitor-keys@5.58.0:
+    resolution: {integrity: sha512-/fBraTlPj0jwdyTwLyrRTxv/3lnU2H96pNTVM6z3esTWLtA5MZ9ghSMJ7Rb+TtUAdtEw9EyJzJ0EydIMKxQ9gA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.58.0
+      eslint-visitor-keys: 3.4.1
+    dev: true
+
+  /@walletconnect/core@2.10.6:
+    resolution: {integrity: sha512-Z4vh4ZdfcoQjgPEOxeuF9HUZCVLtV3MgRbS/awLIj/omDrFnOwlBhxi5Syr4Y8muVGC0ocRetQYHae0/gX5crQ==}
+    dependencies:
+      '@walletconnect/heartbeat': 1.2.1
+      '@walletconnect/jsonrpc-provider': 1.0.13
+      '@walletconnect/jsonrpc-types': 1.0.3
+      '@walletconnect/jsonrpc-utils': 1.0.8
+      '@walletconnect/jsonrpc-ws-connection': 1.0.14
+      '@walletconnect/keyvaluestorage': 1.1.1
+      '@walletconnect/logger': 2.0.1
+      '@walletconnect/relay-api': 1.0.9
+      '@walletconnect/relay-auth': 1.0.4
+      '@walletconnect/safe-json': 1.0.2
+      '@walletconnect/time': 1.0.2
+      '@walletconnect/types': 2.10.6
+      '@walletconnect/utils': 2.10.6
+      events: 3.3.0
+      lodash.isequal: 4.5.0
+      uint8arrays: 3.1.1
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@react-native-async-storage/async-storage'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@walletconnect/environment@1.0.1:
+    resolution: {integrity: sha512-T426LLZtHj8e8rYnKfzsw1aG6+M0BT1ZxayMdv/p8yM0MU+eJDISqNY3/bccxRr4LrF9csq02Rhqt08Ibl0VRg==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/events@1.0.1:
+    resolution: {integrity: sha512-NPTqaoi0oPBVNuLv7qPaJazmGHs5JGyO8eEAk5VGKmJzDR7AHzD4k6ilox5kxk1iwiOnFopBOOMLs86Oa76HpQ==}
+    dependencies:
+      keyvaluestorage-interface: 1.0.0
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/heartbeat@1.2.1:
+    resolution: {integrity: sha512-yVzws616xsDLJxuG/28FqtZ5rzrTA4gUjdEMTbWB5Y8V1XHRmqq4efAxCw5ie7WjbXFSUyBHaWlMR+2/CpQC5Q==}
+    dependencies:
+      '@walletconnect/events': 1.0.1
+      '@walletconnect/time': 1.0.2
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/jsonrpc-provider@1.0.13:
+    resolution: {integrity: sha512-K73EpThqHnSR26gOyNEL+acEex3P7VWZe6KE12ZwKzAt2H4e5gldZHbjsu2QR9cLeJ8AXuO7kEMOIcRv1QEc7g==}
+    dependencies:
+      '@walletconnect/jsonrpc-utils': 1.0.8
+      '@walletconnect/safe-json': 1.0.2
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/jsonrpc-types@1.0.3:
+    resolution: {integrity: sha512-iIQ8hboBl3o5ufmJ8cuduGad0CQm3ZlsHtujv9Eu16xq89q+BG7Nh5VLxxUgmtpnrePgFkTwXirCTkwJH1v+Yw==}
+    dependencies:
+      keyvaluestorage-interface: 1.0.0
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/jsonrpc-utils@1.0.8:
+    resolution: {integrity: sha512-vdeb03bD8VzJUL6ZtzRYsFMq1eZQcM3EAzT0a3st59dyLfJ0wq+tKMpmGH7HlB7waD858UWgfIcudbPFsbzVdw==}
+    dependencies:
+      '@walletconnect/environment': 1.0.1
+      '@walletconnect/jsonrpc-types': 1.0.3
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/jsonrpc-ws-connection@1.0.14:
+    resolution: {integrity: sha512-Jsl6fC55AYcbkNVkwNM6Jo+ufsuCQRqViOQ8ZBPH9pRREHH9welbBiszuTLqEJiQcO/6XfFDl6bzCJIkrEi8XA==}
+    dependencies:
+      '@walletconnect/jsonrpc-utils': 1.0.8
+      '@walletconnect/safe-json': 1.0.2
+      events: 3.3.0
+      ws: 7.5.9
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+    dev: false
+
+  /@walletconnect/keyvaluestorage@1.0.2:
+    resolution: {integrity: sha512-U/nNG+VLWoPFdwwKx0oliT4ziKQCEoQ27L5Hhw8YOFGA2Po9A9pULUYNWhDgHkrb0gYDNt//X7wABcEWWBd3FQ==}
+    peerDependencies:
+      '@react-native-async-storage/async-storage': 1.x
+      lokijs: 1.x
+    peerDependenciesMeta:
+      '@react-native-async-storage/async-storage':
+        optional: true
+      lokijs:
+        optional: true
+    dependencies:
+      safe-json-utils: 1.1.1
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/keyvaluestorage@1.1.1:
+    resolution: {integrity: sha512-V7ZQq2+mSxAq7MrRqDxanTzu2RcElfK1PfNYiaVnJgJ7Q7G7hTVwF8voIBx92qsRyGHZihrwNPHuZd1aKkd0rA==}
+    peerDependencies:
+      '@react-native-async-storage/async-storage': 1.x
+    peerDependenciesMeta:
+      '@react-native-async-storage/async-storage':
+        optional: true
+    dependencies:
+      '@walletconnect/safe-json': 1.0.2
+      idb-keyval: 6.2.1
+      unstorage: 1.10.1(idb-keyval@6.2.1)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - supports-color
+    dev: false
+
+  /@walletconnect/legacy-types@2.0.0:
+    resolution: {integrity: sha512-sOVrA7HUdbI1OwKyPOQU0/DdvTSVFlsXWpAk2K2WvP2erTkBWPMTJq6cv2BmKdoJ3p6gLApT7sd+jHi3OF71uw==}
+    dependencies:
+      '@walletconnect/jsonrpc-types': 1.0.3
+    dev: false
+
+  /@walletconnect/logger@2.0.1:
+    resolution: {integrity: sha512-SsTKdsgWm+oDTBeNE/zHxxr5eJfZmE9/5yp/Ku+zJtcTAjELb3DXueWkDXmE9h8uHIbJzIb5wj5lPdzyrjT6hQ==}
+    dependencies:
+      pino: 7.11.0
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/relay-api@1.0.9:
+    resolution: {integrity: sha512-Q3+rylJOqRkO1D9Su0DPE3mmznbAalYapJ9qmzDgK28mYF9alcP3UwG/og5V7l7CFOqzCLi7B8BvcBUrpDj0Rg==}
+    dependencies:
+      '@walletconnect/jsonrpc-types': 1.0.3
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/relay-auth@1.0.4:
+    resolution: {integrity: sha512-kKJcS6+WxYq5kshpPaxGHdwf5y98ZwbfuS4EE/NkQzqrDFm5Cj+dP8LofzWvjrrLkZq7Afy7WrQMXdLy8Sx7HQ==}
+    dependencies:
+      '@stablelib/ed25519': 1.0.3
+      '@stablelib/random': 1.0.2
+      '@walletconnect/safe-json': 1.0.2
+      '@walletconnect/time': 1.0.2
+      tslib: 1.14.1
+      uint8arrays: 3.1.1
+    dev: false
+
+  /@walletconnect/safe-json@1.0.2:
+    resolution: {integrity: sha512-Ogb7I27kZ3LPC3ibn8ldyUr5544t3/STow9+lzz7Sfo808YD7SBWk7SAsdBFlYgP2zDRy2hS3sKRcuSRM0OTmA==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/sign-client@2.10.6:
+    resolution: {integrity: sha512-EvUWjaZBQu2yKnH5/5F2qzbuiIuUN9ZgrNKgvXkw5z1Dq5RJCks0S9/MFlKH/ZSGqXnLl7uAzBXtoX4sMgbCMA==}
+    dependencies:
+      '@walletconnect/core': 2.10.6
+      '@walletconnect/events': 1.0.1
+      '@walletconnect/heartbeat': 1.2.1
+      '@walletconnect/jsonrpc-utils': 1.0.8
+      '@walletconnect/logger': 2.0.1
+      '@walletconnect/time': 1.0.2
+      '@walletconnect/types': 2.10.6
+      '@walletconnect/utils': 2.10.6
+      events: 3.3.0
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@react-native-async-storage/async-storage'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@walletconnect/time@1.0.2:
+    resolution: {integrity: sha512-uzdd9woDcJ1AaBZRhqy5rNC9laqWGErfc4dxA9a87mPdKOgWMD85mcFo9dIYIts/Jwocfwn07EC6EzclKubk/g==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/types@2.10.1:
+    resolution: {integrity: sha512-7pccAhajQdiH2kYywjE1XI64IqRI+4ioyGy0wvz8d0UFQ/DSG3MLKR8jHf5aTOafQQ/HRLz6xvlzN4a7gIVkUQ==}
+    dependencies:
+      '@walletconnect/events': 1.0.1
+      '@walletconnect/heartbeat': 1.2.1
+      '@walletconnect/jsonrpc-types': 1.0.3
+      '@walletconnect/keyvaluestorage': 1.0.2
+      '@walletconnect/logger': 2.0.1
+      events: 3.3.0
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - lokijs
+    dev: false
+
+  /@walletconnect/types@2.10.6:
+    resolution: {integrity: sha512-WgHfiTG1yakmxheaBRiXhUdEmgxwrvsAdOIWaMf/spvrzVKYh6sHI3oyEEky5qj5jjiMiyQBeB57QamzCotbcQ==}
+    dependencies:
+      '@walletconnect/events': 1.0.1
+      '@walletconnect/heartbeat': 1.2.1
+      '@walletconnect/jsonrpc-types': 1.0.3
+      '@walletconnect/keyvaluestorage': 1.1.1
+      '@walletconnect/logger': 2.0.1
+      events: 3.3.0
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@react-native-async-storage/async-storage'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - supports-color
+    dev: false
+
+  /@walletconnect/utils@2.10.1:
+    resolution: {integrity: sha512-DM0dKgm9O58l7VqJEyV2OVv16XRePhDAReI23let6WdW1dSpw/Y/A89Lp99ZJOjLm2FxyblMRF3YRaZtHwBffw==}
+    dependencies:
+      '@stablelib/chacha20poly1305': 1.0.1
+      '@stablelib/hkdf': 1.0.1
+      '@stablelib/random': 1.0.2
+      '@stablelib/sha256': 1.0.1
+      '@stablelib/x25519': 1.0.3
+      '@walletconnect/relay-api': 1.0.9
+      '@walletconnect/safe-json': 1.0.2
+      '@walletconnect/time': 1.0.2
+      '@walletconnect/types': 2.10.1
+      '@walletconnect/window-getters': 1.0.1
+      '@walletconnect/window-metadata': 1.0.1
+      detect-browser: 5.3.0
+      query-string: 7.1.3
+      uint8arrays: 3.1.1
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - lokijs
+    dev: false
+
+  /@walletconnect/utils@2.10.6:
+    resolution: {integrity: sha512-oRsWWhN2+hi3aiDXrQEOfysz6FHQJGXLsNQPVt+WIBJplO6Szmdau9dbleD88u1iiT4GKPqE0R9FOYvvPm1H/w==}
+    dependencies:
+      '@stablelib/chacha20poly1305': 1.0.1
+      '@stablelib/hkdf': 1.0.1
+      '@stablelib/random': 1.0.2
+      '@stablelib/sha256': 1.0.1
+      '@stablelib/x25519': 1.0.3
+      '@walletconnect/relay-api': 1.0.9
+      '@walletconnect/safe-json': 1.0.2
+      '@walletconnect/time': 1.0.2
+      '@walletconnect/types': 2.10.6
+      '@walletconnect/window-getters': 1.0.1
+      '@walletconnect/window-metadata': 1.0.1
+      detect-browser: 5.3.0
+      query-string: 7.1.3
+      uint8arrays: 3.1.1
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@react-native-async-storage/async-storage'
+      - '@upstash/redis'
+      - '@vercel/kv'
+      - supports-color
+    dev: false
+
+  /@walletconnect/window-getters@1.0.1:
+    resolution: {integrity: sha512-vHp+HqzGxORPAN8gY03qnbTMnhqIwjeRJNOMOAzePRg4xVEEE2WvYsI9G2NMjOknA8hnuYbU3/hwLcKbjhc8+Q==}
+    dependencies:
+      tslib: 1.14.1
+    dev: false
+
+  /@walletconnect/window-metadata@1.0.1:
+    resolution: {integrity: sha512-9koTqyGrM2cqFRW517BPY/iEtUDx2r1+Pwwu5m7sJ7ka79wi3EyqhqcICk/yDmv6jAS1rjKgTKXlEhanYjijcA==}
+    dependencies:
+      '@walletconnect/window-getters': 1.0.1
+      tslib: 1.14.1
+    dev: false
+
+  /@web3auth/base-evm-adapter@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-9EWasVMVhTaTI8e7WtNXeyhbIh8T3oon7rrRtC+Eb7LK7f9Ad3oX5v1fTaCbCJdr8teKH8XFZlVbOgHWnJ4Slg==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/base-plugin@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-BAwqZcEoDClXGIStAjhWsf+lguzifZ8hYz/wvcwE0ZOfhkXVNls96wSr/C7Cx+s94Hir8kN1zM2OROBM8f7YNQ==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    dependencies:
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@babel/runtime'
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/base-provider@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-8ggJtsD/1MbpMEbe+uBSS3mrqE/nqEKpRLyIjuyfobPs4Zu/VI2Exdjz6wcUIzwEB1iYyjFt29/gyIXufMyCgA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@metamask/rpc-errors': 6.0.0
+      '@toruslabs/base-controllers': 4.2.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      json-rpc-random-id: 1.0.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/base-solana-adapter@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-afdeAz4G2WW4J2NTapOUJ37me9bgSoYKk4n8JVLrtkxwDJPZDCWY/6hMgJlX77gzZrr2D0G20M9AfQXGXyWV3A==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      bs58: 5.0.0
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/base@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-6ft4XAD37tobOxgkZhideiBMqoVJTpvAvYD0R99IDmpazpIrX8b4RBgwLQ/gIlNmGZhkU1UoTzub19xTWI9h6w==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin': 5.1.1(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      jwt-decode: 3.1.2
+      loglevel: 1.8.1
+      ts-custom-error: 3.3.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/ethereum-provider@7.0.2(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-Yg1/ZB0eUugiTx5fvLtYeplSF0175PcsBOAhShl/Rd+rLlkycP5lRMGsBSnxdHGE9esRajYoH8xfGNwEUcItjw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@ethereumjs/common': 4.0.0
+      '@ethereumjs/tx': 5.0.0
+      '@ethereumjs/util': 9.0.0
+      '@metamask/eth-sig-util': 7.0.0
+      '@metamask/rpc-errors': 6.0.0
+      '@toruslabs/base-controllers': 4.2.0(@babel/runtime@7.23.1)
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@walletconnect/legacy-types': 2.0.0
+      '@walletconnect/utils': 2.10.1
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      assert: 2.1.0
+      bignumber.js: 9.1.2
+      bn.js: 5.2.1
+      jsonschema: 1.4.1
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - '@sentry/types'
+      - buffer
+      - bufferutil
+      - c-kzg
+      - lokijs
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /@web3auth/metamask-adapter@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-wwQIgPXa6KiomGvJWG6Xu3eifVf/r2/przupz94wPEObXTaO1sqfIr0pTqeny1R5T+hOcQHxYpvTNYqIuQ+EQA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@metamask/detect-provider': 2.0.0
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-evm-adapter': 7.0.1(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@types/node@18.15.13:
-    resolution: {integrity: sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==}
+  /@web3auth/modal@7.0.3(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)(@walletconnect/sign-client@2.10.6)(@walletconnect/types@2.10.6)(@walletconnect/utils@2.10.6)(encoding@0.1.13)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-6jYGOgG5OiFcXv6KR0hPokq6lPkFt7VBH34M9Stij7WyDg8I1S/Qjlx5vKM9rhUP4/d51wNmb77t1rQI+TGsDg==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': 7.x
+      '@solana/web3.js': ^1.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/ethereum-provider': 7.0.2(@babel/runtime@7.23.1)
+      '@web3auth/metamask-adapter': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/no-modal': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/openlogin-adapter': 7.0.1(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)
+      '@web3auth/phantom-adapter': 7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)
+      '@web3auth/solana-provider': 7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)
+      '@web3auth/torus-evm-adapter': 7.0.3(@babel/runtime@7.23.1)
+      '@web3auth/torus-solana-adapter': 7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)(encoding@0.1.13)
+      '@web3auth/ui': 7.0.2(@babel/runtime@7.23.1)(react-dom@18.2.0)(react@18.2.0)
+      '@web3auth/wallet-connect-v2-adapter': 7.0.2(@babel/runtime@7.23.1)(@walletconnect/sign-client@2.10.6)(@walletconnect/types@2.10.6)(@walletconnect/utils@2.10.6)
+    transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - '@sentry/types'
+      - '@walletconnect/sign-client'
+      - '@walletconnect/types'
+      - '@walletconnect/utils'
+      - buffer
+      - bufferutil
+      - c-kzg
+      - encoding
+      - lokijs
+      - react
+      - react-dom
+      - react-native
+      - supports-color
+      - utf-8-validate
     dev: false
 
-  /@types/prop-types@15.7.5:
-    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
+  /@web3auth/no-modal@7.0.1(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-1QQwLInofozN4SBRWNcT7d/HNDR0t2H2KVyzkyPQFR601GetBgGD9vSKFO/xpr6SLlGNaQSbVXhVPXf/l3iIHA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/openlogin': 5.1.1(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-plugin': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@types/react-dom@18.0.7:
-    resolution: {integrity: sha512-HaXc+BbqAZE1RdsK3tC8SbkFy6UL2xF76lT9rQs5JkPrJg3rWA3Ou/Lhw3YJQzEDkBpmJ79nBsfnd05WrBd2QQ==}
-    dependencies:
-      '@types/react': 18.0.22
+  /@web3auth/openlogin-adapter@7.0.1(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7):
+    resolution: {integrity: sha512-dameu4c762P+0MjNryBkrClbPDLxgU0N92iNtGbzHND3ZQILofDxqu6Gfopr915xpwbkk9OdLfx9Ib9ezc4o1A==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      '@solana/web3.js': ^1.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@toruslabs/openlogin': 5.1.1(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      lodash.merge: 4.6.2
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@types/react@18.0.22:
-    resolution: {integrity: sha512-4yWc5PyCkZN8ke8K9rQHkTXxHIWHxLzzW6RI1kXVoepkD3vULpKzC2sDtAMKn78h92BRYuzf+7b/ms7ajE6hFw==}
-    dependencies:
-      '@types/prop-types': 15.7.5
-      '@types/scheduler': 0.16.3
-      csstype: 3.1.2
+  /@web3auth/phantom-adapter@7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7):
+    resolution: {integrity: sha512-wCDhnQxo3wpFk/5wFgcoz66+XmbSy0VhSyBCLHtBzl0+sWRe8CIk3Se5AnKips/g2POkFEmtEeQHrAUG4DHZWA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      '@solana/web3.js': ^1.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-solana-adapter': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/solana-provider': 7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)
+      bn.js: 5.2.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@types/scheduler@0.16.3:
-    resolution: {integrity: sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==}
+  /@web3auth/solana-provider@7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7):
+    resolution: {integrity: sha512-9MeaqjSGU4gziVTAVTLqzUT/3nVryrt6gY9nSmUUMPNTBic3T+OQqERnU7nqDVzSb3GL+k/xqySetzPPfySO0A==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      '@solana/web3.js': ^1.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@metamask/rpc-errors': 6.0.0
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@toruslabs/base-controllers': 4.2.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-ed25519': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@toruslabs/tweetnacl-js': 1.0.4
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      bn.js: 5.2.1
+      bs58: 5.0.0
+      json-rpc-random-id: 1.0.1
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@typescript-eslint/parser@5.58.0(eslint@8.31.0)(typescript@4.9.3):
-    resolution: {integrity: sha512-ixaM3gRtlfrKzP8N6lRhBbjTow1t6ztfBvQNGuRM8qH1bjFFXIJ35XY+FC0RRBKn3C6cT+7VW1y8tNm7DwPHDQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@web3auth/torus-evm-adapter@7.0.3(@babel/runtime@7.23.1):
+    resolution: {integrity: sha512-t/kw0jdctba2Am2ZARIqGAAbkxi937j6XKQnrX/4xfvd1nZf9LXg9ayV/IyDg9jO6fOXZLW+6RDOyPrKkxoh7Q==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
     peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
+      '@babel/runtime': ^7.x
     dependencies:
-      '@typescript-eslint/scope-manager': 5.58.0
-      '@typescript-eslint/types': 5.58.0
-      '@typescript-eslint/typescript-estree': 5.58.0(typescript@4.9.3)
-      debug: 4.3.4
-      eslint: 8.31.0
-      typescript: 4.9.3
+      '@babel/runtime': 7.23.1
+      '@toruslabs/torus-embed': 3.0.0(@babel/runtime@7.23.1)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-evm-adapter': 7.0.1(@babel/runtime@7.23.1)
     transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
       - supports-color
-    dev: true
+      - utf-8-validate
+    dev: false
 
-  /@typescript-eslint/scope-manager@5.58.0:
-    resolution: {integrity: sha512-b+w8ypN5CFvrXWQb9Ow9T4/6LC2MikNf1viLkYTiTbkQl46CnR69w7lajz1icW0TBsYmlpg+mRzFJ4LEJ8X9NA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      '@typescript-eslint/types': 5.58.0
-      '@typescript-eslint/visitor-keys': 5.58.0
-    dev: true
+  /@web3auth/torus-solana-adapter@7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)(encoding@0.1.13):
+    resolution: {integrity: sha512-7Po8zmE3kCZe7erghyJq7h1ZV9jHqwaNq1elkLqkQZdgzLVzwcCdfcri3MLZfVI6U/nQnjAGZzjIegtFc73ygw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      '@solana/web3.js': ^1.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@solana/web3.js': 1.78.7(encoding@0.1.13)
+      '@toruslabs/solana-embed': 2.0.0(@babel/runtime@7.23.1)(encoding@0.1.13)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-provider': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-solana-adapter': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/solana-provider': 7.0.2(@babel/runtime@7.23.1)(@solana/web3.js@1.78.7)
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - c-kzg
+      - encoding
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@typescript-eslint/types@5.58.0:
-    resolution: {integrity: sha512-JYV4eITHPzVQMnHZcYJXl2ZloC7thuUHrcUmxtzvItyKPvQ50kb9QXBkgNAt90OYMqwaodQh2kHutWZl1fc+1g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
+  /@web3auth/ui@7.0.2(@babel/runtime@7.23.1)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-350joLPvNGK06gpZLYpjHNlG4lKhWnY6Pr6wYlr+e1q+0YqTknb/Lbyau6RGkZjryKwZ07BFQjac6MJ6Dfs1UA==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
+    peerDependencies:
+      '@babel/runtime': ^7.x
+      react: ^18.x
+      react-dom: ^18.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@toruslabs/http-helpers': 5.0.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin': 5.1.1(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-jrpc': 5.1.0(@babel/runtime@7.23.1)
+      '@toruslabs/openlogin-utils': 5.1.0(@babel/runtime@7.23.1)
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      bowser: 2.11.0
+      classnames: 2.3.2
+      copy-to-clipboard: 3.3.3
+      i18next: 23.5.1
+      lodash.clonedeep: 4.5.0
+      lodash.merge: 4.6.2
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      react-i18next: 13.2.2(i18next@23.5.1)(react-dom@18.2.0)(react@18.2.0)
+      react-qrcode-logo: 2.9.0(react-dom@18.2.0)(react@18.2.0)
+    transitivePeerDependencies:
+      - '@sentry/types'
+      - bufferutil
+      - react-native
+      - supports-color
+      - utf-8-validate
+    dev: false
 
-  /@typescript-eslint/typescript-estree@5.58.0(typescript@4.9.3):
-    resolution: {integrity: sha512-cRACvGTodA+UxnYM2uwA2KCwRL7VAzo45syNysqlMyNyjw0Z35Icc9ihPJZjIYuA5bXJYiJ2YGUB59BqlOZT1Q==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /@web3auth/wallet-connect-v2-adapter@7.0.2(@babel/runtime@7.23.1)(@walletconnect/sign-client@2.10.6)(@walletconnect/types@2.10.6)(@walletconnect/utils@2.10.6):
+    resolution: {integrity: sha512-Xnn1GUwcIpA4CfSD7A9loJINERSL+RdxGnzUBDSNKSgTS8uT/9D6LKeCo10dTHTQ+M5JgfG4DJPUOOWjufrpsw==}
+    engines: {node: '>=18.x', npm: '>=9.x'}
     peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/types': 5.58.0
-      '@typescript-eslint/visitor-keys': 5.58.0
-      debug: 4.3.4
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.5.0
-      tsutils: 3.21.0(typescript@4.9.3)
-      typescript: 4.9.3
+      '@babel/runtime': ^7.x
+      '@walletconnect/sign-client': ^2.x
+      '@walletconnect/types': ^2.x
+      '@walletconnect/utils': ^2.x
+    dependencies:
+      '@babel/runtime': 7.23.1
+      '@walletconnect/sign-client': 2.10.6
+      '@walletconnect/types': 2.10.6
+      '@walletconnect/utils': 2.10.6
+      '@web3auth/base': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/base-evm-adapter': 7.0.1(@babel/runtime@7.23.1)
+      '@web3auth/ethereum-provider': 7.0.2(@babel/runtime@7.23.1)
+      lodash.merge: 4.6.2
     transitivePeerDependencies:
+      - '@react-native-async-storage/async-storage'
+      - '@sentry/types'
+      - buffer
+      - bufferutil
+      - c-kzg
+      - lokijs
       - supports-color
-    dev: true
+      - utf-8-validate
+    dev: false
 
-  /@typescript-eslint/visitor-keys@5.58.0:
-    resolution: {integrity: sha512-/fBraTlPj0jwdyTwLyrRTxv/3lnU2H96pNTVM6z3esTWLtA5MZ9ghSMJ7Rb+TtUAdtEw9EyJzJ0EydIMKxQ9gA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /JSONStream@1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
     dependencies:
-      '@typescript-eslint/types': 5.58.0
-      eslint-visitor-keys: 3.4.1
-    dev: true
+      jsonparse: 1.3.1
+      through: 2.3.8
+    dev: false
 
   /abort-controller@3.0.0:
     resolution: {integrity: sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==}
@@ -1210,6 +2754,12 @@ packages:
       acorn: 8.8.2
     dev: true
 
+  /acorn@8.11.2:
+    resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: false
+
   /acorn@8.8.2:
     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
     engines: {node: '>=0.4.0'}
@@ -1220,7 +2770,14 @@ packages:
     resolution: {integrity: sha512-G965FqalsNyrPqgEGON7nIx1e/OVENSgiEIzyC63haUMuvNnwIgIjMs52hlTCKhkBny7A2ORNlfY9Zu+jmGk1Q==}
     dev: false
 
-  /airtable@0.12.1:
+  /agentkeepalive@4.5.0:
+    resolution: {integrity: sha512-5GG/5IbQQpC9FpkRGsSvZI5QYeSCzlJHdpBQntCsuTOxhKD8lqKhrleg2Yi7yvMIf82Ycmmqln9U8V9qwEiJew==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      humanize-ms: 1.2.1
+    dev: false
+
+  /airtable@0.12.1(encoding@0.1.13):
     resolution: {integrity: sha512-wS49QIO46YjSUbRIslX6pJaAGsdzOFPtYfaARYsBifsev10TDsyXc5IBYX6b3JQs4SZ8A5+g/vbQ5IfPvbnc+w==}
     engines: {node: '>=8.0.0'}
     dependencies:
@@ -1228,7 +2785,7 @@ packages:
       abort-controller: 3.0.0
       abortcontroller-polyfill: 1.7.5
       lodash: 4.17.21
-      node-fetch: 2.6.12
+      node-fetch: 2.6.12(encoding@0.1.13)
     transitivePeerDependencies:
       - encoding
     dev: false
@@ -1270,6 +2827,10 @@ packages:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  /arch@2.2.0:
+    resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
+    dev: false
+
   /arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 
@@ -1343,10 +2904,31 @@ packages:
       get-intrinsic: 1.2.0
     dev: true
 
+  /assert@2.1.0:
+    resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==}
+    dependencies:
+      call-bind: 1.0.2
+      is-nan: 1.3.2
+      object-is: 1.1.5
+      object.assign: 4.1.4
+      util: 0.12.5
+    dev: false
+
   /ast-types-flow@0.0.7:
     resolution: {integrity: sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==}
     dev: true
 
+  /async-mutex@0.4.0:
+    resolution: {integrity: sha512-eJFZ1YhRR8UN8eBLoNzcDPcy/jqjsg6I1AP+KvWQX80BqOSW1oJPJXDylPUEeMr2ZQvHgnQ//Lp6f3RQ1zI7HA==}
+    dependencies:
+      tslib: 2.5.0
+    dev: false
+
+  /atomic-sleep@1.0.0:
+    resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
+    engines: {node: '>=8.0.0'}
+    dev: false
+
   /autoprefixer@10.4.13(postcss@8.4.21):
     resolution: {integrity: sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1366,7 +2948,6 @@ packages:
   /available-typed-arrays@1.0.5:
     resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /axe-core@4.7.0:
     resolution: {integrity: sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==}
@@ -1382,14 +2963,47 @@ packages:
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
+  /base-x@3.0.9:
+    resolution: {integrity: sha512-H7JU6iBHTal1gp56aKoaa//YUxEaAOUiydvrV/pILqIHXTtqxSkATOnDA2u+jZ/61sD+L/412+7kzXRtWukhpQ==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: false
+
+  /base-x@4.0.0:
+    resolution: {integrity: sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw==}
+    dev: false
+
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
     dev: false
 
+  /base64url@3.0.1:
+    resolution: {integrity: sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A==}
+    engines: {node: '>=6.0.0'}
+    dev: false
+
+  /bigint-buffer@1.1.5:
+    resolution: {integrity: sha512-trfYco6AoZ+rKhKnxA0hgX0HAbVP/s808/EuDSe2JDzUnCp/xAsli35Orvk67UrTEcwuxZqYZDmfA2RXJgxVvA==}
+    engines: {node: '>= 10.0.0'}
+    requiresBuild: true
+    dependencies:
+      bindings: 1.5.0
+    dev: false
+
+  /bignumber.js@9.1.2:
+    resolution: {integrity: sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==}
+    dev: false
+
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
 
+  /bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+    dependencies:
+      file-uri-to-path: 1.0.0
+    dev: false
+
   /bl@4.1.0:
     resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
     dependencies:
@@ -1398,6 +3012,26 @@ packages:
       readable-stream: 3.6.2
     dev: false
 
+  /bn.js@4.12.0:
+    resolution: {integrity: sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==}
+    dev: false
+
+  /bn.js@5.2.1:
+    resolution: {integrity: sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==}
+    dev: false
+
+  /borsh@0.7.0:
+    resolution: {integrity: sha512-CLCsZGIBCFnPtkNnieW/a8wmreDmfUtjU2m9yHrzPXIlNbqVs0AQrSatSG6vdNYUqdc83tkQi2eHfF98ubzQLA==}
+    dependencies:
+      bn.js: 5.2.1
+      bs58: 4.0.1
+      text-encoding-utf-8: 1.0.2
+    dev: false
+
+  /bowser@2.11.0:
+    resolution: {integrity: sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==}
+    dev: false
+
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
@@ -1410,6 +3044,10 @@ packages:
     dependencies:
       fill-range: 7.0.1
 
+  /brorand@1.1.0:
+    resolution: {integrity: sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==}
+    dev: false
+
   /browserslist@4.21.5:
     resolution: {integrity: sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -1420,6 +3058,18 @@ packages:
       node-releases: 2.0.10
       update-browserslist-db: 1.0.11(browserslist@4.21.5)
 
+  /bs58@4.0.1:
+    resolution: {integrity: sha512-Ok3Wdf5vOIlBrgCvTq96gBkJw+JUEzdBgyaza5HLtPm7yTHkjRy8+JzNyHF7BHa0bNWOQIp3m5YF0nnFcOIKLw==}
+    dependencies:
+      base-x: 3.0.9
+    dev: false
+
+  /bs58@5.0.0:
+    resolution: {integrity: sha512-r+ihvQJvahgYT50JD05dyJNKlmmSlMoOGwn1lCcEzanPglg7TxYjioQUYehQ9mAR/+hOSd2jRc/Z2y5UxBymvQ==}
+    dependencies:
+      base-x: 4.0.0
+    dev: false
+
   /buffer@5.7.1:
     resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
     dependencies:
@@ -1427,6 +3077,21 @@ packages:
       ieee754: 1.2.1
     dev: false
 
+  /buffer@6.0.3:
+    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    dev: false
+
+  /bufferutil@4.0.7:
+    resolution: {integrity: sha512-kukuqc39WOHtdxtw4UScxF/WVnMFVSQVKhtx3AjZJzhd0RGZZldcrfSEbVsWWe6KNH253574cq5F+wpv0G9pJw==}
+    engines: {node: '>=6.14.2'}
+    requiresBuild: true
+    dependencies:
+      node-gyp-build: 4.6.1
+    dev: false
+
   /busboy@1.6.0:
     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
     engines: {node: '>=10.16.0'}
@@ -1438,7 +3103,6 @@ packages:
     dependencies:
       function-bind: 1.1.1
       get-intrinsic: 1.2.0
-    dev: true
 
   /callsites@3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
@@ -1486,6 +3150,12 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: false
 
+  /citty@0.1.5:
+    resolution: {integrity: sha512-AS7n5NSc0OQVMV9v6wt3ByujNIrne0/cTjiC2MYqhvao57VNfiuVksTSr2p17nVOhEr2KtqiAkGwHcgMC/qUuQ==}
+    dependencies:
+      consola: 3.2.3
+    dev: false
+
   /class-variance-authority@0.4.0(typescript@4.9.3):
     resolution: {integrity: sha512-74enNN8O9ZNieycac/y8FxqgyzZhZbxmCitAtAeUrLPlxjSd5zA7LfpprmxEcOmQBnaGs5hYhiSGnJ0mqrtBLQ==}
     peerDependencies:
@@ -1497,14 +3167,32 @@ packages:
       typescript: 4.9.3
     dev: false
 
+  /classnames@2.3.2:
+    resolution: {integrity: sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==}
+    dev: false
+
   /client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
+  /clipboardy@3.0.0:
+    resolution: {integrity: sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      arch: 2.2.0
+      execa: 5.1.1
+      is-wsl: 2.2.0
+    dev: false
+
   /clsx@1.2.1:
     resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==}
     engines: {node: '>=6'}
     dev: false
 
+  /cluster-key-slot@1.1.2:
+    resolution: {integrity: sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /cmdk@0.2.0(@types/react@18.0.22)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-JQpKvEOb86SnvMZbYaFKYhvzFntWBeSZdyii0rZPhKJj9uwJBxu4DaVYDrRN7r3mPop56oPhRw+JYWTKs66TYw==}
     peerDependencies:
@@ -1555,6 +3243,10 @@ packages:
     resolution: {integrity: sha512-VtDvQpIJBvBatnONUsPzXYFVKQQAhuf3XTNOAsdBxCNO/QCtUUd8LSgjn0GVarBkCad6aJCZfXgrjYbl/KRr7w==}
     dev: false
 
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    dev: false
+
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
@@ -1562,9 +3254,40 @@ packages:
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
+  /consola@3.2.3:
+    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    dev: false
+
   /convert-source-map@1.9.0:
     resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
 
+  /cookie-es@1.0.0:
+    resolution: {integrity: sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ==}
+    dev: false
+
+  /copy-to-clipboard@3.3.3:
+    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
+    dependencies:
+      toggle-selection: 1.0.6
+    dev: false
+
+  /crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+    dev: false
+
+  /crc@4.3.2:
+    resolution: {integrity: sha512-uGDHf4KLLh2zsHa8D8hIQ1H/HtFQhyHrc0uhHBcoKGol/Xnb+MPYfUMw7cvON6ze/GUESTudKayDcJC5HnJv1A==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      buffer: '>=6.0.3'
+    peerDependenciesMeta:
+      buffer:
+        optional: true
+    dev: false
+
   /cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -1572,7 +3295,6 @@ packages:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
-    dev: true
 
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
@@ -1590,7 +3312,7 @@ packages:
     resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==}
     engines: {node: '>=0.11'}
     dependencies:
-      '@babel/runtime': 7.22.5
+      '@babel/runtime': 7.23.1
     dev: false
 
   /debug@3.2.7:
@@ -1615,6 +3337,11 @@ packages:
     dependencies:
       ms: 2.1.2
 
+  /decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
+    dev: false
+
   /decompress-response@6.0.0:
     resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
     engines: {node: '>=10'}
@@ -1650,17 +3377,44 @@ packages:
     engines: {node: '>=4.0.0'}
     dev: false
 
-  /deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-    dev: true
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /define-properties@1.2.0:
+    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+
+  /defu@6.1.3:
+    resolution: {integrity: sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==}
+    dev: false
+
+  /delay@5.0.0:
+    resolution: {integrity: sha512-ReEBKkIfe4ya47wlPYf/gu5ib6yUG0/Aez0JQZQz94kiWtRQvZIQbTiehsnwHvLSWJnQdhVeqYue7Id1dKr0qw==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /denque@2.1.0:
+    resolution: {integrity: sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==}
+    engines: {node: '>=0.10'}
+    dev: false
+
+  /destr@2.0.2:
+    resolution: {integrity: sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==}
+    dev: false
 
-  /define-properties@1.2.0:
-    resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-property-descriptors: 1.0.0
-      object-keys: 1.1.1
-    dev: true
+  /detect-browser@5.3.0:
+    resolution: {integrity: sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==}
+    dev: false
+
+  /detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: false
 
   /detect-libc@2.0.1:
     resolution: {integrity: sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==}
@@ -1698,19 +3452,64 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /duplexify@4.1.2:
+    resolution: {integrity: sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==}
+    dependencies:
+      end-of-stream: 1.4.4
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+      stream-shift: 1.0.1
+    dev: false
+
   /electron-to-chromium@1.4.388:
     resolution: {integrity: sha512-xZ0y4zjWZgp65okzwwt00f2rYibkFPHUv9qBz+Vzn8cB9UXIo9Zc6Dw81LJYhhNt0G/vR1OJEfStZ49NKl0YxQ==}
 
+  /elliptic@6.5.4:
+    resolution: {integrity: sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==}
+    dependencies:
+      bn.js: 4.12.0
+      brorand: 1.1.0
+      hash.js: 1.1.7
+      hmac-drbg: 1.0.1
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+      minimalistic-crypto-utils: 1.0.1
+    dev: false
+
   /emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
     dev: true
 
+  /encoding@0.1.13:
+    resolution: {integrity: sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==}
+    dependencies:
+      iconv-lite: 0.6.3
+
   /end-of-stream@1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
     dependencies:
       once: 1.4.0
     dev: false
 
+  /engine.io-client@6.5.2:
+    resolution: {integrity: sha512-CQZqbrpEYnrpGqC07a9dJDz4gePZUgTPMU3NKJPSeQOyw27Tst4Pl3FemKoFGAlHzgZmKjoRmiJvbWfhCXUlIg==}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+      engine.io-parser: 5.2.1
+      ws: 8.11.0
+      xmlhttprequest-ssl: 2.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /engine.io-parser@5.2.1:
+    resolution: {integrity: sha512-9JktcM3u18nU9N2Lz3bWeBgxVgOKpw7yhRaoxQA3FUDZzzw+9WlA6p4G4u0RixNkg14fH7EfEc/RhpurtiROTQ==}
+    engines: {node: '>=10.0.0'}
+    dev: false
+
   /es-abstract@1.21.2:
     resolution: {integrity: sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==}
     engines: {node: '>= 0.4'}
@@ -1789,6 +3588,16 @@ packages:
       is-symbol: 1.0.4
     dev: true
 
+  /es6-promise@4.2.8:
+    resolution: {integrity: sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==}
+    dev: false
+
+  /es6-promisify@5.0.0:
+    resolution: {integrity: sha512-C+d6UdsYDk0lMebHNR4S2NybQMMngAOnOwYBQjTOiv0MkoJMP0Myw2mgpDLBcpfCmRLxyFqYhS/CfOENq4SJhQ==}
+    dependencies:
+      es6-promise: 4.2.8
+    dev: false
+
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -2105,6 +3914,21 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /eth-rpc-errors@4.0.3:
+    resolution: {integrity: sha512-Z3ymjopaoft7JDoxZcEb3pwdGh7yiYMhOwm2doUt6ASXlMavpNlK6Cre0+IMl2VSGyEU9rkiperQhp5iRxn5Pg==}
+    dependencies:
+      fast-safe-stringify: 2.1.1
+    dev: false
+
+  /ethereum-cryptography@2.1.2:
+    resolution: {integrity: sha512-Z5Ba0T0ImZ8fqXrJbpHcbpAvIswRte2wGNR/KePnu8GbbvgJ47lMxT/ZZPG6i9Jaht4azPDop4HaM00J0J59ug==}
+    dependencies:
+      '@noble/curves': 1.1.0
+      '@noble/hashes': 1.3.1
+      '@scure/bip32': 1.3.1
+      '@scure/bip39': 1.2.1
+    dev: false
+
   /ethers@6.4.0:
     resolution: {integrity: sha512-nksaMCwX+BOdV2NQ1/57OehSD2JtujbhrdC2+Fb9VpvBO0WO6h+WWwu3oMMw7aUiTa5lvQcWX1vl4aOy7Q3CTg==}
     engines: {node: '>=14.0.0'}
@@ -2121,19 +3945,55 @@ packages:
       - utf-8-validate
     dev: false
 
+  /ethjs-util@0.1.6:
+    resolution: {integrity: sha512-CUnVOQq7gSpDHZVVrQW8ExxUETWrnrvXYvYz55wOU8Uj4VCgw56XC2B/fVqQN+f7gmrnRHSLVnFAwsCuNwji8w==}
+    engines: {node: '>=6.5.0', npm: '>=3'}
+    dependencies:
+      is-hex-prefixed: 1.0.0
+      strip-hex-prefix: 1.0.0
+    dev: false
+
   /event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
     dev: false
 
+  /eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+    dev: false
+
+  /events@3.3.0:
+    resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==}
+    engines: {node: '>=0.8.x'}
+    dev: false
+
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: false
+
   /expand-template@2.0.3:
     resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
     engines: {node: '>=6'}
     dev: false
 
+  /eyes@0.1.8:
+    resolution: {integrity: sha512-GipyPsXO1anza0AOZdy69Im7hGFCNB7Y/NGjDlZGJ3GJJLtwNSb2vrzYrTYJRrRloVx7pl+bhUaTB8yiccPvFQ==}
+    engines: {node: '> 0.1.90'}
+    dev: false
+
   /fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: true
 
   /fast-glob@3.2.12:
     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
@@ -2153,6 +4013,19 @@ packages:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
     dev: true
 
+  /fast-redact@3.3.0:
+    resolution: {integrity: sha512-6T5V1QK1u4oF+ATxs1lWUmlEk6P2T9HqJG3e2DnHOdVgZy2rFJBoEnrIedcTXlkAHU/zKC+7KETJ+KGGKwxgMQ==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /fast-safe-stringify@2.1.1:
+    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
+    dev: false
+
+  /fast-stable-stringify@1.0.0:
+    resolution: {integrity: sha512-wpYMUmFu5f00Sm0cj2pfivpmawLZ0NKdviQ4w9zJeR8JVtOpOxHmLaJuj0vxvGqMJQWyP/COUkF75/57OKyRag==}
+    dev: false
+
   /fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
@@ -2165,12 +4038,21 @@ packages:
       flat-cache: 3.0.4
     dev: true
 
+  /file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+    dev: false
+
   /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
 
+  /filter-obj@1.1.0:
+    resolution: {integrity: sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -2195,12 +4077,29 @@ packages:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
     dependencies:
       is-callable: 1.2.7
-    dev: true
 
   /fraction.js@4.2.0:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
     dev: true
 
+  /framer-motion@10.16.4(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+    dependencies:
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+      tslib: 2.5.0
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.8.8
+    dev: false
+
   /fs-constants@1.0.0:
     resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
     dev: false
@@ -2242,13 +4141,21 @@ packages:
       function-bind: 1.1.1
       has: 1.0.3
       has-symbols: 1.0.3
-    dev: true
 
   /get-nonce@1.0.1:
     resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
     engines: {node: '>=6'}
     dev: false
 
+  /get-port-please@3.1.1:
+    resolution: {integrity: sha512-3UBAyM3u4ZBVYDsxOQfJDxEa6XTbpBDrOjp4mf7ExFRt5BKs/QywQQiJsh2B+hxcZLSapWqCRvElUe8DnKcFHA==}
+    dev: false
+
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: false
+
   /get-symbol-description@1.0.0:
     resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
     engines: {node: '>= 0.4'}
@@ -2342,7 +4249,6 @@ packages:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
       get-intrinsic: 1.2.0
-    dev: true
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -2351,6 +4257,19 @@ packages:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
     dev: true
 
+  /h3@1.9.0:
+    resolution: {integrity: sha512-+F3ZqrNV/CFXXfZ2lXBINHi+rM4Xw3CDC5z2CDK3NMPocjonKipGLLDSkrqY9DOrioZNPTIdDMWfQKm//3X2DA==}
+    dependencies:
+      cookie-es: 1.0.0
+      defu: 6.1.3
+      destr: 2.0.2
+      iron-webcrypto: 1.0.0
+      radix3: 1.1.0
+      ufo: 1.3.2
+      uncrypto: 0.1.3
+      unenv: 1.8.0
+    dev: false
+
   /has-bigints@1.0.2:
     resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
     dev: true
@@ -2368,7 +4287,6 @@ packages:
     resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
     dependencies:
       get-intrinsic: 1.2.0
-    dev: true
 
   /has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
@@ -2378,14 +4296,12 @@ packages:
   /has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-tostringtag@1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
-    dev: true
 
   /has@1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
@@ -2393,6 +4309,59 @@ packages:
     dependencies:
       function-bind: 1.1.1
 
+  /hash.js@1.1.7:
+    resolution: {integrity: sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==}
+    dependencies:
+      inherits: 2.0.4
+      minimalistic-assert: 1.0.1
+    dev: false
+
+  /hmac-drbg@1.0.1:
+    resolution: {integrity: sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==}
+    dependencies:
+      hash.js: 1.1.7
+      minimalistic-assert: 1.0.1
+      minimalistic-crypto-utils: 1.0.1
+    dev: false
+
+  /html-parse-stringify@3.0.1:
+    resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
+    dependencies:
+      void-elements: 3.1.0
+    dev: false
+
+  /http-shutdown@1.2.2:
+    resolution: {integrity: sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==}
+    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+    dev: false
+
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: false
+
+  /humanize-ms@1.2.1:
+    resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
+    dependencies:
+      ms: 2.1.3
+    dev: false
+
+  /i18next@23.5.1:
+    resolution: {integrity: sha512-JelYzcaCoFDaa+Ysbfz2JsGAKkrHiMG6S61+HLBUEIPaF40WMwW9hCPymlQGrP+wWawKxKPuSuD71WZscCsWHg==}
+    dependencies:
+      '@babel/runtime': 7.23.1
+    dev: false
+
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+
+  /idb-keyval@6.2.1:
+    resolution: {integrity: sha512-8Sb3veuYCyrZL+VBt9LJfZjLUPWVvqn8tG28VqYNFCo43KHcKuq+b4EiXGeuaLAQWL2YmyDgMp2aSpH9JHsEQg==}
+    dev: false
+
   /ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
     dev: false
@@ -2443,13 +4412,33 @@ packages:
       loose-envify: 1.4.0
     dev: false
 
+  /ioredis@5.3.2:
+    resolution: {integrity: sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==}
+    engines: {node: '>=12.22.0'}
+    dependencies:
+      '@ioredis/commands': 1.2.0
+      cluster-key-slot: 1.1.2
+      debug: 4.3.4
+      denque: 2.1.0
+      lodash.defaults: 4.2.0
+      lodash.isarguments: 3.1.0
+      redis-errors: 1.2.0
+      redis-parser: 3.0.0
+      standard-as-callback: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /iron-webcrypto@1.0.0:
+    resolution: {integrity: sha512-anOK1Mktt8U1Xi7fCM3RELTuYbnFikQY5VtrDj7kPgpejV7d43tWKhzgioO0zpkazLEL/j/iayRqnJhrGfqUsg==}
+    dev: false
+
   /is-arguments@1.1.1:
     resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.2
       has-tostringtag: 1.0.0
-    dev: true
 
   /is-array-buffer@3.0.2:
     resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
@@ -2486,7 +4475,6 @@ packages:
   /is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /is-core-module@2.12.0:
     resolution: {integrity: sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==}
@@ -2500,20 +4488,46 @@ packages:
       has-tostringtag: 1.0.0
     dev: true
 
+  /is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: false
+
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  /is-generator-function@1.0.10:
+    resolution: {integrity: sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: false
+
   /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
 
+  /is-hex-prefixed@1.0.0:
+    resolution: {integrity: sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA==}
+    engines: {node: '>=6.5.0', npm: '>=3'}
+    dev: false
+
   /is-map@2.0.2:
     resolution: {integrity: sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==}
     dev: true
 
+  /is-nan@1.3.2:
+    resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.0
+    dev: false
+
   /is-negative-zero@2.0.2:
     resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
     engines: {node: '>= 0.4'}
@@ -2553,6 +4567,11 @@ packages:
       call-bind: 1.0.2
     dev: true
 
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: false
+
   /is-string@1.0.7:
     resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
     engines: {node: '>= 0.4'}
@@ -2576,7 +4595,6 @@ packages:
       for-each: 0.3.3
       gopd: 1.0.1
       has-tostringtag: 1.0.0
-    dev: true
 
   /is-weakmap@2.0.1:
     resolution: {integrity: sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==}
@@ -2595,22 +4613,63 @@ packages:
       get-intrinsic: 1.2.0
     dev: true
 
+  /is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: false
+
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
     dev: true
 
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-    dev: true
+
+  /isomorphic-ws@4.0.1(ws@7.5.9):
+    resolution: {integrity: sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w==}
+    peerDependencies:
+      ws: '*'
+    dependencies:
+      ws: 7.5.9
+    dev: false
 
   /javascript-natural-sort@0.7.1:
     resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
     dev: true
 
+  /jayson@4.1.0:
+    resolution: {integrity: sha512-R6JlbyLN53Mjku329XoRT2zJAE6ZgOQ8f91ucYdMCD4nkGCF9kZSrcGXpHIU4jeKj58zUZke2p+cdQchU7Ly7A==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      '@types/connect': 3.4.36
+      '@types/node': 12.20.55
+      '@types/ws': 7.4.7
+      JSONStream: 1.3.5
+      commander: 2.20.3
+      delay: 5.0.0
+      es6-promisify: 5.0.0
+      eyes: 0.1.8
+      isomorphic-ws: 4.0.1(ws@7.5.9)
+      json-stringify-safe: 5.0.1
+      uuid: 8.3.2
+      ws: 7.5.9
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+    dev: false
+
   /jiti@1.18.2:
     resolution: {integrity: sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==}
     hasBin: true
 
+  /jiti@1.21.0:
+    resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
+    hasBin: true
+    dev: false
+
   /js-sdsl@4.4.0:
     resolution: {integrity: sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==}
     dev: true
@@ -2630,6 +4689,10 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  /json-rpc-random-id@1.0.1:
+    resolution: {integrity: sha512-RJ9YYNCkhVDBuP4zN5BBtYAzEl03yq/jIIsyif0JY9qyJuQQZNeDK7anAPKKlyEtLSj2s8h6hNh2F8zO5q7ScA==}
+    dev: false
+
   /json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
     dev: true
@@ -2638,6 +4701,16 @@ packages:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: true
 
+  /json-stable-stringify@1.0.2:
+    resolution: {integrity: sha512-eunSSaEnxV12z+Z73y/j5N37/In40GK4GmsSy+tEHJMxknvqnA7/djeYtAgW0GsWHUfg+847WJjKaEylk2y09g==}
+    dependencies:
+      jsonify: 0.0.1
+    dev: false
+
+  /json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+    dev: false
+
   /json5@1.0.2:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
@@ -2650,6 +4723,23 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: false
+
+  /jsonify@0.0.1:
+    resolution: {integrity: sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==}
+    dev: false
+
+  /jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+    dev: false
+
+  /jsonschema@1.4.1:
+    resolution: {integrity: sha512-S6cATIPVv1z0IlxdN+zUk5EPjkGCdnhN4wVSBlvoUO1tOLJootbo9CquNJmbIh4yikWHiUedhRYrNPn1arpEmQ==}
+    dev: false
+
   /jsx-ast-utils@3.3.3:
     resolution: {integrity: sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==}
     engines: {node: '>=4.0'}
@@ -2658,6 +4748,14 @@ packages:
       object.assign: 4.1.4
     dev: true
 
+  /jwt-decode@3.1.2:
+    resolution: {integrity: sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==}
+    dev: false
+
+  /keyvaluestorage-interface@1.0.0:
+    resolution: {integrity: sha512-8t6Q3TclQ4uZynJY9IGr2+SsIGwK9JHcO6ootkHCGA0CrQCRy+VkouYNO2xicET6b9al7QKzpebNow+gkpCL8g==}
+    dev: false
+
   /language-subtag-registry@0.3.22:
     resolution: {integrity: sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==}
     dev: true
@@ -2683,6 +4781,29 @@ packages:
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  /listhen@1.5.5:
+    resolution: {integrity: sha512-LXe8Xlyh3gnxdv4tSjTjscD1vpr/2PRpzq8YIaMJgyKzRG8wdISlWVWnGThJfHnlJ6hmLt2wq1yeeix0TEbuoA==}
+    hasBin: true
+    dependencies:
+      '@parcel/watcher': 2.3.0
+      '@parcel/watcher-wasm': 2.3.0
+      citty: 0.1.5
+      clipboardy: 3.0.0
+      consola: 3.2.3
+      defu: 6.1.3
+      get-port-please: 3.1.1
+      h3: 1.9.0
+      http-shutdown: 1.2.2
+      jiti: 1.21.0
+      mlly: 1.4.2
+      node-forge: 1.3.1
+      pathe: 1.1.1
+      std-env: 3.6.0
+      ufo: 1.3.2
+      untun: 0.1.2
+      uqr: 0.1.2
+    dev: false
+
   /locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2690,28 +4811,52 @@ packages:
       p-locate: 5.0.0
     dev: true
 
+  /lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
   /lodash.clone@4.5.0:
     resolution: {integrity: sha512-GhrVeweiTD6uTmmn5hV/lzgCQhccwReIVRLHp7LT4SopOjqEZ5BbX8b5WWEtAKasjmy8hR7ZPwsYlxRCku5odg==}
     dev: true
 
+  /lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+    dev: false
+
+  /lodash.defaults@4.2.0:
+    resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
+    dev: false
+
+  /lodash.isarguments@3.1.0:
+    resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
+    dev: false
+
   /lodash.isequal@4.5.0:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
-    dev: true
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: true
 
   /lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
     dev: false
 
+  /loglevel@1.8.1:
+    resolution: {integrity: sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
   /loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
     dependencies:
       js-tokens: 4.0.0
 
+  /lru-cache@10.1.0:
+    resolution: {integrity: sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==}
+    engines: {node: 14 || >=16.14}
+    dev: false
+
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
@@ -2731,10 +4876,18 @@ packages:
       react: 18.2.0
     dev: false
 
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: false
+
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
+  /micro-ftch@0.3.1:
+    resolution: {integrity: sha512-/0LLxhzP0tfiR5hcQebtudP56gUurs2CLkGarnCiB/OqEyUFQ6U3paQi/tgLv0hBJYt2rnr9MNpxz4fiiugstg==}
+    dev: false
+
   /micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
     engines: {node: '>=8.6'}
@@ -2742,11 +4895,30 @@ packages:
       braces: 3.0.2
       picomatch: 2.3.1
 
+  /mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    dev: false
+
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: false
+
   /mimic-response@3.1.0:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
     dev: false
 
+  /minimalistic-assert@1.0.1:
+    resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
+    dev: false
+
+  /minimalistic-crypto-utils@1.0.1:
+    resolution: {integrity: sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==}
+    dev: false
+
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -2759,12 +4931,33 @@ packages:
     resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
     dev: false
 
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.11.2
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.2
+    dev: false
+
+  /moment@2.29.4:
+    resolution: {integrity: sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==}
+    dev: false
+
+  /mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+    dev: false
+
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
 
   /ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-    dev: true
+
+  /multiformats@9.9.0:
+    resolution: {integrity: sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==}
+    dev: false
 
   /mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
@@ -2782,6 +4975,10 @@ packages:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
     dev: false
 
+  /napi-wasm@1.1.0:
+    resolution: {integrity: sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==}
+    dev: false
+
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
@@ -2851,7 +5048,15 @@ packages:
     resolution: {integrity: sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA==}
     dev: false
 
-  /node-fetch@2.6.12:
+  /node-addon-api@7.0.0:
+    resolution: {integrity: sha512-vgbBJTS4m5/KkE16t5Ly0WW9hz46swAstv0hYYwMtbG7AznRhNyfLRe8HZAiWIpcHzoO7HxhLuBQj9rJ/Ho0ZA==}
+    dev: false
+
+  /node-fetch-native@1.4.1:
+    resolution: {integrity: sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==}
+    dev: false
+
+  /node-fetch@2.6.12(encoding@0.1.13):
     resolution: {integrity: sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
@@ -2860,9 +5065,20 @@ packages:
       encoding:
         optional: true
     dependencies:
+      encoding: 0.1.13
       whatwg-url: 5.0.0
     dev: false
 
+  /node-forge@1.3.1:
+    resolution: {integrity: sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==}
+    engines: {node: '>= 6.13.0'}
+    dev: false
+
+  /node-gyp-build@4.6.1:
+    resolution: {integrity: sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==}
+    hasBin: true
+    dev: false
+
   /node-releases@2.0.10:
     resolution: {integrity: sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==}
 
@@ -2875,6 +5091,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: false
+
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -2893,12 +5116,10 @@ packages:
     dependencies:
       call-bind: 1.0.2
       define-properties: 1.2.0
-    dev: true
 
   /object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /object.assign@4.1.4:
     resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
@@ -2908,7 +5129,6 @@ packages:
       define-properties: 1.2.0
       has-symbols: 1.0.3
       object-keys: 1.1.1
-    dev: true
 
   /object.entries@1.1.6:
     resolution: {integrity: sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==}
@@ -2944,11 +5164,34 @@ packages:
       es-abstract: 1.21.2
     dev: true
 
+  /oblivious-set@1.1.1:
+    resolution: {integrity: sha512-Oh+8fK09mgGmAshFdH6hSVco6KZmd1tTwNFWj35OvzdmJTMZtAkbn05zar2iG3v6sDs1JLEtOiBGNb6BHwkb2w==}
+    dev: false
+
+  /ofetch@1.3.3:
+    resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
+    dependencies:
+      destr: 2.0.2
+      node-fetch-native: 1.4.1
+      ufo: 1.3.2
+    dev: false
+
+  /on-exit-leak-free@0.2.0:
+    resolution: {integrity: sha512-dqaz3u44QbRXQooZLTUKU41ZrzYrcvLISVgbrzbyCMxpmSLJvZ3ZamIJIZ29P6OhZIkNIQKosdeM6t1LYbA9hg==}
+    dev: false
+
   /once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
 
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: false
+
   /optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
     engines: {node: '>= 0.8.0'}
@@ -2994,7 +5237,6 @@ packages:
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
-    dev: true
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
@@ -3004,6 +5246,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /pathe@1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
+    dev: false
+
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -3015,10 +5261,46 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
+  /pino-abstract-transport@0.5.0:
+    resolution: {integrity: sha512-+KAgmVeqXYbTtU2FScx1XS3kNyfZ5TrXY07V96QnUSFqo2gAqlvmaxH67Lj7SWazqsMabf+58ctdTcBgnOLUOQ==}
+    dependencies:
+      duplexify: 4.1.2
+      split2: 4.2.0
+    dev: false
+
+  /pino-std-serializers@4.0.0:
+    resolution: {integrity: sha512-cK0pekc1Kjy5w9V2/n+8MkZwusa6EyyxfeQCB799CQRhRt/CqYKiWs5adeu8Shve2ZNffvfC/7J64A2PJo1W/Q==}
+    dev: false
+
+  /pino@7.11.0:
+    resolution: {integrity: sha512-dMACeu63HtRLmCG8VKdy4cShCPKaYDR4youZqoSWLxl5Gu99HUw8bw75thbPv9Nip+H+QYX8o3ZJbTdVZZ2TVg==}
+    hasBin: true
+    dependencies:
+      atomic-sleep: 1.0.0
+      fast-redact: 3.3.0
+      on-exit-leak-free: 0.2.0
+      pino-abstract-transport: 0.5.0
+      pino-std-serializers: 4.0.0
+      process-warning: 1.0.0
+      quick-format-unescaped: 4.0.4
+      real-require: 0.1.0
+      safe-stable-stringify: 2.4.3
+      sonic-boom: 2.8.0
+      thread-stream: 0.15.2
+    dev: false
+
   /pirates@4.0.5:
     resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==}
     engines: {node: '>= 6'}
 
+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.2
+      pathe: 1.1.1
+    dev: false
+
   /postcss-import@14.1.0(postcss@8.4.21):
     resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
     engines: {node: '>=10.0.0'}
@@ -3120,6 +5402,15 @@ packages:
     hasBin: true
     dev: true
 
+  /process-warning@1.0.0:
+    resolution: {integrity: sha512-du4wfLyj4yCZq1VupnVSZmRsPJsNuxoDQFdCFHLaYiEbFBD7QE0a+I4D7hOxrVnh78QE/YipFAj9lXHiXocV+Q==}
+    dev: false
+
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
   /prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
     dependencies:
@@ -3140,6 +5431,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /qrcode-generator@1.4.4:
+    resolution: {integrity: sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw==}
+    dev: false
+
   /qrcode.react@3.1.0(react@18.2.0):
     resolution: {integrity: sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==}
     peerDependencies:
@@ -3148,13 +5443,31 @@ packages:
       react: 18.2.0
     dev: false
 
+  /query-string@7.1.3:
+    resolution: {integrity: sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==}
+    engines: {node: '>=6'}
+    dependencies:
+      decode-uri-component: 0.2.2
+      filter-obj: 1.1.0
+      split-on-first: 1.1.0
+      strict-uri-encode: 2.0.0
+    dev: false
+
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
+  /quick-format-unescaped@4.0.4:
+    resolution: {integrity: sha512-tYC1Q1hgyRuHgloV/YXs2w15unPVh8qfu/qCTfhTYamaw7fyhumKa2yGpdSo87vY32rIclj+4fWYQXUMs9EHvg==}
+    dev: false
+
   /quick-lru@5.1.1:
     resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
     engines: {node: '>=10'}
 
+  /radix3@1.1.0:
+    resolution: {integrity: sha512-pNsHDxbGORSvuSScqNJ+3Km6QAVqk8CfsCBIEoDgpqLrkD2f3QM4I7d1ozJJ172OmIcoUcerZaNWqtLkRXTV3A==}
+    dev: false
+
   /rc@1.2.8:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
@@ -3184,6 +5497,26 @@ packages:
       react: 18.2.0
       scheduler: 0.23.0
 
+  /react-i18next@13.2.2(i18next@23.5.1)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-+nFUkbRByFwnrfDcYqvzBuaeZb+nACHx+fAWN/pZMddWOCJH5hoc21+Sa/N/Lqi6ne6/9wC/qRGOoQhJa6IkEQ==}
+    peerDependencies:
+      i18next: '>= 23.2.3'
+      react: '>= 16.8.0'
+      react-dom: '*'
+      react-native: '*'
+    peerDependenciesMeta:
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.23.1
+      html-parse-stringify: 3.0.1
+      i18next: 23.5.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-icons@4.8.0(react@18.2.0):
     resolution: {integrity: sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==}
     peerDependencies:
@@ -3196,6 +5529,18 @@ packages:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
     dev: true
 
+  /react-qrcode-logo@2.9.0(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-x9uctB/8kuQ+x7p4V/BRv6qbQV4xYopLcitBuQT3925U/zVFb3bbDUsUZsi7hEKuAX/wRsfhs331FhlPSYCO9Q==}
+    peerDependencies:
+      react: '>=16.4.1'
+      react-dom: '>=16.4.1'
+    dependencies:
+      lodash.isequal: 4.5.0
+      qrcode-generator: 1.4.4
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /react-remove-scroll-bar@2.3.4(@types/react@18.0.22)(react@18.2.0):
     resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==}
     engines: {node: '>=10'}
@@ -3287,15 +5632,47 @@ packages:
       util-deprecate: 1.0.2
     dev: false
 
+  /readable-stream@4.4.2:
+    resolution: {integrity: sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      abort-controller: 3.0.0
+      buffer: 6.0.3
+      events: 3.3.0
+      process: 0.11.10
+      string_decoder: 1.3.0
+    dev: false
+
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
 
+  /real-require@0.1.0:
+    resolution: {integrity: sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==}
+    engines: {node: '>= 12.13.0'}
+    dev: false
+
+  /redis-errors@1.2.0:
+    resolution: {integrity: sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==}
+    engines: {node: '>=4'}
+    dev: false
+
+  /redis-parser@3.0.0:
+    resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
+    engines: {node: '>=4'}
+    dependencies:
+      redis-errors: 1.2.0
+    dev: false
+
   /regenerator-runtime@0.13.11:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
 
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+    dev: false
+
   /regexp.prototype.flags@1.5.0:
     resolution: {integrity: sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==}
     engines: {node: '>= 0.4'}
@@ -3343,6 +5720,18 @@ packages:
       glob: 7.2.3
     dev: true
 
+  /rpc-websockets@7.6.0:
+    resolution: {integrity: sha512-Jgcs8q6t8Go98dEulww1x7RysgTkzpCMelVxZW4hvuyFtOGpeUz9prpr2KjUa/usqxgFCd9Tu3+yhHEP9GVmiQ==}
+    dependencies:
+      '@babel/runtime': 7.23.1
+      eventemitter3: 4.0.7
+      uuid: 8.3.2
+      ws: 8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10)
+    optionalDependencies:
+      bufferutil: 4.0.7
+      utf-8-validate: 5.0.10
+    dev: false
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
@@ -3352,6 +5741,10 @@ packages:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
     dev: false
 
+  /safe-json-utils@1.1.1:
+    resolution: {integrity: sha512-SAJWGKDs50tAbiDXLf89PDwt9XYkWyANFWVzn4dTXl5QyI8t2o/bW5/OJl3lvc2WVU4MEpTo9Yz5NVFNsp+OJQ==}
+    dev: false
+
   /safe-regex-test@1.0.0:
     resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
     dependencies:
@@ -3360,6 +5753,14 @@ packages:
       is-regex: 1.1.4
     dev: true
 
+  /safe-stable-stringify@2.4.3:
+    resolution: {integrity: sha512-e2bDA2WJT0wxseVd4lsDP4+3ONX6HpMXQa1ZhFQ7SU+GjvORCmShbCMltrtIDfkYhVHrOcPtj+KhmDBdPdZD1g==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
   /scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
@@ -3376,6 +5777,14 @@ packages:
     dependencies:
       lru-cache: 6.0.0
 
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: false
+
   /sharp@0.31.3:
     resolution: {integrity: sha512-XcR4+FCLBFKw1bdB+GEhnUNXNXvnt0tDo4WsBsraKymuo/IAuPuCBVAL2wIkUw2r/dwFW5Q5+g66Kwl2dgDFVg==}
     engines: {node: '>=14.15.0'}
@@ -3396,12 +5805,10 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       shebang-regex: 3.0.0
-    dev: true
 
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
-    dev: true
 
   /side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
@@ -3411,6 +5818,10 @@ packages:
       object-inspect: 1.12.3
     dev: true
 
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: false
+
   /simple-concat@1.0.1:
     resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
     dev: false
@@ -3434,10 +5845,58 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /socket.io-client@4.7.2:
+    resolution: {integrity: sha512-vtA0uD4ibrYD793SOIAwlo8cj6haOeMHrGvwPxJsxH7CeIksqJ+3Zc06RvWTIFgiSqx4A3sOnTXpfAEE2Zyz6w==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+      engine.io-client: 6.5.2
+      socket.io-parser: 4.2.4
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+    dev: false
+
+  /socket.io-parser@4.2.4:
+    resolution: {integrity: sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      '@socket.io/component-emitter': 3.1.0
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /sonic-boom@2.8.0:
+    resolution: {integrity: sha512-kuonw1YOYYNOve5iHdSahXPOK49GqwA+LZhI6Wz/l0rP57iKyXXIHaRagOBHAPmGwJC6od2Z9zgvZ5loSgMlVg==}
+    dependencies:
+      atomic-sleep: 1.0.0
+    dev: false
+
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
+  /split-on-first@1.1.0:
+    resolution: {integrity: sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /split2@4.2.0:
+    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
+    engines: {node: '>= 10.x'}
+    dev: false
+
+  /standard-as-callback@2.1.0:
+    resolution: {integrity: sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==}
+    dev: false
+
+  /std-env@3.6.0:
+    resolution: {integrity: sha512-aFZ19IgVmhdB2uX599ve2kE6BIE3YMnQ6Gp6BURhW/oIzpXGKr878TQfAQZn1+i0Flcc/UKUy1gOlcfaUBCryg==}
+    dev: false
+
   /stop-iteration-iterator@1.0.0:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
@@ -3445,10 +5904,19 @@ packages:
       internal-slot: 1.0.5
     dev: true
 
+  /stream-shift@1.0.1:
+    resolution: {integrity: sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==}
+    dev: false
+
   /streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
 
+  /strict-uri-encode@2.0.0:
+    resolution: {integrity: sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==}
+    engines: {node: '>=4'}
+    dev: false
+
   /string.prototype.matchall@4.0.8:
     resolution: {integrity: sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==}
     dependencies:
@@ -3505,6 +5973,18 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: false
+
+  /strip-hex-prefix@1.0.0:
+    resolution: {integrity: sha512-q8d4ue7JGEiVcypji1bALTos+0pWtyGlivAWyPuTkHzuTCJqrK9sWxYQZUq6Nq3cuyv3bm734IhHvHtGGURU6A==}
+    engines: {node: '>=6.5.0', npm: '>=3'}
+    dependencies:
+      is-hex-prefixed: 1.0.0
+    dev: false
+
   /strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -3545,6 +6025,15 @@ packages:
       pirates: 4.0.5
       ts-interface-checker: 0.1.13
 
+  /superstruct@0.14.2:
+    resolution: {integrity: sha512-nPewA6m9mR3d6k7WkZ8N8zpTWfenFH3q9pA2PkuiZxINr9DKB2+40wEQf0ixn8VaGuJ78AB6iWOtStI+/4FKZQ==}
+    dev: false
+
+  /superstruct@1.0.3:
+    resolution: {integrity: sha512-8iTn3oSS8nRGn+C2pgXSKPI3jmpm6FExNazNpjvqS6ZUJQCej3PUXEKM8NjHBOs54ExM+LPW/FBRhymrdcCiSg==}
+    engines: {node: '>=14.0.0'}
+    dev: false
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -3643,6 +6132,10 @@ packages:
       readable-stream: 3.6.2
     dev: false
 
+  /text-encoding-utf-8@1.0.2:
+    resolution: {integrity: sha512-8bw4MY9WjdsD2aMtO0OzOCY3pXGYNx2d2FfHRVUKkiCPDWjKuOlhLVASS+pD7VkLTVjW268LYJHwsnPFlBpbAg==}
+    dev: false
+
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
@@ -3658,6 +6151,16 @@ packages:
     dependencies:
       any-promise: 1.3.0
 
+  /thread-stream@0.15.2:
+    resolution: {integrity: sha512-UkEhKIg2pD+fjkHQKyJO3yoIvAP3N6RlNFt2dUhcS1FGvCD1cQa1M/PGknCLFIyZdtJOWQjejp7bdNqmN7zwdA==}
+    dependencies:
+      real-require: 0.1.0
+    dev: false
+
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: false
+
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
@@ -3668,10 +6171,19 @@ packages:
     dependencies:
       is-number: 7.0.0
 
+  /toggle-selection@1.0.6:
+    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
+    dev: false
+
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: false
 
+  /ts-custom-error@3.3.1:
+    resolution: {integrity: sha512-5OX1tzOjxWEgsr/YEUWSuPrQ00deKLh6D7OTWcvNHm12/7QPyRh8SYpyWvA4IZv8H/+GQWQEh/kwo95Q9OVW1A==}
+    engines: {node: '>=14.0.0'}
+    dev: false
+
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
@@ -3686,7 +6198,6 @@ packages:
 
   /tslib@1.14.1:
     resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
-    dev: true
 
   /tslib@2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
@@ -3711,6 +6222,14 @@ packages:
       safe-buffer: 5.2.1
     dev: false
 
+  /tweetnacl-util@0.15.1:
+    resolution: {integrity: sha512-RKJBIj8lySrShN4w6i/BonWp2Z/uxwC3h4y7xsRrpP59ZboCd0GpEVsOnMDYLMmKBpYhb5TgHzZXy7wTfYFBRw==}
+    dev: false
+
+  /tweetnacl@1.0.3:
+    resolution: {integrity: sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==}
+    dev: false
+
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -3736,6 +6255,16 @@ packages:
     engines: {node: '>=4.2.0'}
     hasBin: true
 
+  /ufo@1.3.2:
+    resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
+    dev: false
+
+  /uint8arrays@3.1.1:
+    resolution: {integrity: sha512-+QJa8QRnbdXVpHYjLoTpJIdCTiw9Ir62nocClWuXIq2JIh4Uta0cQsTSpFL678p2CN8B+XSApwcU+pQEqVpKWg==}
+    dependencies:
+      multiformats: 9.9.0
+    dev: false
+
   /unbox-primitive@1.0.2:
     resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
     dependencies:
@@ -3745,6 +6274,90 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
+  /uncrypto@0.1.3:
+    resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
+    dev: false
+
+  /unenv@1.8.0:
+    resolution: {integrity: sha512-uIGbdCWZfhRRmyKj1UioCepQ0jpq638j/Cf0xFTn4zD1nGJ2lSdzYHLzfdXN791oo/0juUiSWW1fBklXMTsuqg==}
+    dependencies:
+      consola: 3.2.3
+      defu: 6.1.3
+      mime: 3.0.0
+      node-fetch-native: 1.4.1
+      pathe: 1.1.1
+    dev: false
+
+  /unload@2.4.1:
+    resolution: {integrity: sha512-IViSAm8Z3sRBYA+9wc0fLQmU9Nrxb16rcDmIiR6Y9LJSZzI7QY5QsDhqPpKOjAn0O9/kfK1TfNEMMAGPTIraPw==}
+    dev: false
+
+  /unstorage@1.10.1(idb-keyval@6.2.1):
+    resolution: {integrity: sha512-rWQvLRfZNBpF+x8D3/gda5nUCQL2PgXy2jNG4U7/Rc9BGEv9+CAJd0YyGCROUBKs9v49Hg8huw3aih5Bf5TAVw==}
+    peerDependencies:
+      '@azure/app-configuration': ^1.4.1
+      '@azure/cosmos': ^4.0.0
+      '@azure/data-tables': ^13.2.2
+      '@azure/identity': ^3.3.2
+      '@azure/keyvault-secrets': ^4.7.0
+      '@azure/storage-blob': ^12.16.0
+      '@capacitor/preferences': ^5.0.6
+      '@netlify/blobs': ^6.2.0
+      '@planetscale/database': ^1.11.0
+      '@upstash/redis': ^1.23.4
+      '@vercel/kv': ^0.2.3
+      idb-keyval: ^6.2.1
+    peerDependenciesMeta:
+      '@azure/app-configuration':
+        optional: true
+      '@azure/cosmos':
+        optional: true
+      '@azure/data-tables':
+        optional: true
+      '@azure/identity':
+        optional: true
+      '@azure/keyvault-secrets':
+        optional: true
+      '@azure/storage-blob':
+        optional: true
+      '@capacitor/preferences':
+        optional: true
+      '@netlify/blobs':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@upstash/redis':
+        optional: true
+      '@vercel/kv':
+        optional: true
+      idb-keyval:
+        optional: true
+    dependencies:
+      anymatch: 3.1.3
+      chokidar: 3.5.3
+      destr: 2.0.2
+      h3: 1.9.0
+      idb-keyval: 6.2.1
+      ioredis: 5.3.2
+      listhen: 1.5.5
+      lru-cache: 10.1.0
+      mri: 1.2.0
+      node-fetch-native: 1.4.1
+      ofetch: 1.3.3
+      ufo: 1.3.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
+  /untun@0.1.2:
+    resolution: {integrity: sha512-wLAMWvxfqyTiBODA1lg3IXHQtjggYLeTK7RnSfqtOXixWJ3bAa2kK/HHmOOg19upteqO3muLvN6O/icbyQY33Q==}
+    hasBin: true
+    dependencies:
+      citty: 0.1.5
+      consola: 3.2.3
+      pathe: 1.1.1
+    dev: false
+
   /update-browserslist-db@1.0.11(browserslist@4.21.5):
     resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
     hasBin: true
@@ -3755,6 +6368,10 @@ packages:
       escalade: 3.1.1
       picocolors: 1.0.0
 
+  /uqr@0.1.2:
+    resolution: {integrity: sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==}
+    dev: false
+
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
@@ -3800,9 +6417,37 @@ packages:
       react: 18.2.0
     dev: false
 
+  /utf-8-validate@5.0.10:
+    resolution: {integrity: sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==}
+    engines: {node: '>=6.14.2'}
+    requiresBuild: true
+    dependencies:
+      node-gyp-build: 4.6.1
+    dev: false
+
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  /util@0.12.5:
+    resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
+    dependencies:
+      inherits: 2.0.4
+      is-arguments: 1.1.1
+      is-generator-function: 1.0.10
+      is-typed-array: 1.1.10
+      which-typed-array: 1.1.9
+    dev: false
+
+  /uuid@8.3.2:
+    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
+    hasBin: true
+    dev: false
+
+  /void-elements@3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /watchpack@2.4.0:
     resolution: {integrity: sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==}
     engines: {node: '>=10.13.0'}
@@ -3850,7 +6495,6 @@ packages:
       gopd: 1.0.1
       has-tostringtag: 1.0.0
       is-typed-array: 1.1.10
-    dev: true
 
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
@@ -3858,7 +6502,6 @@ packages:
     hasBin: true
     dependencies:
       isexe: 2.0.0
-    dev: true
 
   /word-wrap@1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
@@ -3868,6 +6511,48 @@ packages:
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  /ws@7.5.9:
+    resolution: {integrity: sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: false
+
+  /ws@8.11.0:
+    resolution: {integrity: sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dev: false
+
+  /ws@8.13.0(bufferutil@4.0.7)(utf-8-validate@5.0.10):
+    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+    dependencies:
+      bufferutil: 4.0.7
+      utf-8-validate: 5.0.10
+    dev: false
+
   /ws@8.5.0:
     resolution: {integrity: sha512-BWX0SWVgLPzYwF8lTzEy1egjhS4S4OEAHfsO8o65WOVsrnSRGaSiUaa9e0ggGlkMTtBlmOpEXiie9RUcBO86qg==}
     engines: {node: '>=10.0.0'}
@@ -3881,6 +6566,11 @@ packages:
         optional: true
     dev: false
 
+  /xmlhttprequest-ssl@2.0.0:
+    resolution: {integrity: sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==}
+    engines: {node: '>=0.4.0'}
+    dev: false
+
   /yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
diff --git a/store/password.ts b/store/jwt.ts
similarity index 50%
rename from store/password.ts
rename to store/jwt.ts
index 1715efe..7d852b8 100644
--- a/store/password.ts
+++ b/store/jwt.ts
@@ -1,28 +1,21 @@
 import { create } from "zustand"
-import { createJSONStorage, persist } from "zustand/middleware"
+import { persist } from "zustand/middleware"
 
 type Store = {
   userId: string | null
   token: string | null
-  password: string | null
   updateUserId: (data: string | null) => void
   updateToken: (data: string | null) => void
-  updatePassword: (data: string | null) => void
 }
 
-export const usePasswordStore = create<Store>()(
+export const useJwtStore = create<Store>()(
   persist(
     (set) => ({
       userId: null,
       token: null,
-      password: null,
       updateUserId: (data) => set({ userId: data }),
       updateToken: (data) => set({ token: data }),
-      updatePassword: (data) => set({ password: data }),
     }),
-    {
-      name: "channel-4-password",
-      storage: createJSONStorage(() => sessionStorage),
-    }
+    { name: "channel-4-jwt" }
   )
 )
diff --git a/store/receipts.ts b/store/receipts.ts
new file mode 100644
index 0000000..0d501a4
--- /dev/null
+++ b/store/receipts.ts
@@ -0,0 +1,28 @@
+import { create } from "zustand"
+import { persist } from "zustand/middleware"
+
+type Element = {
+  object: any
+  type: string
+  receipt: string
+}
+
+type Store = {
+  list: string
+  updateList: (data: Element) => void
+}
+
+export const useReceiptsStore = create<Store>()(
+  persist(
+    (set, get) => ({
+      list: "[]",
+      updateList: (data) => {
+        const { list } = get()
+        const listObj = JSON.parse(list)
+        listObj.push(data)
+        set({ list: JSON.stringify(listObj) })
+      },
+    }),
+    { name: "channel-4-receipts" }
+  )
+)
diff --git a/tailwind.config.js b/tailwind.config.js
index b3ba8b0..af3d728 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,7 +13,23 @@ module.exports = {
       },
     },
     extend: {
+      boxShadow: {
+        menuShadow:
+          "1px 5px 4px 0px #00000040 inset, 0px -1px 4px 0px #8B8B8B40 inset",
+      },
       colors: {
+        "c4-green": "#5BF34E",
+        "shark-50": "#f6f7f9",
+        "shark-100": "#edeef1",
+        "shark-200": "#d6dae1",
+        "shark-300": "#b2bac7",
+        "shark-400": "#8894a8",
+        "shark-500": "#6a778d",
+        "shark-600": "#546075",
+        "shark-700": "#454e5f",
+        "shark-800": "#3c4350",
+        "shark-900": "#353a45",
+        "shark-950": "#21242b",
         dark: "#151616",
         gray: "#282A2D",
         light: "#373A3E",
@@ -59,6 +75,12 @@ module.exports = {
       },
       fontFamily: {
         sans: ["var(--font-sans)", ...fontFamily.sans],
+        dm: ["var(--font-dm)", ...fontFamily.sans],
+      },
+      fontSize: {
+        lg: ["18px", "21.6px"],
+        sm: ["14px", "15.4px"],
+        xl: ["20px", "24px"],
       },
       keyframes: {
         "accordion-down": {
@@ -79,8 +101,12 @@ module.exports = {
           "linear-gradient(77.41deg, #FB2BFF -5.41%, #E5F344 21.24%, #37FF4B 47.31%, #4D89FF 74.54%, #8F00FF 105.82%)",
         "c4-gradient-separator":
           "linear-gradient(256.85deg, #FB2BFF 9.09%, #E5F344 38.43%, #37FF4B 67.14%, #4D89FF 97.12%, #8F00FF 131.56%)",
+        "c4-gradient-submitter":
+          "linear-gradient(to bottom, #FFF 19.28%, #37FF4B 91.76%)",
         "c4-gradient-green":
           "linear-gradient(91.38deg, #E5F344 -4.98%, #37FF4B 98.82%)",
+        "c4-gradient-green-rev":
+          "linear-gradient(91.38deg, #37FF4B  -4.98%, #E5F344 98.82%)",
         "c4-gradient-blue":
           "linear-gradient(91.38deg, #4D89FF -4.98%, #8F00FF 98.82%)",
       },
diff --git a/types/index.ts b/types/index.ts
index 0ff6d8b..1fed654 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -1,14 +1,16 @@
 export interface Tag {
   _id: string
   name: string
+  urls: string[]
 }
 
-export interface TagMap extends Map<string, Tag> {}
+export interface TagMap extends Map<string, Tag> { }
 
 export interface C4Content {
   _id: string
   title: string
   url: string
+  proxyUrl?: string
   submittedBy: string
   likes: number
   tags: Tag[]