diff --git a/abi/CurationManager.json b/abi/CurationManager.json
new file mode 100644
index 0000000..79c7d28
--- /dev/null
+++ b/abi/CurationManager.json
@@ -0,0 +1,314 @@
+{
+  "abi": [
+    {
+      "inputs": [
+        { "internalType": "string", "name": "_title", "type": "string" },
+        {
+          "internalType": "contract IERC721",
+          "name": "_curationPass",
+          "type": "address"
+        },
+        { "internalType": "uint256", "name": "_curationLimit", "type": "uint256" },
+        { "internalType": "bool", "name": "_isActive", "type": "bool" }
+      ],
+      "stateMutability": "nonpayable",
+      "type": "constructor"
+    },
+    { "inputs": [], "name": "Access_MissingPass", "type": "error" },
+    { "inputs": [], "name": "Access_Unauthorized", "type": "error" },
+    { "inputs": [], "name": "CurationLimitExceeded", "type": "error" },
+    { "inputs": [], "name": "Finalized", "type": "error" },
+    { "inputs": [], "name": "Inactive", "type": "error" },
+    { "inputs": [], "name": "ListingAlreadyExists", "type": "error" },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": false,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        }
+      ],
+      "name": "CurationFinalized",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        },
+        {
+          "indexed": false,
+          "internalType": "uint256",
+          "name": "curationLimit",
+          "type": "uint256"
+        }
+      ],
+      "name": "CurationLimitUpdated",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        },
+        {
+          "indexed": false,
+          "internalType": "address",
+          "name": "curationPass",
+          "type": "address"
+        }
+      ],
+      "name": "CurationPassUpdated",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": false,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        }
+      ],
+      "name": "CurationPaused",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": false,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        }
+      ],
+      "name": "CurationResumed",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "curator",
+          "type": "address"
+        },
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "listingAddress",
+          "type": "address"
+        }
+      ],
+      "name": "ListingAdded",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "curator",
+          "type": "address"
+        },
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "listingAddress",
+          "type": "address"
+        }
+      ],
+      "name": "ListingRemoved",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "previousOwner",
+          "type": "address"
+        },
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "newOwner",
+          "type": "address"
+        }
+      ],
+      "name": "OwnershipTransferred",
+      "type": "event"
+    },
+    {
+      "anonymous": false,
+      "inputs": [
+        {
+          "indexed": true,
+          "internalType": "address",
+          "name": "sender",
+          "type": "address"
+        },
+        { "indexed": false, "internalType": "string", "name": "title", "type": "string" }
+      ],
+      "name": "TitleUpdated",
+      "type": "event"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "listing", "type": "address" }],
+      "name": "addListing",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "curationLimit",
+      "outputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "curationPass",
+      "outputs": [{ "internalType": "contract IERC721", "name": "", "type": "address" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "finalizeCuration",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "flipIsActiveBool",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "isActive",
+      "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "isFinalized",
+      "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "", "type": "address" }],
+      "name": "listingCurators",
+      "outputs": [{ "internalType": "address", "name": "", "type": "address" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "uint256", "name": "", "type": "uint256" }],
+      "name": "listings",
+      "outputs": [{ "internalType": "address", "name": "", "type": "address" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "listing", "type": "address" }],
+      "name": "onwerAddListing",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "owner",
+      "outputs": [{ "internalType": "address", "name": "", "type": "address" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "listing", "type": "address" }],
+      "name": "ownerRemoveListing",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "listing", "type": "address" }],
+      "name": "removeListing",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "renounceOwnership",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "title",
+      "outputs": [{ "internalType": "string", "name": "", "type": "string" }],
+      "stateMutability": "view",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "address", "name": "newOwner", "type": "address" }],
+      "name": "transferOwnership",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "uint256", "name": "_newLimit", "type": "uint256" }],
+      "name": "updateCurationLimit",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [
+        { "internalType": "contract IERC721", "name": "_curationPass", "type": "address" }
+      ],
+      "name": "updateCurationPass",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [{ "internalType": "string", "name": "_title", "type": "string" }],
+      "name": "updateTitle",
+      "outputs": [],
+      "stateMutability": "nonpayable",
+      "type": "function"
+    },
+    {
+      "inputs": [],
+      "name": "viewAllListings",
+      "outputs": [{ "internalType": "address[]", "name": "", "type": "address[]" }],
+      "stateMutability": "view",
+      "type": "function"
+    }
+  ]
+}
diff --git a/components/Header.tsx b/components/Header.tsx
index 2dc5a88..7e177ed 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -1,9 +1,10 @@
 import { ConnectButton } from './ConnectButton'
+import { Navigation } from './Navigation'
 
 export function Header() {
   return (
     <header className="flex flex-row justify-between items-center w-full px-8">
-      <span className="text-2xl">Header</span>
+      <Navigation />
       <ConnectButton />
     </header>
   )
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
new file mode 100644
index 0000000..daedde3
--- /dev/null
+++ b/components/Navigation.tsx
@@ -0,0 +1,29 @@
+import Link from "next/link"
+import { useRouter } from "next/router"
+
+const pages = [
+  {
+    slug: '/',
+    title: 'Drops Playlist'
+  },
+  {
+    slug: '/mock-playlist',
+    title: 'Mock Playlist'
+  },
+]
+
+export function Navigation() {
+  const router = useRouter()
+
+  return (
+    <div className="flex flex-row gap-4">
+      {pages.map((page) =>
+        <Link passHref href={page.slug} key={page.slug}>
+          <a style={{
+             color: router.asPath === page.slug ? 'red' : 'black'
+          }}>{page.title}</a>
+        </Link>
+      )}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/components/PageWrapper.tsx b/components/PageWrapper.tsx
index d1d21a0..0f9e7af 100644
--- a/components/PageWrapper.tsx
+++ b/components/PageWrapper.tsx
@@ -5,7 +5,7 @@ export function PageWrapper({ children, ...props }: {children?: JSX.Element}) {
   return (
     <>
       <Header />
-      <main {...props}>
+      <main {...props} className="p-4">
         {children}
       </main>
       <Footer />
diff --git a/components/TrackListing.tsx b/components/TrackListing.tsx
new file mode 100644
index 0000000..c2c2602
--- /dev/null
+++ b/components/TrackListing.tsx
@@ -0,0 +1,31 @@
+import React from 'react'
+import { useDropsContextProvider } from "@public-assembly/zora-drops-utils";
+import { useEnsName } from 'wagmi'
+
+export function TrackThumbnail({ data }: { data: any }) {
+  const creator = React.useMemo(() => data?.creator && data?.creator,[data])
+  const name = React.useMemo(() => data?.name && data?.name,[data])
+
+  const { data: ensName } = useEnsName({
+    address: data?.creator,
+  })
+
+  return (
+    <div
+      className="p-3 border cursor-pointer mb-4"
+    >
+      {ensName ?? creator} - {name}
+    </div>
+  )
+}
+
+export function TrackListing() {
+  const { data } = useDropsContextProvider()
+  return (
+    <div className="flex flex-col mb-8">
+      {data && data.map((edition: any) =>
+        <TrackThumbnail key={edition?.name} data={edition} />
+      )}
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index 8362e4e..838298d 100644
--- a/package.json
+++ b/package.json
@@ -13,15 +13,19 @@
   "dependencies": {
     "@fontsource/ia-writer-mono": "^4.5.3",
     "@fontsource/inter": "^4.5.12",
-    "@public-assembly/zora-editions-audio-minter": "^0.0.0",
+    "@public-assembly/audio-player-ui": "0.0.6",
+    "@public-assembly/zora-drops-utils": "^0.0.6",
     "@rainbow-me/rainbowkit": "^0.5.0",
     "@zoralabs/nft-drop-contracts": "^1.0.1",
     "ethers": "^5.7.0",
+    "graphql": "^16.6.0",
+    "graphql-request": "^5.0.0",
     "lodash": "^4.17.21",
     "next": "12.2.5",
     "nextjs-progressbar": "^0.0.14",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.4.0",
     "swr": "^1.3.0",
     "wagmi": "^0.6.4"
   },
diff --git a/pages/index.tsx b/pages/index.tsx
index 7e724cb..1eea4e8 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,22 +1,32 @@
-import type { NextPage } from 'next'
-import Head from 'next/head'
-import { useEditionQuery } from '@public-assembly/zora-editions-audio-minter'
+import { EditionsAudioPlayer } from "@public-assembly/audio-player-ui";
+import { DropsContextProvider } from '@public-assembly/zora-drops-utils'
+import { useContractRead } from 'wagmi'
+import Contract from './../abi/CurationManager.json'
+import { TrackListing } from '../components/TrackListing'
+
+function Page() {
+  const { data } = useContractRead({
+    addressOrName: "0x6422Bf82Ab27F121a043d6DE88b55FA39e2ea292", 
+    contractInterface: Contract.abi,
+    functionName: 'viewAllListings',
+  })
 
-const Home: NextPage = () => {
-  const { data } = useEditionQuery('0x674fb9ed86b847db9aee0a19e9055d5d2c0e6cc4')
-  
   return (
-    <div>
-      <Head>
-        {/*
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
-        <link rel="icon" href="/favicon.ico" />
-        */}
-      </Head>
-      <div>{JSON.stringify(data, null, 2)}</div>
-    </div>
-  )
+    <section className="flex flex-col gap-4">
+      <div>
+        <h1 className="text-xl mb-4">Consuming Curation Playlist</h1>
+        <hr className="border border-b-0 border-dashed"/>
+      </div>
+      {data && data.length &&
+        <DropsContextProvider contractAddresses={data as string[]}>
+          <TrackListing />
+        </DropsContextProvider>
+      }
+      {data && data.length && <EditionsAudioPlayer
+        contractAddresses={data as string[]}
+      />}
+    </section>
+  );
 }
 
-export default Home
+export default Page
diff --git a/pages/mock-playlist.tsx b/pages/mock-playlist.tsx
new file mode 100644
index 0000000..c47ea2c
--- /dev/null
+++ b/pages/mock-playlist.tsx
@@ -0,0 +1,28 @@
+import type { NextPage } from 'next'
+import Head from 'next/head'
+import { AudioPlayer } from '@public-assembly/audio-player-ui'
+import { fakePlaylist } from 'utils/fakePlaylist'
+import { useState } from 'react'
+
+const FakePlaylist: NextPage = () => {
+  const [nft, setNFT] = useState(fakePlaylist[0])
+  
+  return (
+    <div>
+      <Head>
+        <title>Public Assembly: Audio Player UI</title>
+      </Head>
+      {fakePlaylist.map((nft) => (
+        <div
+          key={nft.id}
+          className=" mb-4 cursor-pointer border p-3"
+          onClick={() => setNFT(nft)}>
+          {nft.artist} - {nft.title}
+        </div>
+      ))}
+      <AudioPlayer playlist={fakePlaylist} nft={nft} />
+    </div>
+  )
+}
+
+export default FakePlaylist
diff --git a/tailwind.config.js b/tailwind.config.js
index 601aa05..aebe78a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,5 +3,6 @@ module.exports = {
   content: [
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/@public-assembly/audio-player-ui/**/*.{js,ts,jsx,tsx}"
   ]
 }
\ No newline at end of file
diff --git a/utils/fakePlaylist.ts b/utils/fakePlaylist.ts
new file mode 100644
index 0000000..72847f3
--- /dev/null
+++ b/utils/fakePlaylist.ts
@@ -0,0 +1,24 @@
+export const fakePlaylist = [
+  {
+    id: '1',
+    artist: 'Public Assembly',
+    title: 'First track',
+    image: 'https://i.imgur.com/1Q9ZQ9r.png',
+    audioSrc:
+      'https://arena-attachments.s3.amazonaws.com/18170014/30a9e158e4001a12a1cb9e2c2f05586a.wav?1663852383',
+  },
+  {
+    id: '2',
+    artist: 'Miles ',
+    title: 'Midlife crisis',
+    image: 'https://i.imgur.com/1Q9ZQ9r.png',
+    audioSrc: 'https://radio-strapi-bucket.s3.sa-east-1.amazonaws.com/53_cdd3067699.mp3',
+  },
+  {
+    id: '3',
+    artist: 'George ',
+    title: 'Hi, last track',
+    image: 'https://i.imgur.com/1Q9ZQ9r.png',
+    audioSrc: 'https://radio-strapi-bucket.s3.sa-east-1.amazonaws.com/51_4c5c912f6d.mp3',
+  },
+]
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index db768f7..9591c89 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -503,6 +503,11 @@
   resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-4.5.12.tgz#a6236379bf710658db048d7087ec588754962cb6"
   integrity sha512-bGKk4/8tube/nCk8hav0ZDBVbzJzc7m0Vt4xF5p15IN4YImwGdtKG38Oq5bU8xHNS+VfvbFFCepgQNj7Pr/Lvg==
 
+"@graphql-typed-document-node/core@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@graphql-typed-document-node/core/-/core-3.1.1.tgz#076d78ce99822258cf813ecc1e7fa460fa74d052"
+  integrity sha512-NQ17ii0rK1b34VZonlmT2QMJFI70m0TRwbknO/ihlbatXyaktDhN/98vBiUU6kNBPljqGqyIrl2T4nY2RpFANg==
+
 "@humanwhocodes/config-array@^0.10.4":
   version "0.10.4"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c"
@@ -785,10 +790,15 @@
   resolved "https://registry.yarnpkg.com/@pedrouid/environment/-/environment-1.0.1.tgz#858f0f8a057340e0b250398b75ead77d6f4342ec"
   integrity sha512-HaW78NszGzRZd9SeoI3JD11JqY+lubnaOx7Pewj5pfjqWXOEATpeKIFb9Z4t2WBUK2iryiXX3lzWwmYWgUL0Ug==
 
-"@public-assembly/zora-editions-audio-minter@^0.0.0":
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/@public-assembly/zora-editions-audio-minter/-/zora-editions-audio-minter-0.0.0.tgz#3f4efd7c4b22fd52000e4b9b4356fde8516b6953"
-  integrity sha512-RZHtA7VflLWyfEiAmrYtNeBf/CXoF9nazywENGMGKhXm01HvjTCp9RnZJuS4I12eluJRmdacmngShe4ktZZ4mw==
+"@public-assembly/audio-player-ui@0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@public-assembly/audio-player-ui/-/audio-player-ui-0.0.6.tgz#e708ca254120f79ba98ed2a5df187217de491db4"
+  integrity sha512-1HdnQ9qZZsS74Pf5gvrLZXSaBTG/PaFXZesJUXL0Eatw0YfxbhAl9aqqhAPW9BH9u4pG9HRUegIu5Kg3Z2Ss7g==
+
+"@public-assembly/zora-drops-utils@^0.0.6":
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/@public-assembly/zora-drops-utils/-/zora-drops-utils-0.0.6.tgz#8543081f0b2433439f9b7e3ee3a0ce01f870ad54"
+  integrity sha512-FA8D9EQo8j9gX1wyG3GUViiY37FGsfCEWHD9vkl7QAhCsGTW4YRNXA1MybIIQUkSDVlceuAPDG4qNZqS0w6ZHA==
 
 "@rainbow-me/rainbowkit@^0.5.0":
   version "0.5.0"
@@ -1525,6 +1535,11 @@ async-mutex@^0.2.6:
   dependencies:
     tslib "^2.0.0"
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
 autoprefixer@^10.4.9:
   version "10.4.9"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.9.tgz#40f932f7d0535264823882031f9254ea72c693e5"
@@ -1980,6 +1995,13 @@ colorette@^2.0.16, colorette@^2.0.17:
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
   integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 comma-separated-tokens@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.2.tgz#d4c25abb679b7751c880be623c1179780fe1dd98"
@@ -2068,7 +2090,7 @@ create-hmac@^1.1.4, create-hmac@^1.1.7:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-cross-fetch@^3.1.4:
+cross-fetch@^3.1.4, cross-fetch@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f"
   integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==
@@ -2185,6 +2207,11 @@ delay@^5.0.0:
   resolved "https://registry.yarnpkg.com/delay/-/delay-5.0.0.tgz#137045ef1b96e5071060dd5be60bf9334436bd1d"
   integrity sha512-ReEBKkIfe4ya47wlPYf/gu5ib6yUG0/Aez0JQZQz94kiWtRQvZIQbTiehsnwHvLSWJnQdhVeqYue7Id1dKr0qw==
 
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 dequal@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
@@ -2858,6 +2885,11 @@ extend@^3.0.0:
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
+extract-files@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/extract-files/-/extract-files-9.0.0.tgz#8a7744f2437f81f5ed3250ed9f1550de902fe54a"
+  integrity sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ==
+
 eyes@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/eyes/-/eyes-0.1.8.tgz#62cf120234c683785d902348a800ef3e0cc20bc0"
@@ -3005,6 +3037,15 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
+form-data@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
+  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 fraction.js@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
@@ -3173,6 +3214,21 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+graphql-request@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-5.0.0.tgz#7504a807d0e11be11a3c448e900f0cc316aa18ef"
+  integrity sha512-SpVEnIo2J5k2+Zf76cUkdvIRaq5FMZvGQYnA4lUWYbc99m+fHh4CZYRRO/Ff4tCLQ613fzCm3SiDT64ubW5Gyw==
+  dependencies:
+    "@graphql-typed-document-node/core" "^3.1.1"
+    cross-fetch "^3.1.5"
+    extract-files "^9.0.0"
+    form-data "^3.0.0"
+
+graphql@^16.6.0:
+  version "16.6.0"
+  resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.6.0.tgz#c2dcffa4649db149f6282af726c8c83f1c7c5fdb"
+  integrity sha512-KPIBPDlW7NxrbT/eh4qPXz5FiFdL5UbaA0XUNz2Rp3Z3hqBSkbj0GVjwFDztsWVauZUWsbKHgMg++sk8UX0bkw==
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -4313,6 +4369,18 @@ micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -4939,6 +5007,11 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-icons@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.4.0.tgz#a13a8a20c254854e1ec9aecef28a95cdf24ef703"
+  integrity sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"