diff --git a/.gitignore b/.gitignore
index 92061a3..a76970f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
-node_modules
-.next
-.vercel
+node_modules
+.next
+.vercel
+.cache
diff --git a/components/Icon.tsx b/components/Icon.tsx
index 83fdb2f..064c6b3 100644
--- a/components/Icon.tsx
+++ b/components/Icon.tsx
@@ -1,71 +1,80 @@
-export type Icon =
-    | 'twitter'
-    | 'bandcamp'
-    | 'discord'
-    | 'envelope'
-    | 'soundcloud'
-    | 'teespring'
-import styles from "../styles/Icons.module.sass"
-import {
-    FaBandcamp,
-    FaDiscord,
-    FaEnvelope,
-    FaSoundcloud,
-    FaTwitter,
-} from 'react-icons/fa'
-import { SiSpringCreators } from 'react-icons/si'
-const Icon = ({
-    icon,
-    className,
-}: {
-    icon: Icon | string
-    className?: string
-}) => {
-    const size = '3rem'
-    switch (icon) {
-        case 'twitter':
-            return (
-                <FaTwitter
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-        case 'bandcamp':
-            return (
-                <FaBandcamp
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-        case 'discord':
-            return (
-                <FaDiscord
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-        case 'envelope':
-            return (
-                <FaEnvelope
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-        case 'soundcloud':
-            return (
-                <FaSoundcloud
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-        case 'teespring':
-            return (
-                <SiSpringCreators
-                    className={[styles.icon, styles[className]].join(' ')}
-                    size={size}
-                />
-            )
-    }
-}
-
-export default Icon
+export type Icon =
+    | 'twitter'
+    | 'bandcamp'
+    | 'discord'
+    | 'envelope'
+    | 'soundcloud'
+    | 'teespring'
+    | 'twitch'
+import styles from "../styles/Icons.module.sass"
+import {
+    FaBandcamp,
+    FaDiscord,
+    FaEnvelope,
+    FaSoundcloud,
+    FaTwitter,
+    FaTwitch
+} from 'react-icons/fa'
+import { SiSpringCreators } from 'react-icons/si'
+const Icon = ({
+    icon,
+    className,
+}: {
+    icon: Icon | string
+    className?: string
+}) => {
+    const size = '3rem'
+    switch (icon) {
+        case 'twitter':
+            return (
+                <FaTwitter
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'bandcamp':
+            return (
+                <FaBandcamp
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'twitch':
+            return (
+                <FaTwitch
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'discord':
+            return (
+                <FaDiscord
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'envelope':
+            return (
+                <FaEnvelope
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'soundcloud':
+            return (
+                <FaSoundcloud
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+        case 'teespring':
+            return (
+                <SiSpringCreators
+                    className={[styles.icon, styles[className]].join(' ')}
+                    size={size}
+                />
+            )
+    }
+}
+
+export default Icon
diff --git a/lib/constants.ts b/lib/constants.ts
deleted file mode 100644
index bfe5a70..0000000
--- a/lib/constants.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export default {
-    spotify: "https://open.spotify.com/playlist/52m7Bk2Lo0qGvzdn9Ecyjx?si=cba9a3a596a746d6",
-    soundcloud: "https://soundcloud.com/heikadog",
-    twitter: "https://twitter.com/hkadogs",
-    discord: "https://discordapp.com/users/319164759478108170",
-    bandcamp: "https://heikadog.bandcamp.com/",
-    mail: "website@heika.dog",
-    teespring: "https://club-siberian.creator-spring.com/"
-}
\ No newline at end of file
diff --git a/lib/socials.ts b/lib/socials.ts
index 26ccd81..8eabb55 100644
--- a/lib/socials.ts
+++ b/lib/socials.ts
@@ -1,32 +1,32 @@
-import c from "./constants";
-import { Icon } from "../components/Icon";
-
-const Socials: { icon: Icon, link: string }[] = [
-    {
-        icon: "twitter",
-        link: c.twitter,
-    },
-    {
-        icon: "bandcamp",
-        link: c.bandcamp,
-    },
-    {
-        icon: "discord",
-        link: c.discord,
-    },
-    {
-        icon: "soundcloud",
-        link: c.soundcloud,
-    },
-    {
-        icon: "teespring",
-        link: c.teespring,
-    },
-    {
-        icon: "envelope",
-        link: c.mail,
-    }
-]
-
-
+import c from "./constants";
+import { Icon } from "../components/Icon";
+
+const Socials: { icon: Icon, link: string }[] = [
+    {
+        icon: "twitter",
+        link: c.socials.twitter,
+    },
+    {
+        icon: "bandcamp",
+        link: c.socials.bandcamp,
+    },
+    {
+        icon: "discord",
+        link: c.socials.discord,
+    },
+    {
+        icon: "soundcloud",
+        link: c.socials.soundcloud,
+    },
+    {
+        icon: "twitch",
+        link: c.socials.twitch,
+    },
+    {
+        icon: "envelope",
+        link: c.socials.mail,
+    }
+]
+
+
 export default Socials
\ No newline at end of file
diff --git a/next-env.d.ts b/next-env.d.ts
index 4f11a03..62b8a52 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,5 +1,5 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/package.json b/package.json
index 57f9ddb..90491a4 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.4.0",
-    "sass": "^1.53.0"
+    "sass": "^1.53.0",
+    "ts-import": "4.0.0-beta.10"
   },
   "license": "MIT",
   "devDependencies": {
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 9b79716..319b608 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,7 +1,19 @@
-import React from "react";
-import "../styles/shared.sass";
-
-function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />;
-}
-export default MyApp;
+import React from "react";
+import Script from "next/script"
+import "../styles/shared.sass";
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <>
+      {/* Umami Tracking */}
+      <Script async defer
+        data-website-id="379302e7-c346-4e49-99da-3d1d23dd0fa8"
+        data-auto-track="false"
+        src="https://umami.lio.systems/umami.js"
+        data-domains="heika.dog, heika.cortex.implant.cam"
+      />
+      <Component {...pageProps} />
+    </>
+  );
+}
+export default MyApp;
diff --git a/pages/index.tsx b/pages/index.tsx
index 272cf81..653ece4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,52 +1,77 @@
-import Image from "next/image";
-import Link from "next/link";
-import styles from "../styles/Index.module.sass";
-import Avatar from "../public/Avatar.png";
-import constants from "lib/constants";
-import Icon from "components/Icon";
-import Socials from "lib/socials";
-
-
-const Index = () => {
-  let AvatarSize = 200;
-  return (
-    <>
-      <div className={styles.center}>
-        <Image
-          className={styles.avatar}
-          src={Avatar}
-          width={AvatarSize}
-          height={AvatarSize}
-        />
-        <h1 className={styles.name}>HEIKADOG</h1>
-        <p className={styles.pronunciation}>(pronounced high-cuh)</p>
-        <p className={styles.info}>
-          i'm heika, a dog person who creates for the internet.
-        </p>
-        <p className={styles.info}>
-          check my music out on my solo album  <Link className={styles.link} href={constants.soundcloud}>
-            <a>CLUB SIBERIAN VOL. 1</a>
-          </Link>
-        </p>
-        <p className={styles.info}>
-          or peep my production credits on <Link className={styles.link} href={constants.spotify}>
-            <a>spotify</a>
-          </Link> and <Link className={styles.link} href={constants.soundcloud}>
-            <a>soundcloud</a>
-          </Link>.{" "}
-        </p>
-        <div id="icons">
-          {Socials.map(social => (
-            <Link key={social.icon} href={social.link}>
-              <a>
-                <Icon className={social.icon} data-icon="true" icon={social.icon} />
-              </a>
-            </Link>
-          ))}
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default Index;
+import Image from "next/image";
+import Link from "next/link";
+import styles from "../styles/Index.module.sass";
+import Avatar from "../public/assets/Avatar.png";
+import constants from "lib/constants";
+import Icon from "components/Icon";
+import Head from "components/Head";
+import Socials from "lib/socials";
+import Credits from "components/Credits";
+
+const Index = ({ credits }) => {
+  let AvatarSize = 200;
+  return (
+    <>
+      <Head />
+      <div className={styles.center}>
+        <Image
+          className={styles.avatar}
+          src={Avatar}
+          width={AvatarSize}
+          height={AvatarSize}
+        />
+        <h1 className={styles.name}>HEIKADOG</h1>
+        <p className={styles.pronunciation}>(pronounced high-cuh)</p>
+        <p className={styles.info}>
+          i'm heika, a dog person who creates for the internet.
+        </p>
+        <p className={styles.info}>
+          check out my ambient album  <Link className={styles.link} href={constants.music.sleepydogs}>
+            <a className={styles.link}>Songs For Dogs To Sleep To</a>
+          </Link>{" "}
+          on all major streaming platforms
+        </p>
+        <p className={styles.info}>
+          or peep my production credits on <Link className={styles.link} href={constants.socials.spotify}>
+            <a className={styles.link}>spotify</a>
+          </Link>.
+        </p>
+        <div id="icons">
+          {Socials.map(social => (
+            <Link key={social.icon} href={social.link}>
+              <a>
+                <Icon className={social.icon} data-icon="true" icon={social.icon} />
+              </a>
+            </Link>
+          ))}
+        </div>
+      </div>
+      <div
+        style={{
+          position: "absolute",
+          bottom: ".5rem",
+          left: ".5rem",
+          fontSize: "1.5rem"
+        }}
+        className="credits">
+        <Credits credits={credits} />
+      </div>
+    </>
+  );
+};
+
+export async function getStaticProps() {
+  // const ers = await fetch("https://dreamland.pogcha.mp/api/credits")
+  // const credits = await ers.json()
+  return {
+    props: {
+      credits: {
+        url: 'lio.to/?ref=heikadog',
+        name: 'lio.to'
+      }
+    }
+  }
+}
+
+
+export default Index;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0e1468f..6e0f25d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,40 +1,52 @@
-lockfileVersion: 5.4
-
-specifiers:
-  '@react-ui-org/react-ui': ^0.47.0
-  '@supabase/supabase-js': ^1.35.4
-  '@types/node': ^18.0.5
-  '@types/react': ^18.0.15
-  '@types/react-dom': ^18.0.6
-  next: ^12.2.2
-  react: ^18.2.0
-  react-dom: ^18.2.0
-  react-icons: ^4.4.0
-  sass: ^1.53.0
-  typescript: ^4.7.4
+lockfileVersion: '6.0'
 
 dependencies:
-  '@react-ui-org/react-ui': 0.47.0_biqbaboplfbrettd7655fr4n2y
-  '@supabase/supabase-js': 1.35.6
-  next: 12.2.4_qn5eqpoej7on3nhyoj73scbypy
-  react: 18.2.0
-  react-dom: 18.2.0_react@18.2.0
-  react-icons: 4.4.0_react@18.2.0
-  sass: 1.54.3
+  '@react-ui-org/react-ui':
+    specifier: ^0.47.0
+    version: 0.47.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0)
+  '@supabase/supabase-js':
+    specifier: ^1.35.4
+    version: 1.35.6
+  next:
+    specifier: ^12.2.2
+    version: 12.2.4(react-dom@18.2.0)(react@18.2.0)(sass@1.54.3)
+  react:
+    specifier: ^18.2.0
+    version: 18.2.0
+  react-dom:
+    specifier: ^18.2.0
+    version: 18.2.0(react@18.2.0)
+  react-icons:
+    specifier: ^4.4.0
+    version: 4.4.0(react@18.2.0)
+  sass:
+    specifier: ^1.53.0
+    version: 1.54.3
+  ts-import:
+    specifier: 4.0.0-beta.10
+    version: 4.0.0-beta.10(typescript@4.7.4)
 
 devDependencies:
-  '@types/node': 18.6.4
-  '@types/react': 18.0.15
-  '@types/react-dom': 18.0.6
-  typescript: 4.7.4
+  '@types/node':
+    specifier: ^18.0.5
+    version: 18.6.4
+  '@types/react':
+    specifier: ^18.0.15
+    version: 18.0.15
+  '@types/react-dom':
+    specifier: ^18.0.6
+    version: 18.0.6
+  typescript:
+    specifier: ^4.7.4
+    version: 4.7.4
 
 packages:
 
-  /@next/env/12.2.4:
+  /@next/env@12.2.4:
     resolution: {integrity: sha512-/gApFXWk5CCLFQJL5IYJXxPQuG5tz5nPX4l27A9Zm/+wJxiwFrRSP54AopDxIv4JRp/rGwcgk/lZS/0Clw8jYA==}
     dev: false
 
-  /@next/swc-android-arm-eabi/12.2.4:
+  /@next/swc-android-arm-eabi@12.2.4:
     resolution: {integrity: sha512-P4YSFNpmXXSnn3P1qsOAqz+MX3On9fHrlc8ovb/CFJJoU+YLCR53iCEwfw39e0IZEgDA7ttgr108plF8mxaX0g==}
     engines: {node: '>= 10'}
     cpu: [arm]
@@ -43,7 +55,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-android-arm64/12.2.4:
+  /@next/swc-android-arm64@12.2.4:
     resolution: {integrity: sha512-4o2n14E18O+8xHlf6dgJsWPXN9gmSmfIe2Z0EqKDIPBBkFt/2CyrH0+vwHnL2l7xkDHhOGfZYcYIWVUR5aNu0A==}
     engines: {node: '>= 10'}
     cpu: [arm64]
@@ -52,7 +64,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-darwin-arm64/12.2.4:
+  /@next/swc-darwin-arm64@12.2.4:
     resolution: {integrity: sha512-DcUO6MGBL9E3jj5o86MUnTOy4WawIJJhyCcFYO4f51sbl7+uPIYIx40eo98A6NwJEXazCqq1hLeqOaNTAIvDiQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
@@ -61,7 +73,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-darwin-x64/12.2.4:
+  /@next/swc-darwin-x64@12.2.4:
     resolution: {integrity: sha512-IUlFMqeLjdIzDorrGC2Dt+2Ae3DbKQbRzCzmDq4/CP1+jJGeDXo/2AHnlE+WYnwQAC4KtAz6pbVnd3KstZWsVA==}
     engines: {node: '>= 10'}
     cpu: [x64]
@@ -70,7 +82,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-freebsd-x64/12.2.4:
+  /@next/swc-freebsd-x64@12.2.4:
     resolution: {integrity: sha512-475vwyWcjnyDVDWLgAATP0HI8W1rwByc+uXk1B6KkAVFhkoDgH387LW0uNqxavK+VxCzj3avQXX/58XDvxtSlg==}
     engines: {node: '>= 10'}
     cpu: [x64]
@@ -79,7 +91,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm-gnueabihf/12.2.4:
+  /@next/swc-linux-arm-gnueabihf@12.2.4:
     resolution: {integrity: sha512-qZW+L3iG3XSGtlOPmD5RRWXyk6ZNdscLV0BQjuDvP+exTg+uixqHXOHz0/GVATIJEBQOF0Kew7jAXVXEP+iRTQ==}
     engines: {node: '>= 10'}
     cpu: [arm]
@@ -88,7 +100,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-gnu/12.2.4:
+  /@next/swc-linux-arm64-gnu@12.2.4:
     resolution: {integrity: sha512-fEPRjItWYaKyyG9N+2HIA59OBHIhk7WC+Rh+LwXsh0pQe870Ykpek3KQs0umjsrEGe57NyMomq3f80/N8taDvA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
@@ -97,7 +109,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-arm64-musl/12.2.4:
+  /@next/swc-linux-arm64-musl@12.2.4:
     resolution: {integrity: sha512-rnCTzXII0EBCcFn9P5s/Dho2kPUMSX/bP0iOAj8wEI/IxUEfEElbin89zJoNW30cycHu19xY8YP4K2+hzciPzQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
@@ -106,7 +118,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-gnu/12.2.4:
+  /@next/swc-linux-x64-gnu@12.2.4:
     resolution: {integrity: sha512-PhXX6NSuIuhHInxPY2VkG2Bl7VllsD3Cjx+pQcS1wTym7Zt7UoLvn05PkRrkiyIkvR+UXnqPUM3TYiSbnemXEw==}
     engines: {node: '>= 10'}
     cpu: [x64]
@@ -115,7 +127,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-linux-x64-musl/12.2.4:
+  /@next/swc-linux-x64-musl@12.2.4:
     resolution: {integrity: sha512-GmC/QROiUZpFirHRfPQqMyCXZ+5+ndbBZrMvL74HtQB/CKXB8K1VM+rvy9Gp/5OaU8Rxp48IcX79NOfI2LiXlA==}
     engines: {node: '>= 10'}
     cpu: [x64]
@@ -124,7 +136,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-arm64-msvc/12.2.4:
+  /@next/swc-win32-arm64-msvc@12.2.4:
     resolution: {integrity: sha512-9XKoCXbNZuaMRPtcKQz3+hgVpkMosaLlcxHFXT8/j4w61k7/qvEbrkMDS9WHNrD/xVcLycwhPRgXcns2K1BdBQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
@@ -133,7 +145,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-ia32-msvc/12.2.4:
+  /@next/swc-win32-ia32-msvc@12.2.4:
     resolution: {integrity: sha512-hEyRieZKH9iw4AzvXaQ+Fyb98k0G/o9QcRGxA1/O/O/elf1+Qvuwb15phT8GbVtIeNziy66XTPOhKKfdr8KyUg==}
     engines: {node: '>= 10'}
     cpu: [ia32]
@@ -142,7 +154,7 @@ packages:
     dev: false
     optional: true
 
-  /@next/swc-win32-x64-msvc/12.2.4:
+  /@next/swc-win32-x64-msvc@12.2.4:
     resolution: {integrity: sha512-5Pl1tdMJWLy4rvzU1ecx0nHWgDPqoYuvYoXE/5X0Clu9si/yOuBIj573F2kOTY7mu0LX2wgCJVSnyK0abHBxIw==}
     engines: {node: '>= 10'}
     cpu: [x64]
@@ -151,7 +163,7 @@ packages:
     dev: false
     optional: true
 
-  /@react-ui-org/react-ui/0.47.0_biqbaboplfbrettd7655fr4n2y:
+  /@react-ui-org/react-ui@0.47.0(prop-types@15.8.1)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-3WBzRtiAm7hjGp4/5HPT3jB2piXLEfkah3j8ESscY6rNGZjYHkL1NWNYFm09ldF12F2cmyy+k3IFnbdEE2m3KA==}
     engines: {node: '>=16.14.0 <17', npm: '>=8.3.0'}
     peerDependencies:
@@ -160,11 +172,12 @@ packages:
       react-dom: ^17.0.2
     dependencies:
       normalize.css: 8.0.1
+      prop-types: 15.8.1
       react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
-  /@supabase/functions-js/1.3.4:
+  /@supabase/functions-js@1.3.4:
     resolution: {integrity: sha512-yYVgkECjv7IZEBKBI3EB5Q7R1p0FJ10g8Q9N7SWKIHUU6i6DnbEGHIMFLyQRm1hmiNWD8fL7bRVEYacmTRJhHw==}
     dependencies:
       cross-fetch: 3.1.5
@@ -172,7 +185,7 @@ packages:
       - encoding
     dev: false
 
-  /@supabase/gotrue-js/1.22.21:
+  /@supabase/gotrue-js@1.22.21:
     resolution: {integrity: sha512-AhsbBU+5j7BKSqfpLDkEcxy3ruDD+J+dHaYxXGHNWiiIJBYtK2jmNcMYA7M30MYjajnhoILJFC7LtHWl1lWj2Q==}
     dependencies:
       cross-fetch: 3.1.5
@@ -180,7 +193,7 @@ packages:
       - encoding
     dev: false
 
-  /@supabase/postgrest-js/0.37.4:
+  /@supabase/postgrest-js@0.37.4:
     resolution: {integrity: sha512-x+c2rk1fz9s6f1PrGxCJ0QTUgXPDI0G3ngIqD5sSiXhhCyfl8Q5V92mXl2EYtlDhkiUkjFNrOZFhXVbXOHgvDw==}
     dependencies:
       cross-fetch: 3.1.5
@@ -188,7 +201,7 @@ packages:
       - encoding
     dev: false
 
-  /@supabase/realtime-js/1.7.4:
+  /@supabase/realtime-js@1.7.4:
     resolution: {integrity: sha512-h/Jk3PCLkIVonsNavof/LvHbvF41UD+D+mWcA3m8yHzJ2TLbV3S4XDYId+A3AkvFOAork7Ns/9O8rK0uY4F4zw==}
     dependencies:
       '@types/phoenix': 1.5.4
@@ -197,7 +210,7 @@ packages:
       - supports-color
     dev: false
 
-  /@supabase/storage-js/1.7.3:
+  /@supabase/storage-js@1.7.3:
     resolution: {integrity: sha512-jnIZWqOc9TGclOozgX9v/RWGFCgJAyW/yvmauexgRZhWknUXoA4b2i8tj7vfwE0WTvNRuA5JpXID98rfJeSG7Q==}
     dependencies:
       cross-fetch: 3.1.5
@@ -205,7 +218,7 @@ packages:
       - encoding
     dev: false
 
-  /@supabase/supabase-js/1.35.6:
+  /@supabase/supabase-js@1.35.6:
     resolution: {integrity: sha512-KDRXRr+kdGwruIUizZPALbe5YccMYFVyZJf1sFWKLncaLYSFiM6iKFnqCrNeQ4JFoZZiICkiTl1FUuai62jVpg==}
     dependencies:
       '@supabase/functions-js': 1.3.4
@@ -218,31 +231,31 @@ packages:
       - supports-color
     dev: false
 
-  /@swc/helpers/0.4.3:
+  /@swc/helpers@0.4.3:
     resolution: {integrity: sha512-6JrF+fdUK2zbGpJIlN7G3v966PQjyx/dPt1T9km2wj+EUBqgrxCk3uX4Kct16MIm9gGxfKRcfax2hVf5jvlTzA==}
     dependencies:
       tslib: 2.4.0
     dev: false
 
-  /@types/node/18.6.4:
+  /@types/node@18.6.4:
     resolution: {integrity: sha512-I4BD3L+6AWiUobfxZ49DlU43gtI+FTHSv9pE2Zekg6KjMpre4ByusaljW3vYSLJrvQ1ck1hUaeVu8HVlY3vzHg==}
     dev: true
 
-  /@types/phoenix/1.5.4:
+  /@types/phoenix@1.5.4:
     resolution: {integrity: sha512-L5eZmzw89eXBKkiqVBcJfU1QGx9y+wurRIEgt0cuLH0hwNtVUxtx+6cu0R2STwWj468sjXyBYPYDtGclUd1kjQ==}
     dev: false
 
-  /@types/prop-types/15.7.5:
+  /@types/prop-types@15.7.5:
     resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
     dev: true
 
-  /@types/react-dom/18.0.6:
+  /@types/react-dom@18.0.6:
     resolution: {integrity: sha512-/5OFZgfIPSwy+YuIBP/FgJnQnsxhZhjjrnxudMddeblOouIodEQ75X14Rr4wGSG/bknL+Omy9iWlLo1u/9GzAA==}
     dependencies:
       '@types/react': 18.0.15
     dev: true
 
-  /@types/react/18.0.15:
+  /@types/react@18.0.15:
     resolution: {integrity: sha512-iz3BtLuIYH1uWdsv6wXYdhozhqj20oD4/Hk2DNXIn1kFsmp9x8d9QB6FnPhfkbhd2PgEONt9Q1x/ebkwjfFLow==}
     dependencies:
       '@types/prop-types': 15.7.5
@@ -250,11 +263,11 @@ packages:
       csstype: 3.1.0
     dev: true
 
-  /@types/scheduler/0.16.2:
+  /@types/scheduler@0.16.2:
     resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
     dev: true
 
-  /anymatch/3.1.2:
+  /anymatch@3.1.2:
     resolution: {integrity: sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==}
     engines: {node: '>= 8'}
     dependencies:
@@ -262,19 +275,19 @@ packages:
       picomatch: 2.3.1
     dev: false
 
-  /binary-extensions/2.2.0:
+  /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
     dev: false
 
-  /braces/3.0.2:
+  /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
     dev: false
 
-  /bufferutil/4.0.6:
+  /bufferutil@4.0.6:
     resolution: {integrity: sha512-jduaYOYtnio4aIAyc6UbvPCVcgq7nYpVnucyxr6eCYg/Woad9Hf/oxxBRDnGGjPfjUm6j5O/uBWhIu4iLebFaw==}
     engines: {node: '>=6.14.2'}
     requiresBuild: true
@@ -282,11 +295,11 @@ packages:
       node-gyp-build: 4.5.0
     dev: false
 
-  /caniuse-lite/1.0.30001374:
+  /caniuse-lite@1.0.30001374:
     resolution: {integrity: sha512-mWvzatRx3w+j5wx/mpFN5v5twlPrabG8NqX2c6e45LCpymdoGqNvRkRutFUqpRTXKFQFNQJasvK0YT7suW6/Hw==}
     dev: false
 
-  /chokidar/3.5.3:
+  /chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
     dependencies:
@@ -301,7 +314,12 @@ packages:
       fsevents: 2.3.2
     dev: false
 
-  /cross-fetch/3.1.5:
+  /comment-parser@1.3.1:
+    resolution: {integrity: sha512-B52sN2VNghyq5ofvUsqZjmk6YkihBX5vMSChmSK9v4ShjKf3Vk5Xcmgpw4o+iIgtrnM/u5FiMpz9VKb8lpBveA==}
+    engines: {node: '>= 12.0.0'}
+    dev: false
+
+  /cross-fetch@3.1.5:
     resolution: {integrity: sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==}
     dependencies:
       node-fetch: 2.6.7
@@ -309,18 +327,18 @@ packages:
       - encoding
     dev: false
 
-  /csstype/3.1.0:
+  /csstype@3.1.0:
     resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==}
     dev: true
 
-  /d/1.0.1:
+  /d@1.0.1:
     resolution: {integrity: sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==}
     dependencies:
       es5-ext: 0.10.62
       type: 1.2.0
     dev: false
 
-  /debug/2.6.9:
+  /debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
       supports-color: '*'
@@ -331,7 +349,7 @@ packages:
       ms: 2.0.0
     dev: false
 
-  /es5-ext/0.10.62:
+  /es5-ext@0.10.62:
     resolution: {integrity: sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==}
     engines: {node: '>=0.10'}
     requiresBuild: true
@@ -341,7 +359,7 @@ packages:
       next-tick: 1.1.0
     dev: false
 
-  /es6-iterator/2.0.3:
+  /es6-iterator@2.0.3:
     resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
     dependencies:
       d: 1.0.1
@@ -349,27 +367,27 @@ packages:
       es6-symbol: 3.1.3
     dev: false
 
-  /es6-symbol/3.1.3:
+  /es6-symbol@3.1.3:
     resolution: {integrity: sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==}
     dependencies:
       d: 1.0.1
       ext: 1.6.0
     dev: false
 
-  /ext/1.6.0:
+  /ext@1.6.0:
     resolution: {integrity: sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==}
     dependencies:
       type: 2.7.2
     dev: false
 
-  /fill-range/7.0.1:
+  /fill-range@7.0.1:
     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
     dev: false
 
-  /fsevents/2.3.2:
+  /fsevents@2.3.2:
     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
@@ -377,71 +395,71 @@ packages:
     dev: false
     optional: true
 
-  /glob-parent/5.1.2:
+  /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
     dev: false
 
-  /immutable/4.1.0:
+  /immutable@4.1.0:
     resolution: {integrity: sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==}
     dev: false
 
-  /is-binary-path/2.1.0:
+  /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
     dev: false
 
-  /is-extglob/2.1.1:
+  /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /is-glob/4.0.3:
+  /is-glob@4.0.3:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
     dev: false
 
-  /is-number/7.0.0:
+  /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
     dev: false
 
-  /is-typedarray/1.0.0:
+  /is-typedarray@1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
     dev: false
 
-  /js-tokens/4.0.0:
+  /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: false
 
-  /loose-envify/1.4.0:
+  /loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
     dependencies:
       js-tokens: 4.0.0
     dev: false
 
-  /ms/2.0.0:
+  /ms@2.0.0:
     resolution: {integrity: sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=}
     dev: false
 
-  /nanoid/3.3.4:
+  /nanoid@3.3.4:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
     dev: false
 
-  /next-tick/1.1.0:
+  /next-tick@1.1.0:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: false
 
-  /next/12.2.4_qn5eqpoej7on3nhyoj73scbypy:
+  /next@12.2.4(react-dom@18.2.0)(react@18.2.0)(sass@1.54.3):
     resolution: {integrity: sha512-b1xlxEozmAWokAXzXsi5vlmU/IfJcFNIJA8dpU5UdkFbyDPio8wwb8mAQ/Y7rGtfTgG/t/u49BiyEA+xAgFvow==}
     engines: {node: '>=12.22.0'}
     hasBin: true
@@ -464,10 +482,10 @@ packages:
       caniuse-lite: 1.0.30001374
       postcss: 8.4.14
       react: 18.2.0
-      react-dom: 18.2.0_react@18.2.0
+      react-dom: 18.2.0(react@18.2.0)
       sass: 1.54.3
-      styled-jsx: 5.0.2_react@18.2.0
-      use-sync-external-store: 1.2.0_react@18.2.0
+      styled-jsx: 5.0.2(react@18.2.0)
+      use-sync-external-store: 1.2.0(react@18.2.0)
     optionalDependencies:
       '@next/swc-android-arm-eabi': 12.2.4
       '@next/swc-android-arm64': 12.2.4
@@ -487,7 +505,7 @@ packages:
       - babel-plugin-macros
     dev: false
 
-  /node-fetch/2.6.7:
+  /node-fetch@2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
@@ -499,30 +517,39 @@ packages:
       whatwg-url: 5.0.0
     dev: false
 
-  /node-gyp-build/4.5.0:
+  /node-gyp-build@4.5.0:
     resolution: {integrity: sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg==}
     hasBin: true
     dev: false
 
-  /normalize-path/3.0.0:
+  /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /normalize.css/8.0.1:
+  /normalize.css@8.0.1:
     resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
     dev: false
 
-  /picocolors/1.0.0:
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /options-defaults@2.0.40:
+    resolution: {integrity: sha512-a0oW0AMaP/Uqk1gU7s3unE83wzs/MACy3wsCnNREn4wqp4KCcxRdulRjf0d2FeIxENbGJ4EBGtHTQ6J30XB6Cw==}
+    dev: false
+
+  /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
     dev: false
 
-  /picomatch/2.3.1:
+  /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
     dev: false
 
-  /postcss/8.4.14:
+  /postcss@8.4.14:
     resolution: {integrity: sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
@@ -531,7 +558,15 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
-  /react-dom/18.2.0_react@18.2.0:
+  /prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+    dev: false
+
+  /react-dom@18.2.0(react@18.2.0):
     resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==}
     peerDependencies:
       react: ^18.2.0
@@ -541,7 +576,7 @@ packages:
       scheduler: 0.23.0
     dev: false
 
-  /react-icons/4.4.0_react@18.2.0:
+  /react-icons@4.4.0(react@18.2.0):
     resolution: {integrity: sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==}
     peerDependencies:
       react: '*'
@@ -549,21 +584,25 @@ packages:
       react: 18.2.0
     dev: false
 
-  /react/18.2.0:
+  /react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+    dev: false
+
+  /react@18.2.0:
     resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
     dev: false
 
-  /readdirp/3.6.0:
+  /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
     dev: false
 
-  /sass/1.54.3:
+  /sass@1.54.3:
     resolution: {integrity: sha512-fLodey5Qd41Pxp/Tk7Al97sViYwF/TazRc5t6E65O7JOk4XF8pzwIW7CvCxYVOfJFFI/1x5+elDyBIixrp+zrw==}
     engines: {node: '>=12.0.0'}
     hasBin: true
@@ -573,18 +612,18 @@ packages:
       source-map-js: 1.0.2
     dev: false
 
-  /scheduler/0.23.0:
+  /scheduler@0.23.0:
     resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==}
     dependencies:
       loose-envify: 1.4.0
     dev: false
 
-  /source-map-js/1.0.2:
+  /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /styled-jsx/5.0.2_react@18.2.0:
+  /styled-jsx@5.0.2(react@18.2.0):
     resolution: {integrity: sha512-LqPQrbBh3egD57NBcHET4qcgshPks+yblyhPlH2GY8oaDgKs8SK4C3dBh3oSJjgzJ3G5t1SYEZGHkP+QEpX9EQ==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
@@ -600,42 +639,57 @@ packages:
       react: 18.2.0
     dev: false
 
-  /to-regex-range/5.0.1:
+  /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
     dev: false
 
-  /tr46/0.0.3:
+  /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: false
 
-  /tslib/2.4.0:
+  /ts-import@4.0.0-beta.10(typescript@4.7.4):
+    resolution: {integrity: sha512-9AbXC09MF6rOxy4zMo75iu0daETf4DPqEDt8UU/S6HU2yXWcf4xQqAexJCOcGZzGwtViuRdB6p48YhdPLttQJw==}
+    engines: {node: '>=14.14.0'}
+    peerDependencies:
+      typescript: '4'
+    dependencies:
+      comment-parser: 1.3.1
+      options-defaults: 2.0.40
+      tslib: 2.4.1
+      typescript: 4.7.4
+    dev: false
+
+  /tslib@2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: false
 
-  /type/1.2.0:
+  /tslib@2.4.1:
+    resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
+    dev: false
+
+  /type@1.2.0:
     resolution: {integrity: sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==}
     dev: false
 
-  /type/2.7.2:
+  /type@2.7.2:
     resolution: {integrity: sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==}
     dev: false
 
-  /typedarray-to-buffer/3.1.5:
+  /typedarray-to-buffer@3.1.5:
     resolution: {integrity: sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==}
     dependencies:
       is-typedarray: 1.0.0
     dev: false
 
-  /typescript/4.7.4:
+  /typescript@4.7.4:
     resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
     engines: {node: '>=4.2.0'}
     hasBin: true
-    dev: true
 
-  /use-sync-external-store/1.2.0_react@18.2.0:
+  /use-sync-external-store@1.2.0(react@18.2.0):
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -643,7 +697,7 @@ packages:
       react: 18.2.0
     dev: false
 
-  /utf-8-validate/5.0.9:
+  /utf-8-validate@5.0.9:
     resolution: {integrity: sha512-Yek7dAy0v3Kl0orwMlvi7TPtiCNrdfHNd7Gcc/pLq4BLXqfAmd0J7OWMizUQnTTJsyjKn02mU7anqwfmUP4J8Q==}
     engines: {node: '>=6.14.2'}
     requiresBuild: true
@@ -651,11 +705,11 @@ packages:
       node-gyp-build: 4.5.0
     dev: false
 
-  /webidl-conversions/3.0.1:
+  /webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
     dev: false
 
-  /websocket/1.0.34:
+  /websocket@1.0.34:
     resolution: {integrity: sha512-PRDso2sGwF6kM75QykIesBijKSVceR6jL2G8NGYyq2XrItNC2P5/qL5XeR056GhA+Ly7JMFvJb9I312mJfmqnQ==}
     engines: {node: '>=4.0.0'}
     dependencies:
@@ -669,14 +723,14 @@ packages:
       - supports-color
     dev: false
 
-  /whatwg-url/5.0.0:
+  /whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
     dev: false
 
-  /yaeti/0.0.6:
+  /yaeti@0.0.6:
     resolution: {integrity: sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==}
     engines: {node: '>=0.10.32'}
     dev: false
diff --git a/public/Avatar.png b/public/Avatar.png
deleted file mode 100644
index abe36e0..0000000
Binary files a/public/Avatar.png and /dev/null differ
diff --git a/public/website_background.png b/public/website_background.png
deleted file mode 100644
index 7012f3b..0000000
Binary files a/public/website_background.png and /dev/null differ
diff --git a/styles/Icons.module.sass b/styles/Icons.module.sass
index 7ca46bf..8a3f4e1 100644
--- a/styles/Icons.module.sass
+++ b/styles/Icons.module.sass
@@ -1,22 +1,24 @@
-@mixin hovercolor($color)
-    color: black
-    &:hover
-        color: $color
-
-.twitter
-    @include hovercolor(#36B2FF)
-.soundcloud
-    @include hovercolor(#FF6914)
-.discord
-    @include hovercolor(#859DF2)
-.bandcamp
-    @include hovercolor(#36B2FF)
-.envelope
-    @include hovercolor(#FF0000)
-.teespring
-    @include hovercolor(#f21c46)
-
-.icon
-    padding-right: 0.5rem
-    padding-left: 0.5rem
-    transition: opacity .1s ease 0.25s, color .1s ease 0.25s, transform .1s ease 0.25s
+@mixin hovercolor($color)
+    color: black
+    &:hover
+        color: $color
+
+.twitter
+    @include hovercolor(#36B2FF)
+.soundcloud
+    @include hovercolor(#FF6914)
+.discord
+    @include hovercolor(#859DF2)
+.bandcamp
+    @include hovercolor(#36B2FF)
+.envelope
+    @include hovercolor(#FF0000)
+.teespring
+    @include hovercolor(#f21c46)
+.twitch
+    @include hovercolor(#9146FF)
+
+.icon
+    padding-right: 0.5rem
+    padding-left: 0.5rem
+    transition: color ease-in-out .25s
diff --git a/styles/Index.module.sass b/styles/Index.module.sass
index e66c3e5..1940804 100644
--- a/styles/Index.module.sass
+++ b/styles/Index.module.sass
@@ -1,26 +1,26 @@
-.center
-    position: absolute
-    text-align: center
-    left: 50%
-    top: 50%
-    transform: translate(-50%, -50%)
-
-.avatar
-    border-radius: 50%
-
-.name
-    letter-spacing: 15px
-    font-family: "Helvetica Bold"
-    margin-bottom: 0
-
-    // font-kerning: 300px
-.pronunciation
-    margin-top: 0
-    font-family: "Helvetica Light"
-
-.link
-    letter-spacing: 10px
-    // > &:hover
-
-.info
-    font-family: "Helvetica Regular"
+.center
+    position: absolute
+    text-align: center
+    left: 50%
+    top: 50%
+    transform: translate(-50%, -50%)
+
+.avatar
+    border-radius: 50%
+
+.name
+    letter-spacing: 15px
+    font-family: "Helvetica Bold"
+    margin-bottom: 0
+
+    // font-kerning: 300px
+.pronunciation
+    margin-top: 0
+    font-family: "Helvetica Light"
+
+.info
+    font-family: "Helvetica Regular"
+    .link
+        // letter-spacing: 10px
+        &:hover
+            text-decoration: underline
diff --git a/styles/fonts.sass b/styles/fonts.sass
index b99c2d7..586f50c 100644
--- a/styles/fonts.sass
+++ b/styles/fonts.sass
@@ -1,14 +1,14 @@
-@font-face
-    font-family: "Helvetica Light"
-    src: local("fonts/LIGHT.otf") format("opentype")
-    src: url("fonts/LIGHT.otf") format("opentype")
-
-@font-face
-    font-family: "Helvetica Regular"
-    src: local("fonts/REGULAR.otf") format("opentype")
-    src: url("fonts/REGULAR.otf") format("opentype")
-
-@font-face
-    font-family: "Helvetica Bold"
-    src: local("fonts/BOLD.otf") format("opentype")
-    src: url("fonts/BOLD.otf") format("opentype")
+@font-face
+    font-family: "Helvetica Light"
+    src: local("fonts/LIGHT.otf") format("opentype")
+    src: url("fonts/LIGHT.otf") format("opentype")
+
+@font-face
+    font-family: "Helvetica Regular"
+    src: local("fonts/REGULAR.otf") format("opentype")
+    src: url("fonts/REGULAR.otf") format("opentype")
+
+@font-face
+    font-family: "Helvetica Bold"
+    src: local("fonts/BOLD.otf") format("opentype")
+    src: url("fonts/BOLD.otf") format("opentype")
diff --git a/styles/shared.sass b/styles/shared.sass
index 06bb9d2..eb93e45 100644
--- a/styles/shared.sass
+++ b/styles/shared.sass
@@ -1,25 +1,25 @@
-@import './fonts'
-
-body
-    height: 100%
-    background-color: #111111
-    background-size: cover
-    background-position: center
-    background-repeat: no-repeat
-    background-image: url("/website_background.png")
-    height: 100vh
-    width: 100%
-    overflow: hidden
-    font-family: "Helvetica Regular"
-    padding: 0
-    margin: 0
-
-a
-    text-decoration: unset
-    color: unset
-    font-family: "Helvetica Bold"
-    // font-kerning: 500px !important
-    // &
-    &:not(#icons > )
-        &:hover
-            border-bottom: solid 1px black
+@import './fonts'
+
+body
+    height: 100%
+    background-color: #111111
+    background-size: cover
+    background-position: center
+    background-repeat: no-repeat
+    background-image: url("/assets/website_background.png")
+    height: 100vh
+    width: 100%
+    overflow: hidden
+    font-family: "Helvetica Regular"
+    padding: 0
+    margin: 0
+
+a
+    text-decoration: unset
+    color: unset
+    font-family: "Helvetica Bold"
+    // font-kerning: 500px !important
+    // &
+    &:not(#icons > )
+        &:hover
+            border-bottom: solid 1px black
diff --git a/tsconfig.json b/tsconfig.json
index e831085..70be706 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,31 +1,28 @@
-{
-    "compilerOptions": {
-      "baseUrl": ".",
-      "target": "es5",
-      "lib": [
-        "dom",
-        "dom.iterable",
-        "esnext"
-      ],
-      "allowJs": true,
-      "skipLibCheck": true,
-      "strict": false,
-      "forceConsistentCasingInFileNames": true,
-      "noEmit": true,
-      "incremental": true,
-      "esModuleInterop": true,
-      "module": "ESNext",
-      "moduleResolution": "node",
-      "resolveJsonModule": true,
-      "isolatedModules": true,
-      "jsx": "preserve"
-    },
-    "include": [
-      "next-env.d.ts",
-      "**/*.ts",
-      "**/*.tsx"
-    ],
-    "exclude": [
-      "node_modules"
-    ]
-  }
\ No newline at end of file
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "lib/constants.js",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "next.config.js",
+    "lib/socialRewrites.js"
+  ],
+  "exclude": ["node_modules"]
+}