diff --git a/e2e/about.spec.ts b/e2e/about.spec.ts
index a7f73a2ed..258b885fc 100644
--- a/e2e/about.spec.ts
+++ b/e2e/about.spec.ts
@@ -10,14 +10,7 @@ test.describe('about', () => {
   });
 
   test('should render correctly', async () => {
-    await expect(page.locator('h1').first()).toHaveText('About');
-
-    await expect(
-      page.locator(
-        "text=Hey I'm Luke, a Software Engineer currently based in the UK.",
-      ),
-    ).toBeVisible();
-
-    await expect(page.locator('text=Skills')).toBeVisible();
+    await expect(page.locator("[data-testid='AboutPage-intro']")).toBeVisible();
+    await expect(page.locator('text=Experience')).toBeVisible();
   });
 });
diff --git a/e2e/commandmenu.spec.ts b/e2e/commandmenu.spec.ts
index 1f9c6f25e..b0f95c5dd 100644
--- a/e2e/commandmenu.spec.ts
+++ b/e2e/commandmenu.spec.ts
@@ -86,7 +86,7 @@ test.describe('command menu', () => {
 
     // about
     await navigation.locator('text=About').click();
-    await expect(page.locator('h1').first()).toHaveText('About');
+    await expect(page.locator('[data-testid="AboutPage-intro"]')).toBeVisible();
     await page.goBack();
 
     await page.keyboard.press(`${key}+K`, {
diff --git a/e2e/footer.spec.ts b/e2e/footer.spec.ts
index 69ed30379..75eb6ff3d 100644
--- a/e2e/footer.spec.ts
+++ b/e2e/footer.spec.ts
@@ -25,7 +25,7 @@ test.describe('footer', () => {
 
     // about
     await page.click('[data-testid="footer"] >> text="About"');
-    await expect(page.locator('h1').first()).toHaveText('About');
+    await expect(page.locator('[data-testid="AboutPage-intro"]')).toBeVisible();
     await page.goBack();
 
     // projects
diff --git a/e2e/index.spec.ts b/e2e/index.spec.ts
index 8c6b28e59..637dbabeb 100644
--- a/e2e/index.spec.ts
+++ b/e2e/index.spec.ts
@@ -1,7 +1,6 @@
 /* eslint-disable no-await-in-loop */
 import { test, expect, Page } from '@playwright/test';
 import { baseUrl } from './config/baseUrl';
-import { projectsWithSiteUrls } from './utils/projects';
 
 let page: Page;
 
@@ -13,9 +12,8 @@ test.describe('index', () => {
 
   test('should render intro correctly', async () => {
     await expect(page.locator('[data-testid="intro-heading"]')).toBeVisible();
-    await expect(
-      page.locator('[data-testid="intro-description"]'),
-    ).toBeVisible();
+    await expect(page.locator('[data-testid="view-experience"]')).toBeVisible();
+    await expect(page.locator('[data-testid="read-cv"]')).toBeVisible();
   });
 
   test('should display recent posts', async () => {
@@ -50,40 +48,4 @@ test.describe('index', () => {
       ).not.toHaveText('');
     }
   });
-  test('should display Highlighted projects', async () => {
-    await expect(page.getByText('Highlighted Projects')).toBeVisible();
-
-    for (let i = 0; i < 3; i += 1) {
-      await expect(
-        page.locator('[data-testid="project-image"]').nth(i),
-      ).toBeVisible();
-
-      await expect(
-        page.locator('[data-testid="project-title"]').nth(i),
-      ).toBeVisible();
-
-      await expect(
-        page.locator('[data-testid="project-title"]').nth(i),
-      ).not.toBeEmpty();
-
-      await expect(
-        page.locator('[data-testid="project-intro"]').nth(i),
-      ).toBeVisible();
-
-      await expect(
-        page.locator('[data-testid="project-intro"]').nth(i),
-      ).not.toBeEmpty();
-
-      await expect(
-        page.locator('[data-testid="project-github"]').nth(i),
-      ).toBeVisible();
-
-      const projectLinks = page.locator('[data-testid="project-link"]');
-      if (projectsWithSiteUrls.includes(projectLinks[i])) {
-        await expect(
-          page.locator('[data-testid="project-siteUrl"]').nth(i),
-        ).toBeVisible();
-      }
-    }
-  });
 });
diff --git a/e2e/project.spec.ts b/e2e/project.spec.ts
index 65f35df44..078dad173 100644
--- a/e2e/project.spec.ts
+++ b/e2e/project.spec.ts
@@ -9,8 +9,12 @@ test.describe('project', () => {
   test.beforeAll(async ({ browser }) => {
     page = await browser.newPage();
     await page.goto(`${baseUrl}/projects`);
-    await expect(page.locator('h1').first()).toHaveText('Projects');
-    await expect(page.locator('p').first()).toHaveText('Personal projects');
+    await expect(page.locator('[data-testid=project-heading]')).toHaveText(
+      'Projects',
+    );
+    await expect(page.locator('[data-testid=project-description]')).toHaveText(
+      "Personal projects I've worked on",
+    );
   });
 
   test('shows project posts & project slug pages correctly', async () => {
diff --git a/next.config.js b/next.config.mjs
similarity index 89%
rename from next.config.js
rename to next.config.mjs
index 6f4669333..013751f69 100644
--- a/next.config.js
+++ b/next.config.mjs
@@ -1,17 +1,18 @@
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-const { createVanillaExtractPlugin } = require('@vanilla-extract/next-plugin');
+import { createVanillaExtractPlugin } from '@vanilla-extract/next-plugin';
 
 const withVanillaExtract = createVanillaExtractPlugin();
+
 const contentSecurityPolicy = `
  default-src 'self';
  script-src 'self' 'unsafe-eval' 'unsafe-inline' *.youtube.com *.twitter.com *.googletagmanager.com *.vitals.vercel-insights.com static.cloudflareinsights.com eu-assets.i.posthog.com js-agent.newrelic.com;
  child-src *.youtube.com *.google.com *.twitter.com *.googletagmanager.com *.vitals.vercel-insights.com;
- style-src 'self' 'unsafe-inline' *.googleapis.com app-static.eu.posthog.com;
+ style-src 'self' 'unsafe-inline' *.googleapis.com app-static.eu.posthog.com https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css;
  img-src * blob: data: https://*.googletagmanager.com;
  media-src 'none';
  connect-src * cloudflareinsights.com;
- font-src 'self' fonts.gstatic.com;
+ font-src 'self' fonts.gstatic.com https://maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff2?;
 `;
+
 const securityHeaders = [
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP
   {
@@ -62,9 +63,11 @@ const nextConfig = {
   experimental: {
     webVitalsAttribution: ['CLS', 'LCP'],
     optimizePackageImports: ['framer-motion'],
+
     // Force SWC transform on build to stop Next.js trying to use babel
     // since babel is only needed to support vanilla-extract in unit tests
     forceSwcTransforms: true,
+    serverComponentsExternalPackages: ['shiki'],
 
     // // monitoring
     // serverComponentsExternalPackages: ['newrelic'],
@@ -123,7 +126,7 @@ const nextConfig = {
         headers: [
           {
             key: 'Cache-Control',
-            value: 'public, max-age=31536000, immutable',
+            value: 'public, max-age=3600, immutable', // 1 hour cache
           },
         ],
       },
@@ -132,7 +135,7 @@ const nextConfig = {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   webpack: (config, { dev, isServer, ...options }) => {
     if (process.env.ANALYZE) {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      // eslint-disable-next-line @typescript-eslint/no-require-imports, global-require
       const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
       config.plugins.push(
         new BundleAnalyzerPlugin({
@@ -143,6 +146,7 @@ const nextConfig = {
         }),
       );
     }
+
     config.module.rules.push({
       test: /\.svg$/,
       use: ['@svgr/webpack'],
@@ -151,4 +155,4 @@ const nextConfig = {
     return config;
   },
 };
-module.exports = withVanillaExtract(nextConfig);
+export default withVanillaExtract(nextConfig);
diff --git a/package.json b/package.json
index 10f138177..9c7e2fb32 100644
--- a/package.json
+++ b/package.json
@@ -29,16 +29,26 @@
     "@mdx-js/mdx": "^3.1.0",
     "@newrelic/next": "^0.10.0",
     "@next/eslint-plugin-next": "^14.2.15",
+    "@next/mdx": "^15.0.3",
     "@next/third-parties": "^14.2.15",
     "@opentelemetry/api": "^1.9.0",
     "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
     "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-visually-hidden": "^1.1.0",
+    "@rehype-pretty/transformers": "^0.13.2",
+    "@sanity/cli": "^3.63.0",
     "@sanity/client": "^6.22.2",
+    "@sanity/dashboard": "^4.1.0",
     "@sanity/image-url": "^1.1.0",
-    "@shikijs/rehype": "^1.22.2",
+    "@sanity/ui": "^2.8.22",
+    "@sanity/vision": "3.63.0",
+    "@sindresorhus/slugify": "^2.2.1",
     "@tanstack/react-query": "^5.59.19",
     "@tanstack/react-query-next-experimental": "^5.59.19",
     "@vanilla-extract/css": "^1.16.0",
@@ -50,11 +60,12 @@
     "axios": "^1.7.7",
     "check-node-version": "^4.2.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.3",
+    "cmdk": "^1.0.4",
     "cross-env": "^7.0.3",
     "csstype": "^3.1.3",
     "date-fns": "^4.1.0",
     "dotenv": "^16.4.5",
+    "easymde": "2",
     "framer-motion": "^11.11.11",
     "gen-env-types": "^1.3.4",
     "gray-matter": "^4.0.3",
@@ -62,38 +73,54 @@
     "immer": "^10.1.1",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
+    "mdx": "^0.3.1",
     "motion": "^10.18.0",
     "nanoid": "^5.0.8",
     "newrelic": "^12.6.0",
     "next": "^14.2.15",
     "next-mdx-remote": "^5.0.0",
-    "next-sanity": "^9.8.8",
+    "next-sanity": "9.8.10",
     "next-seo": "^6.6.0",
     "next-themes": "^0.3.0",
     "nodemon": "^3.1.7",
     "nprogress": "^0.2.0",
+    "parse-numeric-range": "^1.3.0",
+    "prism-react-renderer": "^2.4.0",
     "prom-client": "^15.1.3",
     "react": "^18.3.1",
+    "react-children-utilities": "^2.10.0",
     "react-dom": "^18.3.1",
     "react-feather": "^2.0.10",
     "react-ga4": "^2.1.0",
     "react-icons": "5.2.1",
     "react-lite-youtube-embed": "^2.4.0",
+    "react-markdown": "^9.0.1",
+    "react-rough-notation": "^1.0.5",
     "react-spring": "^9.7.4",
+    "react-syntax-highlighter": "^15.6.1",
     "react-wrap-balancer": "^1.1.1",
     "rehype-accessible-emojis": "^0.3.2",
     "rehype-code-titles": "^1.2.0",
     "rehype-highlight": "^7.0.1",
+    "rehype-pretty-code": "^0.14.0",
     "rehype-prism-plus": "^2.0.0",
+    "rehype-slug": "^6.0.0",
+    "rehype-stringify": "^10.0.1",
     "remark-gfm": "^4.0.0",
     "remark-highlight.js": "^7.0.1",
+    "remark-parse": "^11.0.0",
     "remark-prism": "^1.3.6",
+    "remark-rehype": "^11.1.1",
+    "remark-shiki-twoslash": "^3.1.3",
     "rss": "^1.2.2",
+    "sanity": "3.63.0",
+    "sanity-plugin-markdown": "^4.1.2",
     "sass": "^1.80.6",
     "sharp": "^0.33.5",
     "shiki": "^1.22.2",
     "the-new-css-reset": "^1.11.3",
     "tinykeys": "^3.0.0",
+    "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "use-immer": "^0.10.0",
     "use-roving-index": "^2.0.0",
@@ -104,8 +131,9 @@
     "@commitlint/config-conventional": "^19.5.0",
     "@next/env": "^14.2.15",
     "@playwright/test": "^1.48.2",
+    "@shikijs/rehype": "^1.22.2",
     "@svgr/webpack": "^8.1.0",
-    "@swc/core": "^1.7.42",
+    "@swc/core": "^1.8.0",
     "@swc/jest": "^0.2.36",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 170327d69..e2e63f7d3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -23,42 +23,72 @@ importers:
       '@next/eslint-plugin-next':
         specifier: ^14.2.15
         version: 14.2.15
+      '@next/mdx':
+        specifier: ^15.0.3
+        version: 15.0.3(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)))(@mdx-js/react@3.0.1(@types/react@18.3.12)(react@18.3.1))
       '@next/third-parties':
         specifier: ^14.2.15
-        version: 14.2.15(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
+        version: 14.2.15(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
       '@opentelemetry/api':
         specifier: ^1.9.0
         version: 1.9.0
       '@radix-ui/colors':
         specifier: ^3.0.0
         version: 3.0.0
+      '@radix-ui/react-aspect-ratio':
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-checkbox':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.2
+        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-popover':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-scroll-area':
+        specifier: ^1.2.0
+        version: 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-toast':
         specifier: ^1.2.2
         version: 1.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.3
         version: 1.1.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-visually-hidden':
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rehype-pretty/transformers':
+        specifier: ^0.13.2
+        version: 0.13.2
+      '@sanity/cli':
+        specifier: ^3.63.0
+        version: 3.63.0(react@18.3.1)
       '@sanity/client':
         specifier: ^6.22.2
         version: 6.22.2(debug@4.3.7)
+      '@sanity/dashboard':
+        specifier: ^4.1.0
+        version: 4.1.0(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/image-url':
         specifier: ^1.1.0
         version: 1.1.0
-      '@shikijs/rehype':
-        specifier: ^1.22.2
-        version: 1.22.2
+      '@sanity/ui':
+        specifier: ^2.8.22
+        version: 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/vision':
+        specifier: 3.63.0
+        version: 3.63.0(@babel/runtime@7.26.0)(@codemirror/lint@6.8.2)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.3)(codemirror@6.0.1(@lezer/common@1.2.3))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sindresorhus/slugify':
+        specifier: ^2.2.1
+        version: 2.2.1
       '@tanstack/react-query':
         specifier: ^5.59.19
         version: 5.59.19(react@18.3.1)
       '@tanstack/react-query-next-experimental':
         specifier: ^5.59.19
-        version: 5.59.19(@tanstack/react-query@5.59.19(react@18.3.1))(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
+        version: 5.59.19(@tanstack/react-query@5.59.19(react@18.3.1))(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
       '@vanilla-extract/css':
         specifier: ^1.16.0
         version: 1.16.0(babel-plugin-macros@3.1.0)
@@ -67,7 +97,7 @@ importers:
         version: 0.1.4
       '@vanilla-extract/next-plugin':
         specifier: ^2.4.6
-        version: 2.4.6(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5))
+        version: 2.4.6(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))
       '@vanilla-extract/recipes':
         specifier: ^0.5.5
         version: 0.5.5(@vanilla-extract/css@1.16.0(babel-plugin-macros@3.1.0))
@@ -87,8 +117,8 @@ importers:
         specifier: ^2.1.1
         version: 2.1.1
       cmdk:
-        specifier: ^1.0.3
-        version: 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^1.0.4
+        version: 1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       cross-env:
         specifier: ^7.0.3
         version: 7.0.3
@@ -101,6 +131,9 @@ importers:
       dotenv:
         specifier: ^16.4.5
         version: 16.4.5
+      easymde:
+        specifier: '2'
+        version: 2.18.0
       framer-motion:
         specifier: ^11.11.11
         version: 11.11.11(@emotion/is-prop-valid@1.3.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -122,6 +155,9 @@ importers:
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
+      mdx:
+        specifier: ^0.3.1
+        version: 0.3.1
       motion:
         specifier: ^10.18.0
         version: 10.18.0
@@ -133,16 +169,16 @@ importers:
         version: 12.6.0
       next:
         specifier: ^14.2.15
-        version: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+        version: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       next-mdx-remote:
         specifier: ^5.0.0
         version: 5.0.0(@types/react@18.3.12)(acorn@8.14.0)(react@18.3.1)
       next-sanity:
-        specifier: ^9.8.8
-        version: 9.8.8(@sanity/client@6.22.2)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.62.3)(@sanity/ui@2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.62.3(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+        specifier: 9.8.10
+        version: 9.8.10(@sanity/client@6.22.2)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.63.0(debug@4.3.7))(@sanity/ui@2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       next-seo:
         specifier: ^6.6.0
-        version: 6.6.0(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.6.0(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes:
         specifier: ^0.3.0
         version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -152,12 +188,21 @@ importers:
       nprogress:
         specifier: ^0.2.0
         version: 0.2.0
+      parse-numeric-range:
+        specifier: ^1.3.0
+        version: 1.3.0
+      prism-react-renderer:
+        specifier: ^2.4.0
+        version: 2.4.0(react@18.3.1)
       prom-client:
         specifier: ^15.1.3
         version: 15.1.3
       react:
         specifier: ^18.3.1
         version: 18.3.1
+      react-children-utilities:
+        specifier: ^2.10.0
+        version: 2.10.0(react@18.3.1)
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
@@ -173,9 +218,18 @@ importers:
       react-lite-youtube-embed:
         specifier: ^2.4.0
         version: 2.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-markdown:
+        specifier: ^9.0.1
+        version: 9.0.1(@types/react@18.3.12)(react@18.3.1)
+      react-rough-notation:
+        specifier: ^1.0.5
+        version: 1.0.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-spring:
         specifier: ^9.7.4
-        version: 9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react-konva@18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react-zdog@1.2.2)(react@18.3.1)(three@0.170.0)(zdog@1.1.3)
+        version: 9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react-konva@18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react-zdog@1.2.2)(react@18.3.1)(three@0.170.0)(zdog@1.1.3)
+      react-syntax-highlighter:
+        specifier: ^15.6.1
+        version: 15.6.1(react@18.3.1)
       react-wrap-balancer:
         specifier: ^1.1.1
         version: 1.1.1(react@18.3.1)
@@ -188,21 +242,45 @@ importers:
       rehype-highlight:
         specifier: ^7.0.1
         version: 7.0.1
+      rehype-pretty-code:
+        specifier: ^0.14.0
+        version: 0.14.0(shiki@1.22.2)
       rehype-prism-plus:
         specifier: ^2.0.0
         version: 2.0.0
+      rehype-slug:
+        specifier: ^6.0.0
+        version: 6.0.0
+      rehype-stringify:
+        specifier: ^10.0.1
+        version: 10.0.1
       remark-gfm:
         specifier: ^4.0.0
         version: 4.0.0
       remark-highlight.js:
         specifier: ^7.0.1
         version: 7.0.1
+      remark-parse:
+        specifier: ^11.0.0
+        version: 11.0.0
       remark-prism:
         specifier: ^1.3.6
         version: 1.3.6
+      remark-rehype:
+        specifier: ^11.1.1
+        version: 11.1.1
+      remark-shiki-twoslash:
+        specifier: ^3.1.3
+        version: 3.1.3(typescript@5.6.3)
       rss:
         specifier: ^1.2.2
         version: 1.2.2
+      sanity:
+        specifier: 3.63.0
+        version: 3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)
+      sanity-plugin-markdown:
+        specifier: ^4.1.2
+        version: 4.1.2(easymde@2.18.0)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       sass:
         specifier: ^1.80.6
         version: 1.80.6
@@ -218,6 +296,9 @@ importers:
       tinykeys:
         specifier: ^3.0.0
         version: 3.0.0
+      unified:
+        specifier: ^11.0.5
+        version: 11.0.5
       unist-util-visit:
         specifier: ^5.0.0
         version: 5.0.0
@@ -243,15 +324,18 @@ importers:
       '@playwright/test':
         specifier: ^1.48.2
         version: 1.48.2
+      '@shikijs/rehype':
+        specifier: ^1.22.2
+        version: 1.22.2
       '@svgr/webpack':
         specifier: ^8.1.0
         version: 8.1.0(typescript@5.6.3)
       '@swc/core':
-        specifier: ^1.7.42
-        version: 1.7.42(@swc/helpers@0.5.13)
+        specifier: ^1.8.0
+        version: 1.8.0(@swc/helpers@0.5.13)
       '@swc/jest':
         specifier: ^0.2.36
-        version: 0.2.36(@swc/core@1.7.42(@swc/helpers@0.5.13))
+        version: 0.2.36(@swc/core@1.8.0(@swc/helpers@0.5.13))
       '@testing-library/dom':
         specifier: ^10.4.0
         version: 10.4.0
@@ -317,7 +401,7 @@ importers:
         version: 8.57.0
       eslint-config-airbnb:
         specifier: ^19.0.4
-        version: 19.0.4(eslint-plugin-import@2.31.0)(eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.0))(eslint-plugin-react-hooks@4.6.2(eslint@8.57.0))(eslint-plugin-react@7.37.2(eslint@8.57.0))(eslint@8.57.0)
+        version: 19.0.4(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.0))(eslint-plugin-react-hooks@4.6.2(eslint@8.57.0))(eslint-plugin-react@7.37.2(eslint@8.57.0))(eslint@8.57.0)
       eslint-config-next:
         specifier: ^14.2.15
         version: 14.2.15(eslint@8.57.0)(typescript@5.6.3)
@@ -326,7 +410,7 @@ importers:
         version: 9.1.0(eslint@8.57.0)
       eslint-import-resolver-typescript:
         specifier: ^3.6.3
-        version: 3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.0)
+        version: 3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0)
       eslint-plugin-import:
         specifier: ^2.31.0
         version: 2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
@@ -350,7 +434,7 @@ importers:
         version: 3.0.0
       jest:
         specifier: ^29.7.0
-        version: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+        version: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       jest-environment-jsdom:
         specifier: ^29.7.0
         version: 29.7.0
@@ -362,7 +446,7 @@ importers:
         version: 29.7.0
       jest-mock-extended:
         specifier: ^3.0.7
-        version: 3.0.7(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))(typescript@5.6.3)
+        version: 3.0.7(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))(typescript@5.6.3)
       jest-resolve:
         specifier: ^29.7.0
         version: 29.7.0
@@ -371,13 +455,13 @@ importers:
         version: 7.1.0
       jest-watch-typeahead:
         specifier: ^2.2.2
-        version: 2.2.2(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))
+        version: 2.2.2(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))
       lint-staged:
         specifier: 15.2.10
         version: 15.2.10
       next-router-mock:
         specifier: ^0.9.13
-        version: 0.9.13(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
+        version: 0.9.13(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
       node-mocks-http:
         specifier: ^1.16.1
         version: 1.16.1(@types/express@5.0.0)(@types/node@20.14.10)
@@ -389,7 +473,7 @@ importers:
         version: 5.6.3
       vercel:
         specifier: ^37.14.0
-        version: 37.14.0(@swc/core@1.7.42(@swc/helpers@0.5.13))(encoding@0.1.13)
+        version: 37.14.0(@swc/core@1.8.0(@swc/helpers@0.5.13))(encoding@0.1.13)
 
 packages:
 
@@ -423,10 +507,6 @@ packages:
     resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/code-frame@7.25.7':
-    resolution: {integrity: sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -483,10 +563,6 @@ packages:
     resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.25.7':
-    resolution: {integrity: sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/generator@7.26.2':
     resolution: {integrity: sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==}
     engines: {node: '>=6.9.0'}
@@ -781,10 +857,6 @@ packages:
     resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.25.7':
-    resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-string-parser@7.25.9':
     resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
@@ -797,10 +869,6 @@ packages:
     resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.7':
-    resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-identifier@7.25.9':
     resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
     engines: {node: '>=6.9.0'}
@@ -873,10 +941,6 @@ packages:
     resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/highlight@7.25.7':
-    resolution: {integrity: sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/parser@7.23.0':
     resolution: {integrity: sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==}
     engines: {node: '>=6.0.0'}
@@ -892,11 +956,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.25.7':
-    resolution: {integrity: sha512-aZn7ETtQsjjGG5HruveUK06cU3Hljuhd9Iojm4M8WWv3wLE6OkE5PWbDUkItmMgegmccaITudyuW5RPYrYlgWw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
   '@babel/parser@7.26.2':
     resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
     engines: {node: '>=6.0.0'}
@@ -2341,10 +2400,6 @@ packages:
     resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.7':
-    resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/template@7.25.9':
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
@@ -2361,10 +2416,6 @@ packages:
     resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.7':
-    resolution: {integrity: sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/traverse@7.25.9':
     resolution: {integrity: sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==}
     engines: {node: '>=6.9.0'}
@@ -2381,10 +2432,6 @@ packages:
     resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.25.7':
-    resolution: {integrity: sha512-vwIVdXG+j+FOpkwqHRcBgHLYNL7XMkufrlaFvL9o6Ai9sJn9+PdyIL5qa0XzTZw084c+u9LOls53eoZWP/W5WQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.26.0':
     resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
     engines: {node: '>=6.9.0'}
@@ -2392,6 +2439,38 @@ packages:
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
+  '@codemirror/autocomplete@6.18.2':
+    resolution: {integrity: sha512-wJGylKtMFR/Ds6Gh01+OovXE/pncPiKZNNBKuC39pKnH+XK5d9+WsNqcrdxPjFPFTigRBqse0rfxw9UxrfyhPg==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/common': ^1.0.0
+
+  '@codemirror/commands@6.7.1':
+    resolution: {integrity: sha512-llTrboQYw5H4THfhN4U3qCnSZ1SOJ60ohhz+SzU0ADGtwlc533DtklQP0vSFaQuCPDn3BPpOd1GbbnUtwNjsrw==}
+
+  '@codemirror/lang-javascript@6.2.2':
+    resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
+
+  '@codemirror/language@6.10.3':
+    resolution: {integrity: sha512-kDqEU5sCP55Oabl6E7m5N+vZRoc0iWqgDVhEKifcHzPzjqCegcO4amfrYVL9PmPZpl4G0yjkpTpUO/Ui8CzO8A==}
+
+  '@codemirror/lint@6.8.2':
+    resolution: {integrity: sha512-PDFG5DjHxSEjOXk9TQYYVjZDqlZTFaDBfhQixHnQOEVDDNHUbEh/hstAjcQJaA6FQdZTD1hquXTK0rVBLADR1g==}
+
+  '@codemirror/search@6.5.7':
+    resolution: {integrity: sha512-6+iLsXvITWKHYlkgHPCs/qiX4dNzn8N78YfhOFvPtPYCkuXqZq10rAfsUMhOq7O/1VjJqdXRflyExlfVcu/9VQ==}
+
+  '@codemirror/state@6.4.1':
+    resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==}
+
+  '@codemirror/theme-one-dark@6.1.2':
+    resolution: {integrity: sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==}
+
+  '@codemirror/view@6.34.2':
+    resolution: {integrity: sha512-d6n0WFvL970A9Z+l9N2dO+Hk9ev4hDYQzIx+B9tCyBP0W5wPEszi1rhuyFesNSkLZzXbQE5FPH7F/z/TMJfoPA==}
+
   '@colors/colors@1.6.0':
     resolution: {integrity: sha512-Ir+AOibqzrIsL6ajt3Rz3LskB7OiMVHqltZmspbW/TJuTVuyOMirVqAkjfY6JISiLHgyNqicAC8AyHHGzNd/dA==}
     engines: {node: '>=0.1.90'}
@@ -3020,6 +3099,12 @@ packages:
   '@floating-ui/dom@1.6.11':
     resolution: {integrity: sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==}
 
+  '@floating-ui/react-dom@2.0.0':
+    resolution: {integrity: sha512-Ke0oU3SeuABC2C4OFu2mSAwHIP5WUiV98O9YWoHV4Q5aT6E9k06DV0Khi5uYspR8xmmBk08t8ZDcz3TR3ARkEg==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   '@floating-ui/react-dom@2.1.2':
     resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==}
     peerDependencies:
@@ -3301,6 +3386,18 @@ packages:
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
+  '@lezer/common@1.2.3':
+    resolution: {integrity: sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==}
+
+  '@lezer/highlight@1.2.1':
+    resolution: {integrity: sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==}
+
+  '@lezer/javascript@1.4.19':
+    resolution: {integrity: sha512-j44kbR1QL26l6dMunZ1uhKBFteVGLVCBGNUD2sUaMnic+rbTviVuoK0CD1l9FTW31EueWvFFswCKMH7Z+M3JRA==}
+
+  '@lezer/lr@1.4.2':
+    resolution: {integrity: sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==}
+
   '@lukemorales/query-key-factory@1.3.4':
     resolution: {integrity: sha512-A3frRDdkmaNNQi6mxIshsDk4chRXWoXa05US8fBo4kci/H+lVmujS6QrwQLLGIkNIRFGjMqp2uKjC4XsLdydRw==}
     engines: {node: '>=14'}
@@ -3312,6 +3409,14 @@ packages:
     resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
     hasBin: true
 
+  '@mdx-js/loader@3.1.0':
+    resolution: {integrity: sha512-xU/lwKdOyfXtQGqn3VnJjlDrmKXEvMi1mgYxVmukEUtVycIz1nh7oQ40bKTd4cA7rLStqu0740pnhGYxGoqsCg==}
+    peerDependencies:
+      webpack: '>=5'
+    peerDependenciesMeta:
+      webpack:
+        optional: true
+
   '@mdx-js/mdx@3.1.0':
     resolution: {integrity: sha512-/QxEhPAvGwbQmy1Px8F899L5Uc2KZ6JtXwlCgJmjSTBedwOZkByYcBG4GceIGPXRDsmfxhHazuS+hlOShRLeDw==}
 
@@ -3359,6 +3464,17 @@ packages:
   '@next/eslint-plugin-next@14.2.15':
     resolution: {integrity: sha512-pKU0iqKRBlFB/ocOI1Ip2CkKePZpYpnw5bEItEkuZ/Nr9FQP1+p7VDWr4VfOdff4i9bFmrOaeaU1bFEyAcxiMQ==}
 
+  '@next/mdx@15.0.3':
+    resolution: {integrity: sha512-EwCJKDeJqfbHbsS7rIdWpKDOZsOPsif9AX4PaIhy5ghSMsZvi+/vIZVc07pZT7BdwCIoL9XM1KZMd/vzxCxF5A==}
+    peerDependencies:
+      '@mdx-js/loader': '>=0.15.0'
+      '@mdx-js/react': '>=0.15.0'
+    peerDependenciesMeta:
+      '@mdx-js/loader':
+        optional: true
+      '@mdx-js/react':
+        optional: true
+
   '@next/swc-darwin-arm64@14.2.15':
     resolution: {integrity: sha512-Rvh7KU9hOUBnZ9TJ28n2Oa7dD9cvDBKua9IKx7cfQQ0GoYUwg9ig31O2oMwH3wm+pE3IkAQ67ZobPfEgurPZIA==}
     engines: {node: '>= 10'}
@@ -3555,8 +3671,8 @@ packages:
   '@polka/url@1.0.0-next.25':
     resolution: {integrity: sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==}
 
-  '@portabletext/editor@1.4.0':
-    resolution: {integrity: sha512-NVUxIq0syPKBmCNSRTD7tLSWPiF4vCOSIyrwmfYzuhkDHzlemLurkLex4CDnBoZcnj9j+JHvjdCK0eCtjL7SMw==}
+  '@portabletext/editor@1.5.4':
+    resolution: {integrity: sha512-9RChHb7pAZI/iZuVrn8PW2eqRlVyJ4Wgioj/lODl6QWsrQsfJGxkDQsAd7iaHmRPnjjVaode9J3RG5y17CdW3w==}
     engines: {node: '>=18'}
     peerDependencies:
       '@sanity/block-tools': ^3.62.3
@@ -3620,6 +3736,9 @@ packages:
   '@radix-ui/colors@3.0.0':
     resolution: {integrity: sha512-FUOsGBkHrYJwCSEtWRCIfQbZG7q1e6DgxCIOe1SUQzDe/7rXXeA47s8yCn6fuTNQAj1Zq4oTFi9Yjp3wzElcxg==}
 
+  '@radix-ui/number@1.1.0':
+    resolution: {integrity: sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==}
+
   '@radix-ui/primitive@1.1.0':
     resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==}
 
@@ -3636,6 +3755,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-aspect-ratio@1.1.0':
+    resolution: {integrity: sha512-dP87DM/Y7jFlPgUZTlhx6FF5CEzOiaxp2rBCKlaXlpH5Ip/9Fg5zZ9lDOQ5o/MOfUlf36eak14zoWYpgcgGoOg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-checkbox@1.1.2':
     resolution: {integrity: sha512-/i0fl686zaJbDQLNKrkCbMyDm6FQMt4jg323k7HuqitoANm9sE23Ql8yOK3Wusk34HSLKDChhMux05FnP6KUkw==}
     peerDependencies:
@@ -3702,6 +3834,15 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-direction@1.1.0':
+    resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-dismissable-layer@1.1.1':
     resolution: {integrity: sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==}
     peerDependencies:
@@ -3811,6 +3952,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-scroll-area@1.2.0':
+    resolution: {integrity: sha512-q2jMBdsJ9zB7QG6ngQNzNwlvxLQqONyL58QbEGwuyRZZb/ARQwk3uQVbCF7GvQVOtV6EU/pDxAw3zRzJZI3rpQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-slot@1.1.0':
     resolution: {integrity: sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==}
     peerDependencies:
@@ -4079,11 +4233,21 @@ packages:
       react-native:
         optional: true
 
+  '@rehype-pretty/transformers@0.13.2':
+    resolution: {integrity: sha512-p2ciQSwqy5Ip8aNUa9q6rdS/hJZXrxHYYfDVOHvKOsBu3t9HDmQ65YX6r9Qbl19vi160OAxmGF7MIoCRDJrRhg==}
+    engines: {node: '>=18'}
+
   '@rexxars/react-json-inspector@8.0.1':
     resolution: {integrity: sha512-XAsgQwqG8fbDGpWnsvOesRMgPfvwuU7Cx3/cUf/fNIRmGP8lj2YYIf5La/4ayvZLWlSw4tTb4BPCKdmK9D8RuQ==}
     peerDependencies:
       react: ^15 || ^16 || ^17 || ^18
 
+  '@rexxars/react-split-pane@0.1.93':
+    resolution: {integrity: sha512-Pok8zATwd5ZpWnccJeSA/JM2MPmi3D04duYtrbMNRgzeAU2ANtq3r4w7ldbjpGyfJqggqn0wDNjRqaevXqSxQg==}
+    peerDependencies:
+      react: ^18
+      react-dom: ^18
+
   '@rollup/pluginutils@4.2.1':
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
@@ -4181,11 +4345,11 @@ packages:
   '@sanity/bifur-client@0.4.1':
     resolution: {integrity: sha512-mHM8WR7pujbIw2qxuV0lzinS1izOoyLza/ejWV6quITTLpBhUoPIQGPER3Ar0SON5JV0VEEqkJGa1kjiYYgx2w==}
 
-  '@sanity/block-tools@3.62.3':
-    resolution: {integrity: sha512-ZzNvCT+vnJMhTqmv/SRhM/X0DMKCV0o1LkKtcHwZihAzNMf/Ys+/zfEhcGkUDJ6IoNzEbQCbLaj+eS2KmcjsWw==}
+  '@sanity/block-tools@3.63.0':
+    resolution: {integrity: sha512-aKi2KYMKeHTDcgeifIrnLfQmp/h2k4XKG+rLwp7hLy5inaUU5U/DCPrp5o7fQaRrrIUSXoRnE6E0KNPU2CD+RQ==}
 
-  '@sanity/cli@3.62.3':
-    resolution: {integrity: sha512-rOi1rm9mrrGjM6ds3VVGd0Dx0e35kcxr5IWBuske81ZBHtKUBCV1mG9AEfFp2zWC0xXmDtbbaKrPjGqS+EyL8Q==}
+  '@sanity/cli@3.63.0':
+    resolution: {integrity: sha512-Q2iuJl0xVEup49sSJsbFst0NNGG7nGYE9Cw592NZSotmzoPVppYfgYEuih04TT7WMl0IlYs7pWL2DHtDJnsX5A==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -4193,10 +4357,13 @@ packages:
     resolution: {integrity: sha512-GrLmwREcw4Us6kBaqoXyLVVl7xAELf/4Qzvv0nGxIIqCkDWQof6nL55ar6m1W9hF+eHKyRTkktWSkZ/+RklCuw==}
     engines: {node: '>=14.18'}
 
-  '@sanity/codegen@3.62.3':
-    resolution: {integrity: sha512-8lQj4VIW55ywSTie6WHO195swVyNHiDekeC0AEvx9W3F1Cia57m69SLU8M1D3R7rS+xGE/X5G9ibVeB5ELRxxQ==}
+  '@sanity/codegen@3.63.0':
+    resolution: {integrity: sha512-Cf+S+uIcDmcoisgOANzjT4er1NvBnk0gD1FjPKewkixCNX4kp4Pciea4zMGCXMj/BPvviuclL83thNIYnMZqlw==}
     engines: {node: '>=18'}
 
+  '@sanity/color@2.2.5':
+    resolution: {integrity: sha512-tTi22KoKuER3sldXYl4c1Dq2zU7tMLDkljFiaUKVkBbu4PBvRGCFw75kXZnD2b4Bsp6vin+7sI+AKdCKRhfRuw==}
+
   '@sanity/color@3.0.6':
     resolution: {integrity: sha512-2TjYEvOftD0v7ukx3Csdh9QIu44P2z7NDJtlC3qITJRYV36J7R6Vfd3trVhFnN77/7CZrGjqngrtohv8VqO5nw==}
     engines: {node: '>=18.0.0'}
@@ -4205,12 +4372,20 @@ packages:
     resolution: {integrity: sha512-hmjL8X9/muInbO4Fko6rn9WOZhZWMPKz5n3FHttb/KurKaHbkhcon/jIkZ8DowxW75wkUDp8m/nkBZznJ58HIA==}
     engines: {node: '>=18'}
 
+  '@sanity/dashboard@4.1.0':
+    resolution: {integrity: sha512-0II6Ay/RB31Uneg12PvER2wdq20laxjBpZxQ3wRFwjGC98F8zBfPLUTl/Z8CzanZX7i+IaiepzVPRvSwflPzHg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18
+      sanity: ^3
+      styled-components: ^6.1
+
   '@sanity/diff-match-patch@3.1.1':
     resolution: {integrity: sha512-dSZqGeYjHKGIkqAzGqLcG92LZyJGX+nYbs/FWawhBbTBDWi21kvQ0hsL3DJThuFVWtZMWTQijN3z6Cnd44Pf2g==}
     engines: {node: '>=14.18'}
 
-  '@sanity/diff@3.62.3':
-    resolution: {integrity: sha512-ckN1Pu2ft4o+Ruqaf1+hfVJJEsLtBhbmeOFHOILMmOY1IQC4dDlyTQATUv/kmv8EMBpumV1RcHTQQcQSty0eKg==}
+  '@sanity/diff@3.63.0':
+    resolution: {integrity: sha512-C2l6D1fvle6YaxuJLjGBLq3K9U8dQPu9zVjJcoMZ/QeIDu6Wv+ZNfwuilCZeY5H4yv4UbG4YE2wNo/JAWvflaw==}
     engines: {node: '>=18'}
 
   '@sanity/eventsource@5.0.2':
@@ -4223,6 +4398,17 @@ packages:
   '@sanity/generate-help-url@3.0.0':
     resolution: {integrity: sha512-wtMYcV5GIDIhVyF/jjmdwq1GdlK07dRL40XMns73VbrFI7FteRltxv48bhYVZPcLkRXb0SHjpDS/icj9/yzbVA==}
 
+  '@sanity/icons@1.3.10':
+    resolution: {integrity: sha512-5wVG/vIiGuGrSmq+Bl3PY7XDgQrGv0fyHdJI64FSulnr2wH3NMqZ6C59UFxnrZ93sr7kOt0zQFoNv2lkPBi0Cg==}
+    peerDependencies:
+      react: ^16.9 || ^17 || ^18
+
+  '@sanity/icons@2.11.8':
+    resolution: {integrity: sha512-C4ViXtk6eyiNTQ5OmxpfmcK6Jw+LLTi9zg9XBUD15DzC4xTHaGW9SVfUa43YtPGs3WC3M0t0K59r0GDjh52HIg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^18
+
   '@sanity/icons@3.4.0':
     resolution: {integrity: sha512-X8BMM68w3y5cuCLpPwV7jGhVNGgAL/FA3UI6JaRCsyVOahA6aBOeKdjFs5MHtKi8cmrKwq1a98h/HbrK56kszA==}
     engines: {node: '>=14.0.0'}
@@ -4238,6 +4424,12 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  '@sanity/incompatible-plugin@1.0.4':
+    resolution: {integrity: sha512-2z39G9PTM8MXOF4fJNx3TG4tH0RrTjtH6dVLW93DSjCPbIS7FgCY5yWjZfQ+HVkwhLsF7ATDAGLA/jp65pFjAg==}
+    peerDependencies:
+      react: ^16.9 || ^17 || ^18
+      react-dom: ^16.9 || ^17 || ^18
+
   '@sanity/insert-menu@1.0.10':
     resolution: {integrity: sha512-tFfjP7IA9QjD5flSwILUNjQKh4Vrq+E1Z5e0gBtPCRFHTde0VRrfiiX/qTr0IPYREo3MOhIBZbriJScBeGuMfg==}
     engines: {node: '>=18.0.0'}
@@ -4254,8 +4446,8 @@ packages:
       '@sanity/color': ^2.0 || ^3.0 || ^3.0.0-beta
       react: ^18.3 || >=19.0.0-rc
 
-  '@sanity/migrate@3.62.3':
-    resolution: {integrity: sha512-bosE0rWkanATZTkQBUWl6N/Z3ed0wj3tqhwp9x/GBcFEiiaK4ynWpjkCbWZ5GHx0m5zErUGkG3D9ZarZ6GLSVg==}
+  '@sanity/migrate@3.63.0':
+    resolution: {integrity: sha512-my20wlhw89LX1fkAgwvF/+XyoqnbMX/31NFCWVmqlHfkO/oU3XwGWLsLgJBXL6FMvGUoDJUiXFV9/sjsGLiaHg==}
     engines: {node: '>=18'}
 
   '@sanity/mutate@0.10.1':
@@ -4271,35 +4463,35 @@ packages:
       xstate:
         optional: true
 
-  '@sanity/mutator@3.62.3':
-    resolution: {integrity: sha512-5KFG+gTe/vvOCr+aTWWVieMxSOfa00Qnzf4f3X45rHGH9uz4104kPKAyV+biuA/GhhB3Cx8/o9ZywY+Cxlgq+Q==}
+  '@sanity/mutator@3.63.0':
+    resolution: {integrity: sha512-eF9JBlqWuXEXJAsC/7AvhAINgNrMHld1I1JCAaOtLoL7jAJSyWqB5ObtBjLADEkvE+z6KPJUDiaC0JKx6YjO3A==}
 
-  '@sanity/next-loader@1.1.0':
-    resolution: {integrity: sha512-3Mx0shumgM+oS0o4xmEk7JEv72rskefkhDHQtwhpvsklWVDPy95fNKMo5PC/ndSGQ5SctlZGpPPvnDOm511P0A==}
+  '@sanity/next-loader@1.1.3':
+    resolution: {integrity: sha512-Obu0VYwictaoKtFX9jG7VPS4oPP5ZUu+SkSwZPIz2spnJT8qB9L1bCJJgw4BaLfYtdEtIP1GFbrLvs5K7rZZwQ==}
     engines: {node: '>=18.18'}
     peerDependencies:
-      '@sanity/client': ^6.22.2
+      '@sanity/client': ^6.22.3
       next: ^14.1 || ^15.0.0-0
       react: ^18.3 || ^19.0.0-0
 
-  '@sanity/presentation@1.17.7':
-    resolution: {integrity: sha512-6+pKjiKt0dvL6EvFjQMHIrJropjmT7oZhTFN0vjRqNMMVbTAGNRosvPEAl5PZ9Fc9t0JgARsH9DizbudwSLrlA==}
+  '@sanity/presentation@1.17.8':
+    resolution: {integrity: sha512-vMwXSLa7W4rvXMPNq47yBsEdszuH1Jyhd0pRUTvAd+BnpsO72ThYfSsv+qwieB2IePSooXn0Fkbb8mWunv39Sg==}
     engines: {node: '>=16.14'}
     peerDependencies:
       '@sanity/client': ^6.22.2
 
-  '@sanity/preview-kit-compat@1.5.14':
-    resolution: {integrity: sha512-6Fzi/Srp5fgW9C1/ifbATIm0o8kOX2irPoftcrvNy5UP1J6kXdePFwpXoo+wCjyOFMPTzPzykWuoaymnXp2dKA==}
+  '@sanity/preview-kit-compat@1.5.17':
+    resolution: {integrity: sha512-c8Xzo6Nk1zeRk6xO3u6t0g0EwCL0Tp4cyCE68gg5aWryWhalLyde4aY27EvZznyoSJF3JCb8ohbwVwALORaBog==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@sanity/client': ^6.22.2
+      '@sanity/client': ^6.22.3
       react: ^18.3 || >=19.0.0-rc
 
-  '@sanity/preview-kit@5.1.10':
-    resolution: {integrity: sha512-tFl9K5LnCo9RWBR7nz2vac6wacOg4jckMUcm32gDa486hN65I0jTWT6sWvwhtAYL/ny82sHsLKjHfx7ct4qxHw==}
+  '@sanity/preview-kit@5.1.14':
+    resolution: {integrity: sha512-fHFux0MWkPKSiu5yVbchUsXKeACQxrueXgequB8LtP/1+Tji6soNus3UKKeTccMs+4ppsNGBskKhoxnCtugx1g==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@sanity/client': ^6.22.2
+      '@sanity/client': ^6.22.3
       react: ^18.0.0 || >=19.0.0-rc
     peerDependenciesMeta:
       react:
@@ -4311,8 +4503,14 @@ packages:
     peerDependencies:
       '@sanity/client': ^6.22.2
 
-  '@sanity/schema@3.62.3':
-    resolution: {integrity: sha512-pgE2LyoZpQMSeHtFIO27q9rmcZm/3XbieJVhhlwpMVmJO4wynIhiWiFM33RSsqi0bumeheThlZh5Q+T5JhJ8QA==}
+  '@sanity/preview-url-secret@2.0.1':
+    resolution: {integrity: sha512-faUejxyNhGJ1R+qCfVb2CL8gQA1ztmpo5rwf23rYfVhdTAi2BxdL12OKhu/oCSh0WHC9ttEFtCp7s18Mj+0+lA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@sanity/client': ^6.22.3
+
+  '@sanity/schema@3.63.0':
+    resolution: {integrity: sha512-Hvnk3NQWuEoms3xBUXQkiL5GSRWtCetZO7t0pKyoPMyKNkAhEfR8KuwISxEM1sLwlwR24ogYVPh4xJymBn7aaw==}
 
   '@sanity/telemetry@0.7.9':
     resolution: {integrity: sha512-TBBRK2SUwiNND+ZJPwdWSu8tbEjdIz7UjagmCCBBWcfXtDKXXlWawC/DOEWuI4Q+WcA5OWLDjboxZT4ApWjVbw==}
@@ -4323,11 +4521,20 @@ packages:
   '@sanity/types@3.37.2':
     resolution: {integrity: sha512-1EfKkNlJ86wIDtc7oFHb79JI8lKDOxKDYrkmwhvuHgJY83GpSABc1kFdbwAtWZfrWVWyqVXUv/KlNwA3b99y/g==}
 
-  '@sanity/types@3.62.3':
-    resolution: {integrity: sha512-9dXm3KCbpGezzJ50mOQbkgGb0kRS+tt5hHX9hJsBdQ7J+hYO/X4nBOqqf7VFNqYE0LNnxjrceIwKHZqAlNGRNg==}
+  '@sanity/types@3.63.0':
+    resolution: {integrity: sha512-d7Qbd07mzbvI6bEfb4j7LnDH5dAf5nwEyYPj+e8tHjlPYzyoutKQ5wmTU8rNqTmg4PiuvNYyDo6zWcEVrUW8Vw==}
 
-  '@sanity/ui@2.8.17':
-    resolution: {integrity: sha512-lckBR2qEeRMI4nIMtLmc1/4898gJ8e3bYRGl+/JRpqg4cgCOYM8eM+o8Mz14po+XQ/n5Jac0wLlOsHOhTxiMTw==}
+  '@sanity/ui@1.9.3':
+    resolution: {integrity: sha512-AdWEVFaK0Snk6xxP0lGPVP3QQYKwzkfGFpFZnL9d6UtWt8yeuS8BMLVAzmXzg14hrqH50ex9nvNl3eq6a0MWiw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^18
+      react-dom: ^18
+      react-is: ^18
+      styled-components: ^5.2 || ^6
+
+  '@sanity/ui@2.8.22':
+    resolution: {integrity: sha512-yrX2Zde3MdAR8w2qrRVxwulov6pKboEG4QA5yshXBpgz0PXbEVLNwlDvfjl7Tj/PjWIhSXnFp6jR34XAJx3ygg==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: ^18 || >=19.0.0-0
@@ -4339,19 +4546,25 @@ packages:
     resolution: {integrity: sha512-hq0eLjyV2iaOm9ivtPw12YTQ4QsE3jnV/Ui0zhclEhu8Go5JiaEhFt2+WM2lLGRH6qcSA414QbsCNCcyhJL6rA==}
     engines: {node: '>=18'}
 
-  '@sanity/util@3.62.3':
-    resolution: {integrity: sha512-3hYi693WgaA+Q/XpRPx1uaPdzQIaXIKJUR5nVdACHRH/avEM/RwkP+t5XQk6ZDz+0EiOUJFCAFgQSpwiIw/zJQ==}
+  '@sanity/util@3.63.0':
+    resolution: {integrity: sha512-AZLrGMMhNUFRKohEjTWkWFgUVHcokBC+NXxGsJl2NKU9iabwb1OFrnaOskjskLpF8SQ4cs34YoH3ydB+k4zZ2g==}
     engines: {node: '>=18'}
 
   '@sanity/uuid@3.0.2':
     resolution: {integrity: sha512-vzdhqOrX7JGbMyK40KuIwwyXHm7GMLOGuYgn3xlC09e4ZVNofUO5mgezQqnRv0JAMthIRhofqs9f6ufUjMKOvw==}
 
-  '@sanity/visual-editing@2.4.2':
-    resolution: {integrity: sha512-HyvDmc33U27jMm/b7AUxShtdbJaXtE2FzSh3DAC4bbWq59iGoSbHTHRWq7xIZpWVH76xgkLh+RgVsyr8lI/+8g==}
+  '@sanity/vision@3.63.0':
+    resolution: {integrity: sha512-mDd3HcgYlP9g9dmTHLkc/kwHhLJ2yGksVTYne3f9mse7cE2Dp6ImAIANmkNVI6LR+X08PRjGtAeVL+ua465yEA==}
+    peerDependencies:
+      react: ^18
+      styled-components: ^6.1
+
+  '@sanity/visual-editing@2.5.1':
+    resolution: {integrity: sha512-jzU//xgooJfGklEIfN6bijpH5oWVfiZeSiljKeAvQADvXlPzcnW7IlwikaW/dDvrJmS/lxlp1DMuMpEB4/07SA==}
     engines: {node: '>=18'}
     peerDependencies:
       '@remix-run/react': '>= 2'
-      '@sanity/client': ^6.22.2
+      '@sanity/client': ^6.22.3
       '@sveltejs/kit': '>= 2'
       next: '>= 13 || >=14.3.0-canary.0 <14.3.0 || >=15.0.0-rc'
       react: ^18.3 || >=19.0.0-rc
@@ -4431,6 +4644,14 @@ packages:
   '@sinclair/typebox@0.27.8':
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
 
+  '@sindresorhus/slugify@2.2.1':
+    resolution: {integrity: sha512-MkngSCRZ8JdSOCHRaYd+D01XhvU3Hjy6MGl06zhOk614hp9EOAp5gIkBeQg7wtmxpitU6eAL4kdiRMcJa2dlrw==}
+    engines: {node: '>=12'}
+
+  '@sindresorhus/transliterate@1.6.0':
+    resolution: {integrity: sha512-doH1gimEu3A46VX6aVxpHTeHrytJAG6HgdxntYnCFiIFHEM/ZGpG8KiZGBChchjQmG0XFIBL552kBTjVcMZXwQ==}
+    engines: {node: '>=12'}
+
   '@sinonjs/commons@3.0.0':
     resolution: {integrity: sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==}
 
@@ -4515,68 +4736,68 @@ packages:
     resolution: {integrity: sha512-LnhVjMWyMQV9ZmeEy26maJk+8HTIbd59cH4F2MJ439k9DqejRisfFNGAPvRYlKETuh9LrImlS8aKsBgKjMA8WA==}
     engines: {node: '>=14'}
 
-  '@swc/core-darwin-arm64@1.7.42':
-    resolution: {integrity: sha512-fWhaCs2+8GDRIcjExVDEIfbptVrxDqG8oHkESnXgymmvqTWzWei5SOnPNMS8Q+MYsn/b++Y2bDxkcwmq35Bvxg==}
+  '@swc/core-darwin-arm64@1.8.0':
+    resolution: {integrity: sha512-TIus1/SE/Ud4g84hCnchcagu+LfyndSDy5r5qf64nflojejDidPU9Fp1InzQhQpEgIpntnZID/KFCP5rQnvsIw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@swc/core-darwin-x64@1.7.42':
-    resolution: {integrity: sha512-ZaVHD2bijrlkCyD7NDzLmSK849Jgcx+6DdL4x1dScoz1slJ8GTvLtEu0JOUaaScQwA+cVlhmrmlmi9ssjbRLGQ==}
+  '@swc/core-darwin-x64@1.8.0':
+    resolution: {integrity: sha512-yCb1FHCX/HUmNRGB1X3CFJ1WPKXMosZVUe3K2TrosCGvytwgaLoW5FS0bZg5Qv6cEUERQBg75cJnOUPwLLRCVg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [darwin]
 
-  '@swc/core-linux-arm-gnueabihf@1.7.42':
-    resolution: {integrity: sha512-iF0BJj7hVTbY/vmbvyzVTh/0W80+Q4fbOYschdUM3Bsud39TA+lSaPOefOHywkNH58EQ1z3EAxYcJOWNES7GFQ==}
+  '@swc/core-linux-arm-gnueabihf@1.8.0':
+    resolution: {integrity: sha512-6TdjVdiLaSW+eGiHKEojMDlx673nowrPHa6nM6toWgRzy8tIZgjPOguVKJDoMnoHuvO7SkOLCUiMRw0rTskypA==}
     engines: {node: '>=10'}
     cpu: [arm]
     os: [linux]
 
-  '@swc/core-linux-arm64-gnu@1.7.42':
-    resolution: {integrity: sha512-xGu8j+DOLYTLkVmsfZPJbNPW1EkiWgSucT0nOlz77bLxImukt/0+HVm2hOwHSKuArQ8C3cjahAMY3b/s4VH2ww==}
+  '@swc/core-linux-arm64-gnu@1.8.0':
+    resolution: {integrity: sha512-TU2YcTornnyZiJUabRuk7Xtvzaep11FwK77IkFomjN9/Os5s25B8ea652c2fAQMe9RsM84FPVmX303ohxavjKQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-arm64-musl@1.7.42':
-    resolution: {integrity: sha512-qtW3JNO7i1yHEko59xxz+jY38+tYmB96JGzj6XzygMbYJYZDYbrOpXQvKbMGNG3YeTDan7Fp2jD0dlKf7NgDPA==}
+  '@swc/core-linux-arm64-musl@1.8.0':
+    resolution: {integrity: sha512-2CdPTEKxx2hJIj/B0fn8L8k2coo/FDS95smzXyi2bov5FcrP6Ohboq8roFBYgj38fkHusXjY8qt+cCH7yXWAdg==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
 
-  '@swc/core-linux-x64-gnu@1.7.42':
-    resolution: {integrity: sha512-F9WY1TN+hhhtiEzZjRQziNLt36M5YprMeOBHjsLVNqwgflzleSI7ulgnlQECS8c8zESaXj3ksGduAoJYtPC1cA==}
+  '@swc/core-linux-x64-gnu@1.8.0':
+    resolution: {integrity: sha512-14StQBifCs/AMsySdU95OmwNJr9LOVqo6rcTFt2b7XaWpe/AyeuMJFxcndLgUewksJHpfepzCTwNdbcYmuNo6A==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-linux-x64-musl@1.7.42':
-    resolution: {integrity: sha512-7YMdOaYKLMQ8JGfnmRDwidpLFs/6ka+80zekeM0iCVO48yLrJR36G0QGXzMjKsXI0BPhq+mboZRRENK4JfQnEA==}
+  '@swc/core-linux-x64-musl@1.8.0':
+    resolution: {integrity: sha512-qemJnAQlYqKCfWNqVv5SG8uGvw8JotwU86cuFUkq35oTB+dsSFM3b83+B1giGTKKFOh2nfWT7bvPXTKk+aUjew==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
 
-  '@swc/core-win32-arm64-msvc@1.7.42':
-    resolution: {integrity: sha512-C5CYWaIZEyqPl5W/EwcJ/mLBJFHVoUEa/IwWi0b4q2fCXcSCktQGwKXOQ+d67GneiZoiq0HasgcdMmMpGS9YRQ==}
+  '@swc/core-win32-arm64-msvc@1.8.0':
+    resolution: {integrity: sha512-fXt5vZbnrVdXZzGj2qRnZtY3uh+NtLCaFjS2uD9w8ssdbjhbDZYlJCj2JINOjv35ttEfAD2goiYmVa5P/Ypl+g==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [win32]
 
-  '@swc/core-win32-ia32-msvc@1.7.42':
-    resolution: {integrity: sha512-3j47seZ5pO62mbrqvPe1iwhe2BXnM5q7iB+n2xgA38PCGYt0mnaJafqmpCXm/uYZOCMqSNynaoOWCMMZm4sqtA==}
+  '@swc/core-win32-ia32-msvc@1.8.0':
+    resolution: {integrity: sha512-W4FA2vSJ+bGYiTj6gspxghSdKQNLfLMo65AH07u797x7I+YJj8amnFY/fQRlroDv5Dez/FHTv14oPlTlNFUpIw==}
     engines: {node: '>=10'}
     cpu: [ia32]
     os: [win32]
 
-  '@swc/core-win32-x64-msvc@1.7.42':
-    resolution: {integrity: sha512-FXl9MdeUogZLGDcLr6QIRdDVkpG0dkN4MLM4dwQ5kcAk+XfKPrQibX6M2kcfhsCx+jtBqtK7hRFReRXPWJZGbA==}
+  '@swc/core-win32-x64-msvc@1.8.0':
+    resolution: {integrity: sha512-Il4y8XwKDV0Bnk0IpA00kGcSQC6I9XOIinW5egTutnwIDfDE+qsD0j+0isW5H76GetY3/Ze0lVxeOXLAUgpegA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [win32]
 
-  '@swc/core@1.7.42':
-    resolution: {integrity: sha512-iQrRk3SKndQZ4ptJv1rzeQSiCYQIhMjiO97QXOlCcCoaazOLKPnLnXzU4Kv0FuBFyYfG2FE94BoR0XI2BN02qw==}
+  '@swc/core@1.8.0':
+    resolution: {integrity: sha512-EF8C5lp1RKMp3426tAKwQyVbg4Zcn/2FDax3cz8EcOXYQJM/ctB687IvBm9Ciej1wMcQ/dMRg+OB4Xl8BGLBoA==}
     engines: {node: '>=10'}
     peerDependencies:
       '@swc/helpers': '*'
@@ -4599,8 +4820,8 @@ packages:
     peerDependencies:
       '@swc/core': '*'
 
-  '@swc/types@0.1.13':
-    resolution: {integrity: sha512-JL7eeCk6zWCbiYQg2xQSdLXQJl8Qoc9rXmG2cEKvHe3CKwMHwHGpfOb8frzNLmbycOo6I51qxnLnn9ESf4I20Q==}
+  '@swc/types@0.1.14':
+    resolution: {integrity: sha512-PbSmTiYCN+GMrvfjrMo9bdY+f2COnwbdnoMw7rqU/PI5jXpKjxOGZ0qqZCImxnT81NkNsKnmEpvu+hRXLBeCJg==}
 
   '@tanstack/query-core@5.59.17':
     resolution: {integrity: sha512-jWdDiif8kaqnRGHNXAa9CnudtxY5v9DUxXhodgqX2Rwzj+1UwStDHEbBd9IA5C7VYAaJ2s+BxFR6PUBs8ERorA==}
@@ -4744,6 +4965,9 @@ packages:
   '@types/body-scroll-lock@3.1.2':
     resolution: {integrity: sha512-ELhtuphE/YbhEcpBf/rIV9Tl3/O0A0gpCVD+oYFSS8bWstHFJUgA4nNw1ZakVlRC38XaQEIsBogUZKWIPBvpfQ==}
 
+  '@types/codemirror@5.60.15':
+    resolution: {integrity: sha512-dTOvwEQ+ouKJ/rE9LT1Ue2hmP6H1mZv5+CCnNWu2qtiOe2LQa9lCprEY20HxiDmV/Bxh+dXjywmy5aKvoGjULA==}
+
   '@types/concat-stream@1.6.1':
     resolution: {integrity: sha512-eHE4cQPoj6ngxBZMvVf6Hw7Mh4jMW4U9lpGmS5GBPB9RYxlFg+CHaVN7ErNY4W9XfLIEn20b4VDYaIrbq0q4uA==}
 
@@ -4843,6 +5067,9 @@ packages:
   '@types/lodash@4.17.13':
     resolution: {integrity: sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==}
 
+  '@types/marked@4.3.2':
+    resolution: {integrity: sha512-a79Yc3TOk6dGdituy8hmTTJXjOkZ7zsFYV10L337ttq/rec8lRMDBpV7fL3uLx6TgbFCa5DU/h8FmIBQPSbU0w==}
+
   '@types/mdast@3.0.12':
     resolution: {integrity: sha512-DT+iNIRNX884cx0/Q1ja7NyUPpZuv0KPyL5rGNxm1WC1OtHstl7n4Jb7nk+xacNShQMbczJjt8uFzznpp6kYBg==}
 
@@ -4948,21 +5175,18 @@ packages:
   '@types/tar-stream@3.1.3':
     resolution: {integrity: sha512-Zbnx4wpkWBMBSu5CytMbrT5ZpMiF55qgM+EpHzR4yIDu7mv52cej8hTkOc6K+LzpkOAbxwn/m7j3iO+/l42YkQ==}
 
+  '@types/tern@0.23.9':
+    resolution: {integrity: sha512-ypzHFE/wBzh+BlH6rrBgS5I/Z7RD21pGhZ2rltb/+ZrVM1awdZwjx7hE5XfuYgHWk9uvV5HLZN3SloevCAp3Bw==}
+
   '@types/tough-cookie@4.0.3':
     resolution: {integrity: sha512-THo502dA5PzG/sfQH+42Lw3fvmYkceefOspdCwpHRul8ik2Jv1K8I5OZz1AT3/rs46kwgMCe9bSBmDLYkkOMGg==}
 
   '@types/triple-beam@1.3.5':
     resolution: {integrity: sha512-6WaYesThRMCl19iryMYP7/x2OVgCtbIVflDGFpWnb9irXI3UjYE4AzmYuiUKY1AJstGijoY+MgUszMgRxIYTYw==}
 
-  '@types/unist@2.0.10':
-    resolution: {integrity: sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==}
-
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
-  '@types/unist@2.0.7':
-    resolution: {integrity: sha512-cputDpIbFgLUaGQn6Vqg3/YsJwxUwHLO13v3i5ouxT4lat0khip9AEWxtERujXV9wxIB1EyF97BSJFt6vpdI8g==}
-
   '@types/unist@3.0.0':
     resolution: {integrity: sha512-MFETx3tbTjE7Uk6vvnWINA/1iJ7LuMdO4fcq8UfF0pRbj01aGLduVvQcRyswuACJdpnHgg8E3rQLhaRdNEJS0w==}
 
@@ -5047,9 +5271,40 @@ packages:
     resolution: {integrity: sha512-PChz8UaKQAVNHghsHcPyx1OMHoFRUEA7rJSK/mDhdq85bk+PLsUHUBqTQTFt18VJZbmxBovM65fezlheQRsSDA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript/twoslash@3.1.0':
+    resolution: {integrity: sha512-kTwMUQ8xtAZaC4wb2XuLkPqFVBj2dNBueMQ89NWEuw87k2nLBbuafeG5cob/QEr6YduxIdTVUjix0MtC7mPlmg==}
+
+  '@typescript/vfs@1.3.4':
+    resolution: {integrity: sha512-RbyJiaAGQPIcAGWFa3jAXSuAexU4BFiDRF1g3hy7LmRqfNpYlTQWGXjcrOaVZjJ8YkkpuwG0FcsYvtWQpd9igQ==}
+
+  '@typescript/vfs@1.3.5':
+    resolution: {integrity: sha512-pI8Saqjupf9MfLw7w2+og+fmb0fZS0J6vsKXXrp4/PDXEFvntgzXmChCXC/KefZZS0YGS6AT8e0hGAJcTsdJlg==}
+
   '@tyriar/fibonacci-heap@2.0.9':
     resolution: {integrity: sha512-bYuSNomfn4hu2tPiDN+JZtnzCpSpbJ/PNeulmocDy3xN2X5OkJL65zo6rPZp65cPPhLF9vfT/dgE+RtFRCSxOA==}
 
+  '@uiw/codemirror-extensions-basic-setup@4.23.6':
+    resolution: {integrity: sha512-bvtq8IOvdkLJMhoJBRGPEzU51fMpPDwEhcAHp9xCR05MtbIokQgsnLXrmD1aZm6e7s/3q47H+qdSfAAkR5MkLA==}
+    peerDependencies:
+      '@codemirror/autocomplete': '>=6.0.0'
+      '@codemirror/commands': '>=6.0.0'
+      '@codemirror/language': '>=6.0.0'
+      '@codemirror/lint': '>=6.0.0'
+      '@codemirror/search': '>=6.0.0'
+      '@codemirror/state': '>=6.0.0'
+      '@codemirror/view': '>=6.0.0'
+
+  '@uiw/react-codemirror@4.23.6':
+    resolution: {integrity: sha512-caYKGV6TfGLRV1HHD3p0G3FiVzKL1go7wes5XT2nWjB0+dTdyzyb81MKRSacptgZcotujfNO6QXn65uhETRAMw==}
+    peerDependencies:
+      '@babel/runtime': '>=7.11.0'
+      '@codemirror/state': '>=6.0.0'
+      '@codemirror/theme-one-dark': '>=6.0.0'
+      '@codemirror/view': '>=6.0.0'
+      codemirror: '>=6.0.0'
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -5215,6 +5470,15 @@ packages:
   '@webassemblyjs/wast-printer@1.12.1':
     resolution: {integrity: sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==}
 
+  '@xstate/react@4.1.3':
+    resolution: {integrity: sha512-zhE+ZfrcCR87bu71Rkh5Z5ruZBivR/7uD/dkelzJqjQdI45IZc9DqTI8lL4Cg5+VN2p5k86KxDsusqW1kW11Tg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      xstate: ^5.18.2
+    peerDependenciesMeta:
+      xstate:
+        optional: true
+
   '@xtuc/ieee754@1.2.0':
     resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
 
@@ -5412,6 +5676,10 @@ packages:
     resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
     engines: {node: '>= 0.4'}
 
+  array-find-index@1.0.2:
+    resolution: {integrity: sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw==}
+    engines: {node: '>=0.10.0'}
+
   array-ify@1.0.0:
     resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
 
@@ -5765,10 +6033,18 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
+  camelcase-keys@2.1.0:
+    resolution: {integrity: sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==}
+    engines: {node: '>=0.10.0'}
+
   camelcase-keys@6.2.2:
     resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
     engines: {node: '>=8'}
 
+  camelcase@2.1.1:
+    resolution: {integrity: sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw==}
+    engines: {node: '>=0.10.0'}
+
   camelcase@5.3.1:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
@@ -5945,8 +6221,8 @@ packages:
     resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
     engines: {node: '>=6'}
 
-  cmdk@1.0.3:
-    resolution: {integrity: sha512-2c3uTjwT4YeHj60q2k8S1B0WHSoGR6t5CPnec6PMFD2QF4gwid0t1VSPNeEmL02EwBwNky/A3gwPCOViKTtoPA==}
+  cmdk@1.0.4:
+    resolution: {integrity: sha512-AnsjfHyHpQ/EFeAnG216WY7A5LiYCoZzCSygiLvfXC3H3LFGCprErteUcszaVluGOhuOTbJS3jWHrSDYPBBygg==}
     peerDependencies:
       react: ^18 || ^19 || ^19.0.0-rc
       react-dom: ^18 || ^19 || ^19.0.0-rc
@@ -5958,6 +6234,15 @@ packages:
   code-block-writer@10.1.1:
     resolution: {integrity: sha512-67ueh2IRGst/51p0n6FvPrnRjAGHY5F8xdjkgrYE7DDzpJe6qA07RYQ9VcoUeo5ATOjSOiWpSL3SWBRRbempMw==}
 
+  codemirror-spell-checker@1.1.2:
+    resolution: {integrity: sha512-2Tl6n0v+GJRsC9K3MLCdLaMOmvWL0uukajNJseorZJsslaxZyZMgENocPU8R0DyoTAiKsyqiemSOZo7kjGV0LQ==}
+
+  codemirror@5.65.18:
+    resolution: {integrity: sha512-Gaz4gHnkbHMGgahNt3CA5HBk5lLQBqmD/pBgeB4kQU6OedZmqMBjlRF0LSrp2tJ4wlLNPm2FfaUd1pDy0mdlpA==}
+
+  codemirror@6.0.1:
+    resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
+
   collapse-white-space@2.1.0:
     resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
 
@@ -6183,6 +6468,9 @@ packages:
   create-require@1.1.1:
     resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
 
+  crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+
   cross-env@7.0.3:
     resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
     engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
@@ -6256,6 +6544,10 @@ packages:
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  currently-unhandled@0.4.1:
+    resolution: {integrity: sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==}
+    engines: {node: '>=0.10.0'}
+
   cyclist@1.0.2:
     resolution: {integrity: sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==}
 
@@ -6421,6 +6713,10 @@ packages:
       babel-plugin-macros:
         optional: true
 
+  deeks@3.1.0:
+    resolution: {integrity: sha512-e7oWH1LzIdv/prMQ7pmlDlaVoL64glqzvNgkgQNgyec9ORPHrT2jaOqMtRyqJuwWjtfb6v+2rk9pmaHj+F137A==}
+    engines: {node: '>= 16'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -6522,6 +6818,10 @@ packages:
     resolution: {integrity: sha512-GYqKi1aH7PJXxdhTeZBFrg8vUBeKXi+cNprXsC1kpJcbcVnV9wBsrOu1cQEdG0WeQwlfHiy3XvnKfIrJ2R0NzQ==}
     hasBin: true
 
+  doc-path@4.1.1:
+    resolution: {integrity: sha512-h1ErTglQAVv2gCnOpD3sFS6uolDbOKHDU1BZq+Kl3npPqroU3dYL42lUgMfd5UimlwtRgp7C9dLGwqQ5D2HYgQ==}
+    engines: {node: '>=16'}
+
   doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -6596,6 +6896,9 @@ packages:
   eastasianwidth@0.2.0:
     resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
 
+  easymde@2.18.0:
+    resolution: {integrity: sha512-IxVVUxNWIoXLeqtBU4BLc+eS/ScYhT1Dcb6yF5Wchoj1iXAV+TIIDWx+NCaZhY7RcSHqDPKllbYq7nwGKILnoA==}
+
   edge-runtime@2.5.9:
     resolution: {integrity: sha512-pk+k0oK0PVXdlT4oRp4lwh+unuKB7Ng4iZ2HB+EZ7QCEQizX360Rp/F4aRpgpRgdP2ufB35N+1KppHmYjqIGSg==}
     engines: {node: '>=16'}
@@ -7204,6 +7507,9 @@ packages:
   fastq@1.15.0:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
 
+  fault@1.0.4:
+    resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
+
   fault@2.0.1:
     resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
 
@@ -7224,6 +7530,10 @@ packages:
   fecha@4.2.3:
     resolution: {integrity: sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==}
 
+  fenceparser@1.1.1:
+    resolution: {integrity: sha512-VdkTsK7GWLT0VWMK5S5WTAPn61wJ98WPFwJiRHumhg4ESNUO/tnkU8bzzzc62o6Uk1SVhuZFLnakmDA4SGV7wA==}
+    engines: {node: '>=12'}
+
   figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
@@ -7276,6 +7586,10 @@ packages:
   find-root@1.1.0:
     resolution: {integrity: sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==}
 
+  find-up@1.1.2:
+    resolution: {integrity: sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==}
+    engines: {node: '>=0.10.0'}
+
   find-up@3.0.0:
     resolution: {integrity: sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==}
     engines: {node: '>=6'}
@@ -7353,6 +7667,17 @@ packages:
     resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
     engines: {node: '>=0.4.x'}
 
+  framer-motion@10.18.0:
+    resolution: {integrity: sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   framer-motion@11.0.8:
     resolution: {integrity: sha512-1KSGNuqe1qZkS/SWQlDnqK2VCVzRVEoval379j0FiUBJAZoqgwyvqFkfvJbgW2IPFo4wX16K+M0k5jO23lCIjA==}
     peerDependencies:
@@ -7501,6 +7826,10 @@ packages:
     resolution: {integrity: sha512-lMyPjQyl0cNNdDf2oR+IQ/fM3itDvpoHy45Ymo2r0L1EjazeSl13SfbKZs7KtZ/3MDCeueiaJiuOEfKqRTsSgA==}
     engines: {node: 10 || 12 || >=14}
 
+  get-stdin@4.0.1:
+    resolution: {integrity: sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw==}
+    engines: {node: '>=0.10.0'}
+
   get-stream@2.3.1:
     resolution: {integrity: sha512-AUGhbbemXxrZJRD5cDvKtQxLuYaIbNtDTK8YqupCI393Q2KSTreEsLUN3ZxAWFGiKTzL6nKuzfcIvieflUX9qA==}
     engines: {node: '>=0.10.0'}
@@ -7540,6 +7869,9 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -7612,14 +7944,18 @@ packages:
     resolution: {integrity: sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==}
     engines: {node: '>=6.0'}
 
-  groq-js@1.13.0:
-    resolution: {integrity: sha512-TfNyvCVDOEVZFFbeO6TbwwrslHTXpDNN4WwCYAcuSuORx4dLQU5Zn+cIsEFUQvLycU4lc0BqU1FIgldbhi4acQ==}
+  groq-js@1.14.0:
+    resolution: {integrity: sha512-nrrEswAovzFcG2nXWHCwbXq0ciavKSq8ZvuqT93zxIHWGX3FYCN+MkvHyYRTVuM4SuQAjU7FXkcN3DBt4BHTxA==}
     engines: {node: '>= 14'}
 
   groq@3.62.3:
     resolution: {integrity: sha512-kLqp8d0ILKr9DejGol3I7Vud6Cj4jzpHLOu0noaUQQAk8/ISUqCPlVpI9JQYA8D03LMP5rgaNppJfVvPLJqIJA==}
     engines: {node: '>=18'}
 
+  groq@3.63.0:
+    resolution: {integrity: sha512-9YzXsNTXqRFput/5HoRS7HJKl5J6of21qpc89ZnzDC/LcQPI1UzpRSuJ6AHYPzj1Re9nGRYtr88uwJsBjS4aLw==}
+    engines: {node: '>=18'}
+
   gunzip-maybe@1.4.2:
     resolution: {integrity: sha512-4haO1M4mLO91PW57BMsDFf75UmwoRX0GkdD+Faw+Lr+r/OZrOCS0pIBwOL1xCKQqnQzbNFGgK2V2CpBUPeFNTw==}
     hasBin: true
@@ -7692,6 +8028,9 @@ packages:
   hast-util-from-parse5@8.0.1:
     resolution: {integrity: sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==}
 
+  hast-util-heading-rank@3.0.0:
+    resolution: {integrity: sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==}
+
   hast-util-is-element@1.1.0:
     resolution: {integrity: sha512-oUmNua0bFbdrD/ELDSSEadRVtWZOf3iF6Lbv81naqsIV99RnSCieTbWuWCY8BAeEfKJTKl0gRdokv+dELutHGQ==}
 
@@ -7760,6 +8099,9 @@ packages:
   hey-listen@1.0.8:
     resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
 
+  highlight.js@10.7.3:
+    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
+
   highlight.js@11.8.0:
     resolution: {integrity: sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==}
     engines: {node: '>=12.0.0'}
@@ -7768,6 +8110,9 @@ packages:
     resolution: {integrity: sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==}
     engines: {node: '>=12.0.0'}
 
+  highlightjs-vue@1.0.0:
+    resolution: {integrity: sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==}
+
   history@5.3.0:
     resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==}
 
@@ -7809,6 +8154,9 @@ packages:
   html-parse-stringify@3.0.1:
     resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
 
+  html-url-attributes@3.0.1:
+    resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
+
   html-void-elements@3.0.0:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
 
@@ -7940,6 +8288,10 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@2.1.0:
+    resolution: {integrity: sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==}
+    engines: {node: '>=0.10.0'}
+
   indent-string@4.0.0:
     resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
     engines: {node: '>=8'}
@@ -8081,6 +8433,10 @@ packages:
   is-finalizationregistry@1.0.2:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
 
+  is-finite@1.1.0:
+    resolution: {integrity: sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==}
+    engines: {node: '>=0.10.0'}
+
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -8564,6 +8920,10 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  json-2-csv@5.5.6:
+    resolution: {integrity: sha512-N673XbJgHwUq9JreKpk530jSywPF/rEAQ08dV99QQpkluP/4HTwshpoP9hmDz26iSFqu7eNAPgyJfu/77HvPGA==}
+    engines: {node: '>= 16'}
+
   json-bigint@1.0.0:
     resolution: {integrity: sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==}
 
@@ -8678,6 +9038,10 @@ packages:
     resolution: {integrity: sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==}
     engines: {node: '>=18.0.0'}
 
+  load-json-file@1.1.0:
+    resolution: {integrity: sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==}
+    engines: {node: '>=0.10.0'}
+
   loader-runner@4.3.0:
     resolution: {integrity: sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==}
     engines: {node: '>=6.11.5'}
@@ -8781,9 +9145,16 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
+  loud-rejection@1.6.0:
+    resolution: {integrity: sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==}
+    engines: {node: '>=0.10.0'}
+
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
+  lowlight@1.20.0:
+    resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
+
   lowlight@2.9.0:
     resolution: {integrity: sha512-OpcaUTCLmHuVuBcyNckKfH5B0oA4JUavb/M/8n9iAvanJYNQkrVm4pvyX0SUaqkBG4dnWHKt7p50B3ngAG2Rfw==}
 
@@ -8844,6 +9215,11 @@ packages:
   markdown-table@3.0.3:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
 
+  marked@4.3.0:
+    resolution: {integrity: sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A==}
+    engines: {node: '>= 12'}
+    hasBin: true
+
   marky@1.2.5:
     resolution: {integrity: sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==}
 
@@ -8907,6 +9283,10 @@ packages:
   mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
+  mdx@0.3.1:
+    resolution: {integrity: sha512-i+oUkB4ntcYVYnjiuktpYP77m/ISDg7z1B2pL+alDNFPgRkXlkYaW6zY03103/88A06E3Pn6x/DL9qB8pT9xWA==}
+    hasBin: true
+
   media-query-parser@2.0.2:
     resolution: {integrity: sha512-1N4qp+jE0pL5Xv4uEcwVUhIkwdUO3S/9gML90nqKA7v7FcOS5vUtatfzok9S9U1EJU8dHWlcv95WLnKmmxZI9w==}
 
@@ -8925,6 +9305,10 @@ packages:
     resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
     engines: {node: '>=16.10'}
 
+  meow@3.6.0:
+    resolution: {integrity: sha512-1zRGO8C/2QD8uBxZbwwKbIQHrHKANzVnlK/3Gj7xro+ks4HLmayvETy+BnCV+wm68PE6dYcfgyTDMVG2mjlQwg==}
+    engines: {node: '>=0.10.0'}
+
   meow@9.0.0:
     resolution: {integrity: sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==}
     engines: {node: '>=10'}
@@ -9009,9 +9393,6 @@ packages:
     engines: {node: '>= 8.0.0'}
     hasBin: true
 
-  micromark-core-commonmark@2.0.0:
-    resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==}
-
   micromark-core-commonmark@2.0.1:
     resolution: {integrity: sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA==}
 
@@ -9105,9 +9486,6 @@ packages:
   micromark-util-sanitize-uri@2.0.0:
     resolution: {integrity: sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==}
 
-  micromark-util-subtokenize@2.0.0:
-    resolution: {integrity: sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==}
-
   micromark-util-subtokenize@2.0.1:
     resolution: {integrity: sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q==}
 
@@ -9297,6 +9675,11 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  mustache@2.2.1:
+    resolution: {integrity: sha512-azYRexmi9y6h2lk2JqfBLh1htlDMjKYyEYOkxoGKa0FRdr5aY4f5q8bH4JIecM181DtUEYLSz8PcRO46mgzMNQ==}
+    engines: {npm: '>=1.4.0'}
+    hasBin: true
+
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
@@ -9348,11 +9731,11 @@ packages:
       next: '>=10.0.0'
       react: '>=17.0.0'
 
-  next-sanity@9.8.8:
-    resolution: {integrity: sha512-37exA0W6VDHp66m72B934Sd7rwcVvch9VI/x4mgpHzbHUrReDknrGdWzTaKBe5iTQUHvZr8TE+GhyONO8MK5lQ==}
+  next-sanity@9.8.10:
+    resolution: {integrity: sha512-yzxSuQeMToq59SJiAEcPYnSwrVY1x6GMB7qiOhvO/yw9RYs3hgPyxBBcPjMoYsPYDHcU9n2+r59SAJaJGd6/Qg==}
     engines: {node: '>=18.18'}
     peerDependencies:
-      '@sanity/client': ^6.22.2
+      '@sanity/client': ^6.22.3
       '@sanity/icons': ^3.4.0
       '@sanity/types': ^3.62.0
       '@sanity/ui': ^2.8.10
@@ -9529,6 +9912,10 @@ packages:
     resolution: {integrity: sha512-6Cvrkxt1tqaRdWqTAMcVYEiO5i1xcF9y7t06nFdjFqkfPsEloCf8WwhXdwBpNUkVYSQlSGS7cDgVQR86miBfBQ==}
     engines: {node: '>=18.18'}
 
+  object-assign@4.0.1:
+    resolution: {integrity: sha512-c6legOHWepAbWnp3j5SRUMpxCXBKI4rD7A5Osn9IzZ8w4O/KccXdW0lqdkQKbpk0eHGjNgKihgzY6WuEq99Tfw==}
+    engines: {node: '>=0.10.0'}
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -9726,6 +10113,10 @@ packages:
   parse-entities@4.0.1:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
 
+  parse-json@2.2.0:
+    resolution: {integrity: sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==}
+    engines: {node: '>=0.10.0'}
+
   parse-json@4.0.0:
     resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
     engines: {node: '>=4'}
@@ -9764,6 +10155,10 @@ packages:
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
+  path-exists@2.1.0:
+    resolution: {integrity: sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==}
+    engines: {node: '>=0.10.0'}
+
   path-exists@3.0.0:
     resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
     engines: {node: '>=4'}
@@ -9810,6 +10205,10 @@ packages:
   path-to-regexp@6.3.0:
     resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
+  path-type@1.1.0:
+    resolution: {integrity: sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==}
+    engines: {node: '>=0.10.0'}
+
   path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
@@ -9960,6 +10359,11 @@ packages:
     resolution: {integrity: sha512-973driJZvxiGOQ5ONsFhOF/DtzPMOMtgC11kCpUrPGMTgqp2q/1gwzCquocrN33is0VZ5GFHXZYMM9l6h67v2Q==}
     engines: {node: '>=10'}
 
+  prism-react-renderer@2.4.0:
+    resolution: {integrity: sha512-327BsVCD/unU4CNLZTWVHyUHKnsqcvj2qbPlQ8MiBE2eq2rgctjigPA1Gp9HLF83kZ20zNN6jgizHJeEsyFYOw==}
+    peerDependencies:
+      react: '>=16.0.0'
+
   prismjs@1.27.0:
     resolution: {integrity: sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==}
     engines: {node: '>=6'}
@@ -10068,16 +10472,26 @@ packages:
     resolution: {integrity: sha512-9WmIKF6mkvA0SLmA2Knm9+qj89e+j1zqgyn8aXGd7+nAduPoqgI9lO57SAZNn/Byzo5P7JhXTyg9PzaJbH73bA==}
     engines: {node: '>= 0.8'}
 
+  react-children-utilities@2.10.0:
+    resolution: {integrity: sha512-9naSkrOHACjoDsHDtAQR5mGMp3ffv1DkUSQPDa8iJFP0+lXloS4fw44hMHaWeNF3qL4B3GPiJ9032Oo309oa9g==}
+    peerDependencies:
+      react: '>=15'
+
   react-clientside-effect@1.2.6:
     resolution: {integrity: sha512-XGGGRQAKY+q25Lz9a/4EPqom7WRjz3z9R2k4jhVKA/puQFH/5Nt27vFZYql4m4NVNdUvX8PS3O7r/Zzm7cjUlg==}
     peerDependencies:
       react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
 
-  react-compiler-runtime@19.0.0-beta-6fc168f-20241025:
-    resolution: {integrity: sha512-XY5p6GUVaz8P0c/B/2ebqz/xdp0YOtidtOSuiYyQB05fMws0Qys+zubDH7IKQBEtw4AKoCzrJ6ReeTtFLOKniw==}
+  react-compiler-runtime@19.0.0-beta-63b359f-20241101:
+    resolution: {integrity: sha512-XxxpP4gqvvn2TQLWFTTqCKcbNFNJhsj+1tT2IFTiR0e13yTm1EF+qm4JSSsaSq++QZ+bIYh2exXsCN3fthd7VA==}
     peerDependencies:
       react: ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  react-compiler-runtime@19.0.0-beta-9ee70a1-20241017:
+    resolution: {integrity: sha512-hVrlYbVacwEdZi08RUxSwIzZR2/+WxUsWRa7mjViRhqcqUYK+7u8UEVZoJrF5/gsCHMU9PhJRvolygSCaaE0nA==}
+    peerDependencies:
+      react: ^18.2.0 || ^19.0.0
+
   react-copy-to-clipboard@5.1.0:
     resolution: {integrity: sha512-k61RsNgAayIJNoy9yDsYzDe/yAZAzEbEgcz3DZMhF686LEyukcE1hzurxe85JandPUG+yTfGVFzuEw3xt8WP/A==}
     peerDependencies:
@@ -10154,12 +10568,21 @@ packages:
       react: '>=18.0.0'
       react-dom: '>=18.0.0'
 
+  react-lifecycles-compat@3.0.4:
+    resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
+
   react-lite-youtube-embed@2.4.0:
     resolution: {integrity: sha512-Xo6cM1zPlROvvM97JkqQIoXstlQDaC4+DawmM7BB7Hh1cXrkBHEGq1iJlQxBTUWAUklmpcC7ph7qg7CztXtABQ==}
     peerDependencies:
       react: '>=18.2.0'
       react-dom: '>=18.2.0'
 
+  react-markdown@9.0.1:
+    resolution: {integrity: sha512-186Gw/vF1uRkydbsOIkcGXw7aHq0sZOCRFFjGrr7b9+nVZg4UfA4enXCaxm4fUzecU38sWfrNDitGhshuU7rdg==}
+    peerDependencies:
+      '@types/react': '>=18'
+      react: '>=18'
+
   react-native@0.76.1:
     resolution: {integrity: sha512-z4KnbrnnAvloRs9NGnah3u6/LK3IbtNMrvByxa3ifigbMlsMY4WPRYV9lvt/hH4Mzt8bfuI+utnOxFyJTTq3lg==}
     engines: {node: '>=18'}
@@ -10212,18 +10635,34 @@ packages:
       '@types/react':
         optional: true
 
-  react-rx@4.1.0:
-    resolution: {integrity: sha512-8Bf8dvOrA9l48ksxR7o2TqDlr9+rdMGWjVSrqn8SCE00vrFKdQE1gqIgwD9PEpcxOPx5I7YgpWlTZRIN4nS8RA==}
+  react-rough-notation@1.0.5:
+    resolution: {integrity: sha512-TTDnw1Qn96PwitGsBsjNh4911+o26Vivj/dhHbsHHhN6lDgkQsFhv1X/eOnCjHA2EOyDE5JBQ1HEZ1yW8sCmKA==}
+    peerDependencies:
+      react: ^18.2.0
+      react-dom: ^18.2.0
+
+  react-rx@4.1.4:
+    resolution: {integrity: sha512-k0ROtlMDiuAmYy5t8CP//pr7lAuuYRqKaEf3l4YXMrPL3wFOIFHQ1/dWw1H9HpPv7ywOJ8zPnsXsrsKtsq1ojw==}
     peerDependencies:
       react: ^18.3 || >=19.0.0-0
       rxjs: ^7
 
+  react-simplemde-editor@5.2.0:
+    resolution: {integrity: sha512-GkTg1MlQHVK2Rks++7sjuQr/GVS/xm6y+HchZ4GPBWrhcgLieh4CjK04GTKbsfYorSRYKa0n37rtNSJmOzEDkQ==}
+    peerDependencies:
+      easymde: '>= 2.0.0 < 3.0.0'
+      react: '>=16.8.2'
+      react-dom: '>=16.8.2'
+
   react-spring@9.7.4:
     resolution: {integrity: sha512-ypxdsOwmCfbDZGTBRyBo7eLjF55xNFN86e/QkflZ1Rfo8QMzVjCAWocrEEbsuFKkQAg2RRdhNkinWJ6BpCvJoQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
+  react-style-proptype@3.2.2:
+    resolution: {integrity: sha512-ywYLSjNkxKHiZOqNlso9PZByNEY+FTyh3C+7uuziK0xFXu9xzdyfHwg4S9iyiRRoPCR4k2LqaBBsWVmSBwCWYQ==}
+
   react-style-singleton@2.2.1:
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
@@ -10234,6 +10673,11 @@ packages:
       '@types/react':
         optional: true
 
+  react-syntax-highlighter@15.6.1:
+    resolution: {integrity: sha512-OqJ2/vL7lEeV5zTJyG7kmARppUjiB9h9udl4qHQjjgEos66z00Ia0OckwYfRxCSFrW8RJIBnsBwQsHZbVPspqg==}
+    peerDependencies:
+      react: '>= 0.14.0'
+
   react-wrap-balancer@1.1.1:
     resolution: {integrity: sha512-AB+l7FPRWl6uZ28VcJ8skkwLn2+UC62bjiw8tQUrZPlEWDVnR9MG0lghyn7EyxuJSsFEpht4G+yh2WikEqQ/5Q==}
     peerDependencies:
@@ -10246,10 +10690,21 @@ packages:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
+  read-input@0.3.1:
+    resolution: {integrity: sha512-J1ZkWCnB4altU7RTe+62PSfa21FrEtfKyO9fuqR3yP8kZku3nIwaw2Krj383JC7egAIl5Zyz2w+EOu9uXH5HZw==}
+
+  read-pkg-up@1.0.1:
+    resolution: {integrity: sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==}
+    engines: {node: '>=0.10.0'}
+
   read-pkg-up@7.0.1:
     resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
     engines: {node: '>=8'}
 
+  read-pkg@1.1.0:
+    resolution: {integrity: sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==}
+    engines: {node: '>=0.10.0'}
+
   read-pkg@5.2.0:
     resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
     engines: {node: '>=8'}
@@ -10302,6 +10757,10 @@ packages:
   recma-stringify@1.0.0:
     resolution: {integrity: sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==}
 
+  redent@1.0.0:
+    resolution: {integrity: sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==}
+    engines: {node: '>=0.10.0'}
+
   redent@3.0.0:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
@@ -10386,12 +10845,24 @@ packages:
   rehype-parse@9.0.0:
     resolution: {integrity: sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==}
 
+  rehype-pretty-code@0.14.0:
+    resolution: {integrity: sha512-hBeKF/Wkkf3zyUS8lal9RCUuhypDWLQc+h9UrP9Pav25FUm/AQAVh4m5gdvJxh4Oz+U+xKvdsV01p1LdvsZTiQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      shiki: ^1.3.0
+
   rehype-prism-plus@2.0.0:
     resolution: {integrity: sha512-FeM/9V2N7EvDZVdR2dqhAzlw5YI49m9Tgn7ZrYJeYHIahM6gcXpH0K1y2gNnKanZCydOMluJvX2cB9z3lhY8XQ==}
 
   rehype-recma@1.0.0:
     resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
 
+  rehype-slug@6.0.0:
+    resolution: {integrity: sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==}
+
+  rehype-stringify@10.0.1:
+    resolution: {integrity: sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA==}
+
   remark-gfm@4.0.0:
     resolution: {integrity: sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==}
 
@@ -10410,9 +10881,18 @@ packages:
   remark-rehype@11.1.1:
     resolution: {integrity: sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==}
 
-  remark-stringify@11.0.0:
+  remark-shiki-twoslash@3.1.3:
+    resolution: {integrity: sha512-4e8OH3ySOCw5wUbDcPszokOKjKuebOqlP2WlySvC7ITBOq27BiGsFlq+FNWhxppZ+JzhTWah4gQrnMjX3KDbAQ==}
+    peerDependencies:
+      typescript: '>3'
+
+  remark-stringify@11.0.0:
     resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
 
+  repeating@2.0.1:
+    resolution: {integrity: sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==}
+    engines: {node: '>=0.10.0'}
+
   request-ip@3.3.0:
     resolution: {integrity: sha512-cA6Xh6e0fDBBBwH77SLJaJPBmD3nWVAcF9/XAcsrIHdjhFzFiB5aNQFytdjCGPezU3ROwrR11IddKAM08vohxA==}
 
@@ -10518,6 +10998,9 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rough-notation@0.5.1:
+    resolution: {integrity: sha512-ITHofTzm13cWFVfoGsh/4c/k2Mg8geKgBCwex71UZLnNuw403tCRjYPQ68jSAd37DMbZIePXPjDgY0XdZi9HPw==}
+
   rrweb-cssom@0.6.0:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
 
@@ -10574,8 +11057,17 @@ packages:
     resolution: {integrity: sha512-1OOTx/Uw0J3rwNkI4J/4XJfTGb2Rze/gl5jJGRw+M2hRGkp1QEu2wFHiC9adj83ABYthOczBCBpTHHeZluctdw==}
     engines: {node: '>=18.2'}
 
-  sanity@3.62.3:
-    resolution: {integrity: sha512-H7lYq9BJGRnOB32kbdCXwpkv5xxUwPConBH5ECRMJZSQ/0a71o2sYK+f1JtMurQCdQsjrAqCPj9UyJavaLNUnA==}
+  sanity-plugin-markdown@4.1.2:
+    resolution: {integrity: sha512-sPCwB3O1xcylOeG6l8pZPn9aqV4vcLa6Z9LBysCuEk0sc27JqqmdLpZcmAI8B8J809LCsMNPdECLraAoNuS/XQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      easymde: ^2
+      react: ^18
+      sanity: ^3
+      styled-components: ^5.2 || ^6
+
+  sanity@3.63.0:
+    resolution: {integrity: sha512-JKIJPbtL88YoQgVzKtoVei18zlJFnbw7MBDQYMCvp+WteLrHyISGmKAr6QQFdsaCZvIdJbOFMuhZw+GACt3xhA==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
@@ -10637,11 +11129,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  semver@7.6.2:
-    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   semver@7.6.3:
     resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
@@ -10708,6 +11195,14 @@ packages:
   shell-quote@1.8.1:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
 
+  shiki-twoslash@3.1.2:
+    resolution: {integrity: sha512-JBcRIIizi+exIA/OUhYkV6jtyeZco0ykCkIRd5sgwIt1Pm4pz+maoaRZpm6SkhPwvif4fCA7xOtJOykhpIV64Q==}
+    peerDependencies:
+      typescript: '>3'
+
+  shiki@0.10.1:
+    resolution: {integrity: sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==}
+
   shiki@1.22.2:
     resolution: {integrity: sha512-3IZau0NdGKXhH2bBlUk4w1IHNxPh6A5B2sUpyY+8utLu2j/h1QpFkAaUA1bAMxOWWGtTWcAh531vnS4NJKS/lA==}
 
@@ -10757,12 +11252,18 @@ packages:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
     engines: {node: '>=14.16'}
 
-  slate-react@0.110.3:
-    resolution: {integrity: sha512-AS8PPjwmsFS3Lq0MOEegLVlFoxhyos68G6zz2nW4sh3WeTXV7pX0exnwtY1a/docn+J3LGQO11aZXTenPXA/kg==}
+  slate-dom@0.111.0:
+    resolution: {integrity: sha512-VjeBh2xIRvP6ToEhrO1TPahc5fPezxbeSUhsRTppBPtHfidEdyp/MTI9TjUrZnlznJiVZ7QKrORXilFq8hsbtQ==}
+    peerDependencies:
+      slate: '>=0.99.0'
+
+  slate-react@0.111.0:
+    resolution: {integrity: sha512-DiiVSYn+dilx0j40FjaaHiG2KbaX4lZfTdEnYvUJMnpc+d9evcuO2nV6KCDQOtS6xr4w0sBzQMxrpGlA5alKww==}
     peerDependencies:
       react: '>=18.2.0'
       react-dom: '>=18.2.0'
       slate: '>=0.99.0'
+      slate-dom: '>=0.110.2'
 
   slate@0.110.2:
     resolution: {integrity: sha512-4xGULnyMCiEQ0Ml7JAC1A6HVE6MNpPJU7Eq4cXh1LxlrR0dFXC3XC+rNfQtUJ7chHoPkws57x7DDiWiZAt+PBA==}
@@ -10964,6 +11465,10 @@ packages:
     resolution: {integrity: sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==}
     engines: {node: '>=0.10.0'}
 
+  strip-bom@2.0.0:
+    resolution: {integrity: sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==}
+    engines: {node: '>=0.10.0'}
+
   strip-bom@3.0.0:
     resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
     engines: {node: '>=4'}
@@ -10983,6 +11488,11 @@ packages:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
 
+  strip-indent@1.0.1:
+    resolution: {integrity: sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
   strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -10991,6 +11501,9 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
+  style-mod@4.1.2:
+    resolution: {integrity: sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==}
+
   style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
 
@@ -11246,6 +11759,10 @@ packages:
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
+  trim-newlines@1.0.0:
+    resolution: {integrity: sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw==}
+    engines: {node: '>=0.10.0'}
+
   trim-newlines@3.0.1:
     resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
     engines: {node: '>=8'}
@@ -11254,9 +11771,6 @@ packages:
     resolution: {integrity: sha512-aZbgViZrg1QNcG+LULa7nhZpJTZSLm/mXnHXnbAbjmN5aSa0y7V+wvv6+4WaBtpISJzThKy+PIPxc1Nq1EJ9mg==}
     engines: {node: '>= 14.0.0'}
 
-  trough@2.1.0:
-    resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
-
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
@@ -11315,15 +11829,12 @@ packages:
     resolution: {integrity: sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==}
     engines: {node: '>=6'}
 
+  tslib@2.1.0:
+    resolution: {integrity: sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==}
+
   tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  tslib@2.6.3:
-    resolution: {integrity: sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==}
-
-  tslib@2.7.0:
-    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
-
   tslib@2.8.0:
     resolution: {integrity: sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==}
 
@@ -11423,6 +11934,9 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typo-js@1.2.4:
+    resolution: {integrity: sha512-Oy/k+tFle5NAA3J/yrrYGfvEnPVrDZ8s8/WCwjUE75k331QyKIsFss7byQ/PzBmXLY6h1moRnZbnaxWBe3I3CA==}
+
   ufo@1.5.4:
     resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
 
@@ -11479,9 +11993,6 @@ packages:
   unified@10.1.2:
     resolution: {integrity: sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==}
 
-  unified@11.0.4:
-    resolution: {integrity: sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ==}
-
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
@@ -11537,6 +12048,9 @@ packages:
   unist-util-visit-parents@6.0.1:
     resolution: {integrity: sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==}
 
+  unist-util-visit@2.0.3:
+    resolution: {integrity: sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==}
+
   unist-util-visit@4.1.2:
     resolution: {integrity: sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==}
 
@@ -11620,6 +12134,15 @@ packages:
       immer: '>=8.0.0'
       react: ^16.8.0 || ^17.0.1 || ^18.0.0
 
+  use-isomorphic-layout-effect@1.1.2:
+    resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   use-roving-index@2.0.0:
     resolution: {integrity: sha512-yd2dvhuOJ58Vo0zBkvvCbYcI3xpL6/n0Brc/70OEUm6+STSV7R2ypDx2TEwD2TIbSEz0eZxcdrQRXAqBz9SjYg==}
     peerDependencies:
@@ -11708,9 +12231,6 @@ packages:
   vfile@5.3.7:
     resolution: {integrity: sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==}
 
-  vfile@6.0.1:
-    resolution: {integrity: sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw==}
-
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
@@ -11785,10 +12305,19 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
+  vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+
+  vscode-textmate@5.2.0:
+    resolution: {integrity: sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==}
+
   w3c-hr-time@1.0.2:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
     deprecated: Use your platform's native performance.now() and performance.timeOrigin.
 
+  w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+
   w3c-xmlserializer@2.0.0:
     resolution: {integrity: sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==}
     engines: {node: '>=10'}
@@ -12178,11 +12707,6 @@ snapshots:
       '@babel/highlight': 7.24.7
       picocolors: 1.0.1
 
-  '@babel/code-frame@7.25.7':
-    dependencies:
-      '@babel/highlight': 7.25.7
-      picocolors: 1.1.0
-
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -12262,15 +12786,15 @@ snapshots:
   '@babel/core@7.25.7':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.25.7
-      '@babel/generator': 7.25.7
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.2
       '@babel/helper-compilation-targets': 7.25.7
       '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.7)
       '@babel/helpers': 7.25.7
-      '@babel/parser': 7.25.7
-      '@babel/template': 7.25.7
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/parser': 7.26.2
+      '@babel/template': 7.25.9
+      '@babel/traverse': 7.25.9
+      '@babel/types': 7.26.0
       convert-source-map: 2.0.0
       debug: 4.3.7(supports-color@5.5.0)
       gensync: 1.0.0-beta.2
@@ -12320,13 +12844,6 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  '@babel/generator@7.25.7':
-    dependencies:
-      '@babel/types': 7.25.7
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 3.0.2
-
   '@babel/generator@7.26.2':
     dependencies:
       '@babel/parser': 7.26.2
@@ -12353,7 +12870,7 @@ snapshots:
 
   '@babel/helper-builder-binary-assignment-operator-visitor@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.9
       '@babel/types': 7.24.7
     transitivePeerDependencies:
       - supports-color
@@ -12448,19 +12965,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/helper-replace-supers': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/traverse': 7.25.9
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12488,13 +12992,6 @@ snapshots:
       regexpu-core: 5.3.2
       semver: 6.3.1
 
-  '@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.22.5
-      regexpu-core: 5.3.2
-      semver: 6.3.1
-
   '@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12509,13 +13006,6 @@ snapshots:
       regexpu-core: 5.3.2
       semver: 6.3.1
 
-  '@babel/helper-create-regexp-features-plugin@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      regexpu-core: 6.1.1
-      semver: 6.3.1
-
   '@babel/helper-create-regexp-features-plugin@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12545,17 +13035,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-compilation-targets': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.7
-      debug: 4.3.7(supports-color@5.5.0)
-      lodash.debounce: 4.0.8
-      resolve: 1.22.8
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12597,7 +13076,7 @@ snapshots:
 
   '@babel/helper-member-expression-to-functions@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.9
       '@babel/types': 7.24.7
     transitivePeerDependencies:
       - supports-color
@@ -12622,8 +13101,8 @@ snapshots:
 
   '@babel/helper-module-imports@7.25.7':
     dependencies:
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/traverse': 7.25.9
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -12678,15 +13157,6 @@ snapshots:
       '@babel/core': 7.25.7
       '@babel/helper-module-imports': 7.25.7
       '@babel/helper-simple-access': 7.25.7
-      '@babel/helper-validator-identifier': 7.25.7
-      '@babel/traverse': 7.25.7
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-transforms@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-imports': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
       '@babel/traverse': 7.25.9
     transitivePeerDependencies:
@@ -12737,15 +13207,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-remap-async-to-generator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-wrap-function': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-remap-async-to-generator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12780,15 +13241,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-replace-supers@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-member-expression-to-functions': 7.25.9
-      '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-replace-supers@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -12804,15 +13256,15 @@ snapshots:
 
   '@babel/helper-simple-access@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.9
       '@babel/types': 7.24.7
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-simple-access@7.25.7':
     dependencies:
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/traverse': 7.25.9
+      '@babel/types': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -12855,16 +13307,12 @@ snapshots:
 
   '@babel/helper-string-parser@7.24.8': {}
 
-  '@babel/helper-string-parser@7.25.7': {}
-
   '@babel/helper-string-parser@7.25.9': {}
 
   '@babel/helper-validator-identifier@7.22.20': {}
 
   '@babel/helper-validator-identifier@7.24.7': {}
 
-  '@babel/helper-validator-identifier@7.25.7': {}
-
   '@babel/helper-validator-identifier@7.25.9': {}
 
   '@babel/helper-validator-option@7.22.15': {}
@@ -12887,7 +13335,7 @@ snapshots:
     dependencies:
       '@babel/helper-function-name': 7.24.7
       '@babel/template': 7.24.7
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.9
       '@babel/types': 7.24.7
     transitivePeerDependencies:
       - supports-color
@@ -12920,8 +13368,8 @@ snapshots:
 
   '@babel/helpers@7.25.7':
     dependencies:
-      '@babel/template': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.0
 
   '@babel/helpers@7.26.0':
     dependencies:
@@ -12954,13 +13402,6 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.0.1
 
-  '@babel/highlight@7.25.7':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.25.7
-      chalk: 2.4.2
-      js-tokens: 4.0.0
-      picocolors: 1.1.0
-
   '@babel/parser@7.23.0':
     dependencies:
       '@babel/types': 7.23.0
@@ -12973,10 +13414,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.25.6
 
-  '@babel/parser@7.25.7':
-    dependencies:
-      '@babel/types': 7.25.7
-
   '@babel/parser@7.26.2':
     dependencies:
       '@babel/types': 7.26.0
@@ -12987,14 +13424,6 @@ snapshots:
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13003,11 +13432,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13023,11 +13447,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13049,15 +13468,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.25.7)
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13073,14 +13483,6 @@ snapshots:
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13114,9 +13516,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-export-default-from@7.25.9(@babel/core@7.25.7)':
+  '@babel/plugin-proposal-export-default-from@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
   '@babel/plugin-proposal-nullish-coalescing-operator@7.18.6(@babel/core@7.24.7)':
@@ -13171,10 +13573,6 @@ snapshots:
     dependencies:
       '@babel/core': 7.24.7
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-
   '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13199,9 +13597,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.24.7)':
@@ -13209,9 +13607,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.20)':
@@ -13224,9 +13622,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.20)':
@@ -13254,14 +13652,14 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-export-default-from@7.25.9(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-export-default-from@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
   '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.20)':
@@ -13279,11 +13677,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-flow@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-syntax-flow@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13299,11 +13692,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-import-assertions@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-syntax-import-assertions@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13319,11 +13707,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13339,9 +13722,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.20)':
@@ -13354,9 +13737,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.20)':
@@ -13374,11 +13757,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13394,9 +13772,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.20)':
@@ -13409,11 +13787,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.22.5
-
   '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13429,9 +13802,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.20)':
@@ -13444,9 +13817,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.20)':
@@ -13459,9 +13832,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.20)':
@@ -13474,11 +13847,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.22.5
-
   '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13504,9 +13872,9 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.25.7)':
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.22.5
 
   '@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.20)':
@@ -13529,11 +13897,6 @@ snapshots:
       '@babel/core': 7.25.7
       '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13551,12 +13914,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.22.5
 
-  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.22.5
-
   '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13573,11 +13930,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-arrow-functions@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-arrow-functions@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13601,15 +13953,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-async-generator-functions@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.25.7)
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-async-generator-functions@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13635,15 +13978,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-async-to-generator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.25.7)
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-async-to-generator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13663,11 +13997,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-block-scoped-functions@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-block-scoped-functions@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13683,11 +14012,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-block-scoping@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-block-scoping@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13707,15 +14031,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.26.0)':
+  '@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
@@ -13739,14 +14055,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-class-static-block@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-class-static-block@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13782,18 +14090,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-classes@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-replace-supers': 7.25.9(@babel/core@7.25.7)
-      '@babel/traverse': 7.25.9
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-classes@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13818,12 +14114,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/template': 7.24.7
 
-  '@babel/plugin-transform-computed-properties@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/template': 7.25.9
-
   '@babel/plugin-transform-computed-properties@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13840,11 +14130,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-destructuring@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-destructuring@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13862,12 +14147,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.24.7(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-dotall-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-dotall-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13884,22 +14163,11 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-duplicate-keys@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-duplicate-keys@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
-  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13918,11 +14186,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-dynamic-import@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-dynamic-import@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13942,14 +14205,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-exponentiation-operator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-builder-binary-assignment-operator-visitor': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-exponentiation-operator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13970,11 +14225,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-export-namespace-from@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-export-namespace-from@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -13986,12 +14236,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-flow': 7.24.7(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-flow-strip-types@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/plugin-syntax-flow': 7.26.0(@babel/core@7.25.7)
-
   '@babel/plugin-transform-flow-strip-types@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14011,14 +14255,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-for-of@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-for-of@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14041,15 +14277,6 @@ snapshots:
       '@babel/helper-function-name': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-function-name@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-function-name@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14071,11 +14298,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-json-strings@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-json-strings@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14091,11 +14313,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-literals@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-literals@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14113,11 +14330,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-logical-assignment-operators@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-logical-assignment-operators@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14133,11 +14345,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-member-expression-literals@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-member-expression-literals@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14157,14 +14364,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-amd@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-modules-amd@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14189,15 +14388,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-simple-access': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-modules-commonjs@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14225,16 +14415,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-modules-systemjs@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14259,14 +14439,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-modules-umd@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14287,12 +14459,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.24.7(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-named-capturing-groups-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14309,11 +14475,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-new-target@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-new-target@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14331,11 +14492,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-nullish-coalescing-operator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14353,11 +14509,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-numeric-separator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-numeric-separator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14380,13 +14531,6 @@ snapshots:
       '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.24.7)
       '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-object-rest-spread@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.25.7)
-
   '@babel/plugin-transform-object-rest-spread@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14408,14 +14552,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-object-super@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-replace-supers': 7.25.9(@babel/core@7.25.7)
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-object-super@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14436,11 +14572,6 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.24.7)
 
-  '@babel/plugin-transform-optional-catch-binding@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-optional-catch-binding@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14462,14 +14593,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-optional-chaining@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-optional-chaining@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14488,11 +14611,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-parameters@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-parameters@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14512,14 +14630,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-private-methods@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-private-methods@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14546,15 +14656,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-private-property-in-object@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-private-property-in-object@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14574,11 +14675,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-property-literals@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-property-literals@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14599,11 +14695,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-react-display-name@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-react-display-name@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14628,21 +14719,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-react-jsx-self@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
 
-  '@babel/plugin-transform-react-jsx-source@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-react-jsx-source@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14668,17 +14749,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-module-imports': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.25.7)
-      '@babel/types': 7.26.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-react-jsx@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14720,24 +14790,12 @@ snapshots:
       '@babel/helper-plugin-utils': 7.24.7
       regenerator-transform: 0.15.2
 
-  '@babel/plugin-transform-regenerator@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      regenerator-transform: 0.15.2
-
   '@babel/plugin-transform-regenerator@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/helper-plugin-utils': 7.25.9
       regenerator-transform: 0.15.2
 
-  '@babel/plugin-transform-regexp-modifiers@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-regexp-modifiers@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14754,11 +14812,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-reserved-words@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-reserved-words@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14776,14 +14829,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-runtime@7.25.9(@babel/core@7.25.7)':
+  '@babel/plugin-transform-runtime@7.25.9(@babel/core@7.26.0)':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.25.9
-      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.25.7)
-      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.25.7)
-      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.25.7)
+      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.26.0)
+      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.26.0)
+      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.26.0)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
@@ -14798,11 +14851,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-shorthand-properties@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-shorthand-properties@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14822,14 +14870,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-spread@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-spread@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14848,11 +14888,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-sticky-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-sticky-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14868,11 +14903,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-template-literals@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-template-literals@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14888,11 +14918,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-typeof-symbol@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-typeof-symbol@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14916,17 +14941,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-typescript@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.25.7)
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/plugin-transform-typescript@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14948,11 +14962,6 @@ snapshots:
       '@babel/core': 7.24.7
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-unicode-escapes@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-unicode-escapes@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14970,12 +14979,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.24.7(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-unicode-property-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-unicode-property-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -14994,12 +14997,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.24.7(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-unicode-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-unicode-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -15018,12 +15015,6 @@ snapshots:
       '@babel/helper-create-regexp-features-plugin': 7.24.7(@babel/core@7.24.7)
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-unicode-sets-regex@7.25.9(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-create-regexp-features-plugin': 7.25.9(@babel/core@7.25.7)
-      '@babel/helper-plugin-utils': 7.25.9
-
   '@babel/plugin-transform-unicode-sets-regex@7.25.9(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -15203,81 +15194,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-env@7.26.0(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/compat-data': 7.26.2
-      '@babel/core': 7.25.7
-      '@babel/helper-compilation-targets': 7.25.9
-      '@babel/helper-plugin-utils': 7.25.9
-      '@babel/helper-validator-option': 7.25.9
-      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.7)
-      '@babel/plugin-syntax-import-assertions': 7.26.0(@babel/core@7.25.7)
-      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.25.7)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.25.7)
-      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-async-generator-functions': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-block-scoped-functions': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-class-static-block': 7.26.0(@babel/core@7.25.7)
-      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-dotall-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-duplicate-keys': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-dynamic-import': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-exponentiation-operator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-export-namespace-from': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-for-of': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-json-strings': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-member-expression-literals': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-modules-amd': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-modules-commonjs': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-modules-systemjs': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-modules-umd': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-new-target': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-object-super': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-property-literals': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-regexp-modifiers': 7.26.0(@babel/core@7.25.7)
-      '@babel/plugin-transform-reserved-words': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-template-literals': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-typeof-symbol': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-unicode-escapes': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-unicode-property-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-unicode-sets-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.25.7)
-      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.25.7)
-      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.25.7)
-      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.25.7)
-      core-js-compat: 3.39.0
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/preset-env@7.26.0(@babel/core@7.26.0)':
     dependencies:
       '@babel/compat-data': 7.26.2
@@ -15374,13 +15290,6 @@ snapshots:
       '@babel/types': 7.23.0
       esutils: 2.0.3
 
-  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.25.7)':
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-plugin-utils': 7.22.5
-      '@babel/types': 7.23.0
-      esutils: 2.0.3
-
   '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.26.0)':
     dependencies:
       '@babel/core': 7.26.0
@@ -15510,12 +15419,6 @@ snapshots:
       '@babel/parser': 7.25.6
       '@babel/types': 7.25.6
 
-  '@babel/template@7.25.7':
-    dependencies:
-      '@babel/code-frame': 7.25.7
-      '@babel/parser': 7.25.7
-      '@babel/types': 7.25.7
-
   '@babel/template@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -15564,18 +15467,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.25.7':
-    dependencies:
-      '@babel/code-frame': 7.25.7
-      '@babel/generator': 7.25.7
-      '@babel/parser': 7.25.7
-      '@babel/template': 7.25.7
-      '@babel/types': 7.25.7
-      debug: 4.3.7(supports-color@5.5.0)
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/traverse@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -15606,12 +15497,6 @@ snapshots:
       '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.25.7':
-    dependencies:
-      '@babel/helper-string-parser': 7.25.7
-      '@babel/helper-validator-identifier': 7.25.7
-      to-fast-properties: 2.0.0
-
   '@babel/types@7.26.0':
     dependencies:
       '@babel/helper-string-parser': 7.25.9
@@ -15619,6 +15504,66 @@ snapshots:
 
   '@bcoe/v8-coverage@0.2.3': {}
 
+  '@codemirror/autocomplete@6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3)':
+    dependencies:
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@lezer/common': 1.2.3
+
+  '@codemirror/commands@6.7.1':
+    dependencies:
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@lezer/common': 1.2.3
+
+  '@codemirror/lang-javascript@6.2.2':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3)
+      '@codemirror/language': 6.10.3
+      '@codemirror/lint': 6.8.2
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@lezer/common': 1.2.3
+      '@lezer/javascript': 1.4.19
+
+  '@codemirror/language@6.10.3':
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+      style-mod: 4.1.2
+
+  '@codemirror/lint@6.8.2':
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      crelt: 1.0.6
+
+  '@codemirror/search@6.5.7':
+    dependencies:
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      crelt: 1.0.6
+
+  '@codemirror/state@6.4.1': {}
+
+  '@codemirror/theme-one-dark@6.1.2':
+    dependencies:
+      '@codemirror/language': 6.10.3
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@lezer/highlight': 1.2.1
+
+  '@codemirror/view@6.34.2':
+    dependencies:
+      '@codemirror/state': 6.4.1
+      style-mod: 4.1.2
+      w3c-keyname: 2.2.8
+
   '@colors/colors@1.6.0': {}
 
   '@commitlint/cli@19.5.0(@types/node@20.14.10)(typescript@5.6.3)':
@@ -15825,7 +15770,7 @@ snapshots:
 
   '@emnapi/runtime@1.2.0':
     dependencies:
-      tslib: 2.8.0
+      tslib: 2.8.1
     optional: true
 
   '@emotion/hash@0.9.2': {}
@@ -16102,6 +16047,12 @@ snapshots:
       '@floating-ui/core': 1.6.8
       '@floating-ui/utils': 0.2.8
 
+  '@floating-ui/react-dom@2.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.6.11
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   '@floating-ui/react-dom@2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/dom': 1.6.11
@@ -16245,7 +16196,7 @@ snapshots:
       jest-util: 29.7.0
       slash: 3.0.0
 
-  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))':
+  '@jest/core@29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -16259,7 +16210,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -16459,6 +16410,22 @@ snapshots:
 
   '@juggle/resize-observer@3.4.0': {}
 
+  '@lezer/common@1.2.3': {}
+
+  '@lezer/highlight@1.2.1':
+    dependencies:
+      '@lezer/common': 1.2.3
+
+  '@lezer/javascript@1.4.19':
+    dependencies:
+      '@lezer/common': 1.2.3
+      '@lezer/highlight': 1.2.1
+      '@lezer/lr': 1.4.2
+
+  '@lezer/lr@1.4.2':
+    dependencies:
+      '@lezer/common': 1.2.3
+
   '@lukemorales/query-key-factory@1.3.4(@tanstack/query-core@5.59.17)(@tanstack/react-query@5.59.19(react@18.3.1))':
     dependencies:
       '@tanstack/query-core': 5.59.17
@@ -16479,6 +16446,17 @@ snapshots:
       - encoding
       - supports-color
 
+  '@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))':
+    dependencies:
+      '@mdx-js/mdx': 3.1.0(acorn@8.14.0)
+      source-map: 0.7.4
+    optionalDependencies:
+      webpack: 5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)
+    transitivePeerDependencies:
+      - acorn
+      - supports-color
+    optional: true
+
   '@mdx-js/mdx@3.1.0(acorn@8.14.0)':
     dependencies:
       '@types/estree': 1.0.6
@@ -16520,7 +16498,7 @@ snapshots:
       '@motionone/easing': 10.18.0
       '@motionone/types': 10.17.1
       '@motionone/utils': 10.18.0
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@motionone/dom@10.18.0':
     dependencies:
@@ -16529,18 +16507,18 @@ snapshots:
       '@motionone/types': 10.17.1
       '@motionone/utils': 10.18.0
       hey-listen: 1.0.8
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@motionone/easing@10.18.0':
     dependencies:
       '@motionone/utils': 10.18.0
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@motionone/generators@10.18.0':
     dependencies:
       '@motionone/types': 10.17.1
       '@motionone/utils': 10.18.0
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@motionone/types@10.17.1': {}
 
@@ -16548,7 +16526,7 @@ snapshots:
     dependencies:
       '@motionone/types': 10.17.1
       hey-listen: 1.0.8
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   '@newrelic/native-metrics@11.0.0':
     dependencies:
@@ -16598,6 +16576,13 @@ snapshots:
     dependencies:
       glob: 10.3.10
 
+  '@next/mdx@15.0.3(@mdx-js/loader@3.1.0(acorn@8.14.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)))(@mdx-js/react@3.0.1(@types/react@18.3.12)(react@18.3.1))':
+    dependencies:
+      source-map: 0.7.4
+    optionalDependencies:
+      '@mdx-js/loader': 3.1.0(acorn@8.14.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))
+      '@mdx-js/react': 3.0.1(@types/react@18.3.12)(react@18.3.1)
+
   '@next/swc-darwin-arm64@14.2.15':
     optional: true
 
@@ -16625,9 +16610,9 @@ snapshots:
   '@next/swc-win32-x64-msvc@14.2.15':
     optional: true
 
-  '@next/third-parties@14.2.15(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
+  '@next/third-parties@14.2.15(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
     dependencies:
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
       third-party-capital: 1.0.20
 
@@ -16739,25 +16724,29 @@ snapshots:
 
   '@polka/url@1.0.0-next.25': {}
 
-  '@portabletext/editor@1.4.0(@sanity/block-tools@3.62.3(debug@4.3.7))(@sanity/schema@3.62.3(debug@4.3.7))(@sanity/types@3.62.3)(@sanity/util@3.62.3(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@portabletext/editor@1.5.4(@sanity/block-tools@3.63.0(debug@4.3.7))(@sanity/schema@3.63.0(debug@4.3.7))(@sanity/types@3.63.0(debug@4.3.7))(@sanity/util@3.63.0(debug@4.3.7))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@portabletext/patches': 1.1.0
-      '@sanity/block-tools': 3.62.3(debug@4.3.7)
-      '@sanity/schema': 3.62.3(debug@4.3.7)
-      '@sanity/types': 3.62.3(debug@4.3.7)
-      '@sanity/util': 3.62.3(debug@4.3.7)
+      '@sanity/block-tools': 3.63.0(debug@4.3.7)
+      '@sanity/schema': 3.63.0(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
+      '@sanity/util': 3.63.0(debug@4.3.7)
+      '@xstate/react': 4.1.3(@types/react@18.3.12)(react@18.3.1)(xstate@5.18.2)
       debug: 4.3.7(supports-color@5.5.0)
       is-hotkey-esm: 1.0.0
       lodash: 4.17.21
+      lodash.startcase: 4.4.0
       react: 18.3.1
-      react-compiler-runtime: 19.0.0-beta-6fc168f-20241025(react@18.3.1)
+      react-compiler-runtime: 19.0.0-beta-9ee70a1-20241017(react@18.3.1)
       rxjs: 7.8.1
       slate: 0.110.2
-      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
+      slate-dom: 0.111.0(slate@0.110.2)
+      slate-react: 0.111.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-dom@0.111.0(slate@0.110.2))(slate@0.110.2)
       styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       use-effect-event: 1.0.2(react@18.3.1)
       xstate: 5.18.2
     transitivePeerDependencies:
+      - '@types/react'
       - react-dom
       - supports-color
 
@@ -16806,6 +16795,8 @@ snapshots:
 
   '@radix-ui/colors@3.0.0': {}
 
+  '@radix-ui/number@1.1.0': {}
+
   '@radix-ui/primitive@1.1.0': {}
 
   '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
@@ -16817,6 +16808,15 @@ snapshots:
       '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
+  '@radix-ui/react-aspect-ratio@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
   '@radix-ui/react-checkbox@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
@@ -16885,6 +16885,12 @@ snapshots:
       '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
+  '@radix-ui/react-direction@1.1.0(@types/react@18.3.12)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
   '@radix-ui/react-dismissable-layer@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
@@ -16992,6 +16998,23 @@ snapshots:
       '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
+  '@radix-ui/react-scroll-area@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/number': 1.1.0
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.12
+      '@types/react-dom': 18.3.1
+
   '@radix-ui/react-slot@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
@@ -17137,82 +17160,82 @@ snapshots:
 
   '@react-native/assets-registry@0.76.1': {}
 
-  '@react-native/babel-plugin-codegen@0.76.1(@babel/preset-env@7.26.0(@babel/core@7.25.7))':
+  '@react-native/babel-plugin-codegen@0.76.1(@babel/preset-env@7.26.0(@babel/core@7.26.0))':
     dependencies:
-      '@react-native/codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.25.7))
+      '@react-native/codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.26.0))
     transitivePeerDependencies:
       - '@babel/preset-env'
       - supports-color
 
-  '@react-native/babel-preset@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))':
+  '@react-native/babel-preset@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))':
     dependencies:
-      '@babel/core': 7.25.7
-      '@babel/plugin-proposal-export-default-from': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-export-default-from': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-async-generator-functions': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-flow-strip-types': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-for-of': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-modules-commonjs': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-react-display-name': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-react-jsx': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-runtime': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-typescript': 7.25.9(@babel/core@7.25.7)
-      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.25.7)
+      '@babel/core': 7.26.0
+      '@babel/plugin-proposal-export-default-from': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-export-default-from': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-async-generator-functions': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-flow-strip-types': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-for-of': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-modules-commonjs': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-react-display-name': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-react-jsx': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-runtime': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-typescript': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.26.0)
       '@babel/template': 7.25.9
-      '@react-native/babel-plugin-codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.25.7))
+      '@react-native/babel-plugin-codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.26.0))
       babel-plugin-syntax-hermes-parser: 0.23.1
-      babel-plugin-transform-flow-enums: 0.0.2(@babel/core@7.25.7)
+      babel-plugin-transform-flow-enums: 0.0.2(@babel/core@7.26.0)
       react-refresh: 0.14.2
     transitivePeerDependencies:
       - '@babel/preset-env'
       - supports-color
 
-  '@react-native/codegen@0.76.1(@babel/preset-env@7.26.0(@babel/core@7.25.7))':
+  '@react-native/codegen@0.76.1(@babel/preset-env@7.26.0(@babel/core@7.26.0))':
     dependencies:
       '@babel/parser': 7.26.2
-      '@babel/preset-env': 7.26.0(@babel/core@7.25.7)
+      '@babel/preset-env': 7.26.0(@babel/core@7.26.0)
       glob: 7.2.3
       hermes-parser: 0.23.1
       invariant: 2.2.4
-      jscodeshift: 0.14.0(@babel/preset-env@7.26.0(@babel/core@7.25.7))
+      jscodeshift: 0.14.0(@babel/preset-env@7.26.0(@babel/core@7.26.0))
       mkdirp: 0.5.6
       nullthrows: 1.1.1
       yargs: 17.7.2
     transitivePeerDependencies:
       - supports-color
 
-  '@react-native/community-cli-plugin@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(encoding@0.1.13)':
+  '@react-native/community-cli-plugin@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(encoding@0.1.13)':
     dependencies:
       '@react-native/dev-middleware': 0.76.1
-      '@react-native/metro-babel-transformer': 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))
+      '@react-native/metro-babel-transformer': 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))
       chalk: 4.1.2
       execa: 5.1.1
       invariant: 2.2.4
@@ -17255,10 +17278,10 @@ snapshots:
 
   '@react-native/js-polyfills@0.76.1': {}
 
-  '@react-native/metro-babel-transformer@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))':
+  '@react-native/metro-babel-transformer@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))':
     dependencies:
-      '@babel/core': 7.25.7
-      '@react-native/babel-preset': 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))
+      '@babel/core': 7.26.0
+      '@react-native/babel-preset': 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))
       hermes-parser: 0.23.1
       nullthrows: 1.1.1
     transitivePeerDependencies:
@@ -17267,12 +17290,12 @@ snapshots:
 
   '@react-native/normalize-colors@0.76.1': {}
 
-  '@react-native/virtualized-lists@0.76.1(@types/react@18.3.12)(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)':
+  '@react-native/virtualized-lists@0.76.1(@types/react@18.3.12)(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)':
     dependencies:
       invariant: 2.2.4
       nullthrows: 1.1.1
       react: 18.3.1
-      react-native: 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
+      react-native: 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -17299,14 +17322,14 @@ snapshots:
       react: 18.3.1
       react-konva: 18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  '@react-spring/native@9.7.4(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)':
+  '@react-spring/native@9.7.4(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@react-spring/animated': 9.7.4(react@18.3.1)
       '@react-spring/core': 9.7.4(react@18.3.1)
       '@react-spring/shared': 9.7.4(react@18.3.1)
       '@react-spring/types': 9.7.4
       react: 18.3.1
-      react-native: 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
+      react-native: 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
 
   '@react-spring/rafz@9.7.4': {}
 
@@ -17316,13 +17339,13 @@ snapshots:
       '@react-spring/types': 9.7.4
       react: 18.3.1
 
-  '@react-spring/three@9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(react@18.3.1)(three@0.170.0)':
+  '@react-spring/three@9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(react@18.3.1)(three@0.170.0)':
     dependencies:
       '@react-spring/animated': 9.7.4(react@18.3.1)
       '@react-spring/core': 9.7.4(react@18.3.1)
       '@react-spring/shared': 9.7.4(react@18.3.1)
       '@react-spring/types': 9.7.4
-      '@react-three/fiber': 8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0)
+      '@react-three/fiber': 8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0)
       react: 18.3.1
       three: 0.170.0
 
@@ -17348,7 +17371,7 @@ snapshots:
       react-zdog: 1.2.2
       zdog: 1.1.3
 
-  '@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0)':
+  '@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0)':
     dependencies:
       '@babel/runtime': 7.26.0
       '@types/debounce': 1.2.4
@@ -17366,7 +17389,9 @@ snapshots:
       zustand: 3.7.2(react@18.3.1)
     optionalDependencies:
       react-dom: 18.3.1(react@18.3.1)
-      react-native: 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
+      react-native: 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
+
+  '@rehype-pretty/transformers@0.13.2': {}
 
   '@rexxars/react-json-inspector@8.0.1(react@18.3.1)':
     dependencies:
@@ -17375,6 +17400,14 @@ snapshots:
       md5-o-matic: 0.1.1
       react: 18.3.1
 
+  '@rexxars/react-split-pane@0.1.93(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-lifecycles-compat: 3.0.4
+      react-style-proptype: 3.2.2
+
   '@rollup/pluginutils@4.2.1':
     dependencies:
       estree-walker: 2.0.2
@@ -17439,29 +17472,29 @@ snapshots:
       nanoid: 3.3.7
       rxjs: 7.8.1
 
-  '@sanity/block-tools@3.62.3(debug@4.3.7)':
+  '@sanity/block-tools@3.63.0(debug@4.3.7)':
     dependencies:
-      '@sanity/types': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
       '@types/react': 18.3.12
       get-random-values-esm: 1.0.2
       lodash: 4.17.21
     transitivePeerDependencies:
       - debug
 
-  '@sanity/cli@3.62.3(react@18.3.1)':
+  '@sanity/cli@3.63.0(react@18.3.1)':
     dependencies:
       '@babel/traverse': 7.25.9
       '@sanity/client': 6.22.2(debug@4.3.7)
-      '@sanity/codegen': 3.62.3
+      '@sanity/codegen': 3.63.0
       '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/util': 3.62.3(debug@4.3.7)
+      '@sanity/util': 3.63.0(debug@4.3.7)
       chalk: 4.1.2
       debug: 4.3.7(supports-color@5.5.0)
       decompress: 4.2.1
       esbuild: 0.21.5
       esbuild-register: 3.6.0(esbuild@0.21.5)
       get-it: 8.6.5(debug@4.3.7)
-      groq-js: 1.13.0
+      groq-js: 1.14.0
       pkg-dir: 5.0.0
       prettier: 3.3.3
       semver: 7.6.3
@@ -17479,7 +17512,7 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@sanity/codegen@3.62.3':
+  '@sanity/codegen@3.63.0':
     dependencies:
       '@babel/core': 7.26.0
       '@babel/generator': 7.26.2
@@ -17491,14 +17524,16 @@ snapshots:
       '@babel/types': 7.26.0
       debug: 4.3.7(supports-color@5.5.0)
       globby: 10.0.2
-      groq: 3.62.3
-      groq-js: 1.13.0
+      groq: 3.63.0
+      groq-js: 1.14.0
       json5: 2.2.3
       tsconfig-paths: 4.2.0
       zod: 3.23.8
     transitivePeerDependencies:
       - supports-color
 
+  '@sanity/color@2.2.5': {}
+
   '@sanity/color@3.0.6': {}
 
   '@sanity/comlink@1.1.1':
@@ -17507,9 +17542,24 @@ snapshots:
       uuid: 10.0.0
       xstate: 5.18.2
 
+  '@sanity/dashboard@4.1.0(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+    dependencies:
+      '@sanity/icons': 3.4.0(react@18.3.1)
+      '@sanity/image-url': 1.1.0
+      '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      lodash: 4.17.21
+      react: 18.3.1
+      rxjs: 7.8.1
+      sanity: 3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - react-dom
+      - react-is
+
   '@sanity/diff-match-patch@3.1.1': {}
 
-  '@sanity/diff@3.62.3':
+  '@sanity/diff@3.63.0':
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
 
@@ -17539,6 +17589,14 @@ snapshots:
 
   '@sanity/generate-help-url@3.0.0': {}
 
+  '@sanity/icons@1.3.10(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
+  '@sanity/icons@2.11.8(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
   '@sanity/icons@3.4.0(react@18.3.1)':
     dependencies:
       react: 18.3.1
@@ -17549,7 +17607,7 @@ snapshots:
     dependencies:
       '@sanity/asset-utils': 2.0.7
       '@sanity/generate-help-url': 3.0.0
-      '@sanity/mutator': 3.62.3
+      '@sanity/mutator': 3.63.0
       '@sanity/uuid': 3.0.2
       debug: 4.3.7(supports-color@5.5.0)
       file-url: 2.0.2
@@ -17571,11 +17629,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sanity/insert-menu@1.0.10(@sanity/types@3.62.3)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@sanity/incompatible-plugin@1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@sanity/icons': 1.3.10(react@18.3.1)
+      react: 18.3.1
+      react-copy-to-clipboard: 5.1.0(react@18.3.1)
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@sanity/insert-menu@1.0.10(@sanity/types@3.63.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/types': 3.62.3(debug@4.3.7)
-      '@sanity/ui': 2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/types': 3.63.0(debug@4.3.7)
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       lodash.startcase: 4.4.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -17588,16 +17653,16 @@ snapshots:
       '@sanity/color': 3.0.6
       react: 18.3.1
 
-  '@sanity/migrate@3.62.3':
+  '@sanity/migrate@3.63.0':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/mutate': 0.10.1(debug@4.3.7)
-      '@sanity/types': 3.62.3(debug@4.3.7)
-      '@sanity/util': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
+      '@sanity/util': 3.63.0(debug@4.3.7)
       arrify: 2.0.1
       debug: 4.3.7(supports-color@5.5.0)
       fast-fifo: 1.3.2
-      groq-js: 1.13.0
+      groq-js: 1.14.0
       p-map: 7.0.2
     transitivePeerDependencies:
       - supports-color
@@ -17627,32 +17692,32 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@sanity/mutator@3.62.3':
+  '@sanity/mutator@3.63.0':
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
-      '@sanity/types': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       debug: 4.3.7(supports-color@5.5.0)
       lodash: 4.17.21
     transitivePeerDependencies:
       - supports-color
 
-  '@sanity/next-loader@1.1.0(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
+  '@sanity/next-loader@1.1.3(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/comlink': 1.1.1
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
       use-effect-event: 1.0.2(react@18.3.1)
 
-  '@sanity/presentation@1.17.7(@sanity/client@6.22.2)(@sanity/color@3.0.6)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@sanity/presentation@1.17.8(@sanity/client@6.22.2(debug@4.3.7))(@sanity/color@3.0.6)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/comlink': 1.1.1
       '@sanity/icons': 3.4.0(react@18.3.1)
       '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
-      '@sanity/preview-url-secret': 2.0.0(@sanity/client@6.22.2)
-      '@sanity/ui': 2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/preview-url-secret': 2.0.0(@sanity/client@6.22.2(debug@4.3.7))
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/uuid': 3.0.2
       '@types/lodash.isequal': 4.5.8
       fast-deep-equal: 3.1.3
@@ -17672,31 +17737,36 @@ snapshots:
       - react-is
       - styled-components
 
-  '@sanity/preview-kit-compat@1.5.14(@sanity/client@6.22.2)(react@18.3.1)':
+  '@sanity/preview-kit-compat@1.5.17(@sanity/client@6.22.2)(react@18.3.1)':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/comlink': 1.1.1
       react: 18.3.1
 
-  '@sanity/preview-kit@5.1.10(@sanity/client@6.22.2)(react@18.3.1)':
+  '@sanity/preview-kit@5.1.14(@sanity/client@6.22.2)(react@18.3.1)':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
-      '@sanity/preview-kit-compat': 1.5.14(@sanity/client@6.22.2)(react@18.3.1)
+      '@sanity/preview-kit-compat': 1.5.17(@sanity/client@6.22.2)(react@18.3.1)
       mendoza: 3.0.7
     optionalDependencies:
       react: 18.3.1
 
-  '@sanity/preview-url-secret@2.0.0(@sanity/client@6.22.2)':
+  '@sanity/preview-url-secret@2.0.0(@sanity/client@6.22.2(debug@4.3.7))':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/uuid': 3.0.2
 
-  '@sanity/schema@3.62.3(debug@4.3.7)':
+  '@sanity/preview-url-secret@2.0.1(@sanity/client@6.22.2)':
+    dependencies:
+      '@sanity/client': 6.22.2(debug@4.3.7)
+      '@sanity/uuid': 3.0.2
+
+  '@sanity/schema@3.63.0(debug@4.3.7)':
     dependencies:
       '@sanity/generate-help-url': 3.0.0
-      '@sanity/types': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
       arrify: 1.0.1
-      groq-js: 1.13.0
+      groq-js: 1.14.0
       humanize-list: 1.0.1
       leven: 3.1.0
       lodash: 4.17.21
@@ -17719,14 +17789,27 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@sanity/types@3.62.3(debug@4.3.7)':
+  '@sanity/types@3.63.0(debug@4.3.7)':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@types/react': 18.3.12
     transitivePeerDependencies:
       - debug
 
-  '@sanity/ui@2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+  '@sanity/ui@1.9.3(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+    dependencies:
+      '@floating-ui/react-dom': 2.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/color': 2.2.5
+      '@sanity/icons': 2.11.8(react@18.3.1)
+      csstype: 3.1.3
+      framer-motion: 10.18.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-is: 18.3.1
+      react-refractor: 2.2.0(react@18.3.1)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+
+  '@sanity/ui@2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sanity/color': 3.0.6
@@ -17734,7 +17817,7 @@ snapshots:
       csstype: 3.1.3
       framer-motion: 11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
-      react-compiler-runtime: 19.0.0-beta-6fc168f-20241025(react@18.3.1)
+      react-compiler-runtime: 19.0.0-beta-63b359f-20241101(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
@@ -17751,10 +17834,10 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@sanity/util@3.62.3(debug@4.3.7)':
+  '@sanity/util@3.63.0(debug@4.3.7)':
     dependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
-      '@sanity/types': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
       get-random-values-esm: 1.0.2
       moment: 2.30.1
       rxjs: 7.8.1
@@ -17766,11 +17849,44 @@ snapshots:
       '@types/uuid': 8.3.4
       uuid: 8.3.2
 
-  '@sanity/visual-editing@2.4.2(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@sanity/vision@3.63.0(@babel/runtime@7.26.0)(@codemirror/lint@6.8.2)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.3)(codemirror@6.0.1(@lezer/common@1.2.3))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3)
+      '@codemirror/commands': 6.7.1
+      '@codemirror/lang-javascript': 6.2.2
+      '@codemirror/language': 6.10.3
+      '@codemirror/search': 6.5.7
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+      '@juggle/resize-observer': 3.4.0
+      '@lezer/highlight': 1.2.1
+      '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
+      '@rexxars/react-split-pane': 0.1.93(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/color': 3.0.6
+      '@sanity/icons': 3.4.0(react@18.3.1)
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@uiw/react-codemirror': 4.23.6(@babel/runtime@7.26.0)(@codemirror/autocomplete@6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3))(@codemirror/language@6.10.3)(@codemirror/lint@6.8.2)(@codemirror/search@6.5.7)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.34.2)(codemirror@6.0.1(@lezer/common@1.2.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      is-hotkey-esm: 1.0.0
+      json-2-csv: 5.5.6
+      json5: 2.2.3
+      lodash: 4.17.21
+      quick-lru: 5.1.1
+      react: 18.3.1
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - '@babel/runtime'
+      - '@codemirror/lint'
+      - '@codemirror/theme-one-dark'
+      - '@lezer/common'
+      - codemirror
+      - react-dom
+      - react-is
+
+  '@sanity/visual-editing@2.5.1(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@sanity/comlink': 1.1.1
       '@sanity/mutate': 0.10.1-canary.5(xstate@5.18.2)
-      '@sanity/preview-url-secret': 2.0.0(@sanity/client@6.22.2)
+      '@sanity/preview-url-secret': 2.0.1(@sanity/client@6.22.2)
       '@vercel/stega': 0.1.2
       get-random-values-esm: 1.0.2
       react: 18.3.1
@@ -17782,7 +17898,7 @@ snapshots:
       xstate: 5.18.2
     optionalDependencies:
       '@sanity/client': 6.22.2(debug@4.3.7)
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
     transitivePeerDependencies:
       - debug
 
@@ -17882,6 +17998,15 @@ snapshots:
 
   '@sinclair/typebox@0.27.8': {}
 
+  '@sindresorhus/slugify@2.2.1':
+    dependencies:
+      '@sindresorhus/transliterate': 1.6.0
+      escape-string-regexp: 5.0.0
+
+  '@sindresorhus/transliterate@1.6.0':
+    dependencies:
+      escape-string-regexp: 5.0.0
+
   '@sinonjs/commons@3.0.0':
     dependencies:
       type-detect: 4.0.8
@@ -17983,51 +18108,51 @@ snapshots:
       - supports-color
       - typescript
 
-  '@swc/core-darwin-arm64@1.7.42':
+  '@swc/core-darwin-arm64@1.8.0':
     optional: true
 
-  '@swc/core-darwin-x64@1.7.42':
+  '@swc/core-darwin-x64@1.8.0':
     optional: true
 
-  '@swc/core-linux-arm-gnueabihf@1.7.42':
+  '@swc/core-linux-arm-gnueabihf@1.8.0':
     optional: true
 
-  '@swc/core-linux-arm64-gnu@1.7.42':
+  '@swc/core-linux-arm64-gnu@1.8.0':
     optional: true
 
-  '@swc/core-linux-arm64-musl@1.7.42':
+  '@swc/core-linux-arm64-musl@1.8.0':
     optional: true
 
-  '@swc/core-linux-x64-gnu@1.7.42':
+  '@swc/core-linux-x64-gnu@1.8.0':
     optional: true
 
-  '@swc/core-linux-x64-musl@1.7.42':
+  '@swc/core-linux-x64-musl@1.8.0':
     optional: true
 
-  '@swc/core-win32-arm64-msvc@1.7.42':
+  '@swc/core-win32-arm64-msvc@1.8.0':
     optional: true
 
-  '@swc/core-win32-ia32-msvc@1.7.42':
+  '@swc/core-win32-ia32-msvc@1.8.0':
     optional: true
 
-  '@swc/core-win32-x64-msvc@1.7.42':
+  '@swc/core-win32-x64-msvc@1.8.0':
     optional: true
 
-  '@swc/core@1.7.42(@swc/helpers@0.5.13)':
+  '@swc/core@1.8.0(@swc/helpers@0.5.13)':
     dependencies:
       '@swc/counter': 0.1.3
-      '@swc/types': 0.1.13
+      '@swc/types': 0.1.14
     optionalDependencies:
-      '@swc/core-darwin-arm64': 1.7.42
-      '@swc/core-darwin-x64': 1.7.42
-      '@swc/core-linux-arm-gnueabihf': 1.7.42
-      '@swc/core-linux-arm64-gnu': 1.7.42
-      '@swc/core-linux-arm64-musl': 1.7.42
-      '@swc/core-linux-x64-gnu': 1.7.42
-      '@swc/core-linux-x64-musl': 1.7.42
-      '@swc/core-win32-arm64-msvc': 1.7.42
-      '@swc/core-win32-ia32-msvc': 1.7.42
-      '@swc/core-win32-x64-msvc': 1.7.42
+      '@swc/core-darwin-arm64': 1.8.0
+      '@swc/core-darwin-x64': 1.8.0
+      '@swc/core-linux-arm-gnueabihf': 1.8.0
+      '@swc/core-linux-arm64-gnu': 1.8.0
+      '@swc/core-linux-arm64-musl': 1.8.0
+      '@swc/core-linux-x64-gnu': 1.8.0
+      '@swc/core-linux-x64-musl': 1.8.0
+      '@swc/core-win32-arm64-msvc': 1.8.0
+      '@swc/core-win32-ia32-msvc': 1.8.0
+      '@swc/core-win32-x64-msvc': 1.8.0
       '@swc/helpers': 0.5.13
 
   '@swc/counter@0.1.3': {}
@@ -18040,25 +18165,25 @@ snapshots:
   '@swc/helpers@0.5.5':
     dependencies:
       '@swc/counter': 0.1.3
-      tslib: 2.8.0
+      tslib: 2.8.1
 
-  '@swc/jest@0.2.36(@swc/core@1.7.42(@swc/helpers@0.5.13))':
+  '@swc/jest@0.2.36(@swc/core@1.8.0(@swc/helpers@0.5.13))':
     dependencies:
       '@jest/create-cache-key-function': 29.7.0
-      '@swc/core': 1.7.42(@swc/helpers@0.5.13)
+      '@swc/core': 1.8.0(@swc/helpers@0.5.13)
       '@swc/counter': 0.1.3
       jsonc-parser: 3.2.1
 
-  '@swc/types@0.1.13':
+  '@swc/types@0.1.14':
     dependencies:
       '@swc/counter': 0.1.3
 
   '@tanstack/query-core@5.59.17': {}
 
-  '@tanstack/react-query-next-experimental@5.59.19(@tanstack/react-query@5.59.19(react@18.3.1))(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
+  '@tanstack/react-query-next-experimental@5.59.19(@tanstack/react-query@5.59.19(react@18.3.1))(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)':
     dependencies:
       '@tanstack/react-query': 5.59.19(react@18.3.1)
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
 
   '@tanstack/react-query@5.59.19(react@18.3.1)':
@@ -18170,7 +18295,7 @@ snapshots:
 
   '@types/babel__generator@7.6.5':
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.26.0
 
   '@types/babel__generator@7.6.8':
     dependencies:
@@ -18178,8 +18303,8 @@ snapshots:
 
   '@types/babel__template@7.4.2':
     dependencies:
-      '@babel/parser': 7.23.0
-      '@babel/types': 7.23.0
+      '@babel/parser': 7.26.2
+      '@babel/types': 7.26.0
 
   '@types/babel__template@7.4.4':
     dependencies:
@@ -18188,7 +18313,7 @@ snapshots:
 
   '@types/babel__traverse@7.20.2':
     dependencies:
-      '@babel/types': 7.23.0
+      '@babel/types': 7.26.0
 
   '@types/babel__traverse@7.20.6':
     dependencies:
@@ -18202,6 +18327,10 @@ snapshots:
 
   '@types/body-scroll-lock@3.1.2': {}
 
+  '@types/codemirror@5.60.15':
+    dependencies:
+      '@types/tern': 0.23.9
+
   '@types/concat-stream@1.6.1':
     dependencies:
       '@types/node': 20.14.10
@@ -18331,13 +18460,15 @@ snapshots:
 
   '@types/lodash@4.17.13': {}
 
+  '@types/marked@4.3.2': {}
+
   '@types/mdast@3.0.12':
     dependencies:
-      '@types/unist': 2.0.7
+      '@types/unist': 2.0.11
 
   '@types/mdast@4.0.3':
     dependencies:
-      '@types/unist': 3.0.0
+      '@types/unist': 3.0.3
 
   '@types/mdast@4.0.4':
     dependencies:
@@ -18440,16 +18571,16 @@ snapshots:
     dependencies:
       '@types/node': 20.14.10
 
+  '@types/tern@0.23.9':
+    dependencies:
+      '@types/estree': 1.0.6
+
   '@types/tough-cookie@4.0.3': {}
 
   '@types/triple-beam@1.3.5': {}
 
-  '@types/unist@2.0.10': {}
-
   '@types/unist@2.0.11': {}
 
-  '@types/unist@2.0.7': {}
-
   '@types/unist@3.0.0': {}
 
   '@types/unist@3.0.3': {}
@@ -18555,13 +18686,60 @@ snapshots:
       '@typescript-eslint/types': 8.12.2
       eslint-visitor-keys: 3.4.3
 
+  '@typescript/twoslash@3.1.0':
+    dependencies:
+      '@typescript/vfs': 1.3.5
+      debug: 4.3.7(supports-color@5.5.0)
+      lz-string: 1.5.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript/vfs@1.3.4':
+    dependencies:
+      debug: 4.3.7(supports-color@5.5.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript/vfs@1.3.5':
+    dependencies:
+      debug: 4.3.7(supports-color@5.5.0)
+    transitivePeerDependencies:
+      - supports-color
+
   '@tyriar/fibonacci-heap@2.0.9': {}
 
+  '@uiw/codemirror-extensions-basic-setup@4.23.6(@codemirror/autocomplete@6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3))(@codemirror/commands@6.7.1)(@codemirror/language@6.10.3)(@codemirror/lint@6.8.2)(@codemirror/search@6.5.7)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)':
+    dependencies:
+      '@codemirror/autocomplete': 6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3)
+      '@codemirror/commands': 6.7.1
+      '@codemirror/language': 6.10.3
+      '@codemirror/lint': 6.8.2
+      '@codemirror/search': 6.5.7
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+
+  '@uiw/react-codemirror@4.23.6(@babel/runtime@7.26.0)(@codemirror/autocomplete@6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3))(@codemirror/language@6.10.3)(@codemirror/lint@6.8.2)(@codemirror/search@6.5.7)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.34.2)(codemirror@6.0.1(@lezer/common@1.2.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.26.0
+      '@codemirror/commands': 6.7.1
+      '@codemirror/state': 6.4.1
+      '@codemirror/theme-one-dark': 6.1.2
+      '@codemirror/view': 6.34.2
+      '@uiw/codemirror-extensions-basic-setup': 4.23.6(@codemirror/autocomplete@6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3))(@codemirror/commands@6.7.1)(@codemirror/language@6.10.3)(@codemirror/lint@6.8.2)(@codemirror/search@6.5.7)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)
+      codemirror: 6.0.1(@lezer/common@1.2.3)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    transitivePeerDependencies:
+      - '@codemirror/autocomplete'
+      - '@codemirror/language'
+      - '@codemirror/lint'
+      - '@codemirror/search'
+
   '@ungap/structured-clone@1.2.0': {}
 
   '@vanilla-extract/babel-plugin-debug-ids@1.1.0':
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
     transitivePeerDependencies:
       - supports-color
 
@@ -18631,10 +18809,10 @@ snapshots:
       - supports-color
       - terser
 
-  '@vanilla-extract/next-plugin@2.4.6(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5))':
+  '@vanilla-extract/next-plugin@2.4.6(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))':
     dependencies:
-      '@vanilla-extract/webpack-plugin': 2.3.14(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5))
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      '@vanilla-extract/webpack-plugin': 2.3.14(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -18658,13 +18836,13 @@ snapshots:
     dependencies:
       '@vanilla-extract/css': 1.16.0(babel-plugin-macros@3.1.0)
 
-  '@vanilla-extract/webpack-plugin@2.3.14(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5))':
+  '@vanilla-extract/webpack-plugin@2.3.14(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(sass@1.80.6)(terser@5.36.0)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))':
     dependencies:
       '@vanilla-extract/integration': 7.1.10(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(sass@1.80.6)(terser@5.36.0)
       debug: 4.3.7(supports-color@5.5.0)
       loader-utils: 2.0.4
       picocolors: 1.1.0
-      webpack: 5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5)
+      webpack: 5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -18752,7 +18930,7 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vercel/node@3.2.24(@swc/core@1.7.42(@swc/helpers@0.5.13))(encoding@0.1.13)':
+  '@vercel/node@3.2.24(@swc/core@1.8.0(@swc/helpers@0.5.13))(encoding@0.1.13)':
     dependencies:
       '@edge-runtime/node-utils': 2.3.0
       '@edge-runtime/primitives': 4.1.0
@@ -18771,7 +18949,7 @@ snapshots:
       node-fetch: 2.6.9(encoding@0.1.13)
       path-to-regexp: 6.2.1
       ts-morph: 12.0.0
-      ts-node: 10.9.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@16.18.11)(typescript@4.9.5)
+      ts-node: 10.9.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@16.18.11)(typescript@4.9.5)
       typescript: 4.9.5
       undici: 5.28.4
     transitivePeerDependencies:
@@ -18920,6 +19098,16 @@ snapshots:
       '@webassemblyjs/ast': 1.12.1
       '@xtuc/long': 4.2.2
 
+  '@xstate/react@4.1.3(@types/react@18.3.12)(react@18.3.1)(xstate@5.18.2)':
+    dependencies:
+      react: 18.3.1
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.12)(react@18.3.1)
+      use-sync-external-store: 1.2.2(react@18.3.1)
+    optionalDependencies:
+      xstate: 5.18.2
+    transitivePeerDependencies:
+      - '@types/react'
+
   '@xtuc/ieee754@1.2.0': {}
 
   '@xtuc/long@4.2.2': {}
@@ -19110,7 +19298,7 @@ snapshots:
 
   aria-hidden@1.2.4:
     dependencies:
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   aria-query@5.3.0:
     dependencies:
@@ -19128,6 +19316,8 @@ snapshots:
       call-bind: 1.0.7
       is-array-buffer: 3.0.4
 
+  array-find-index@1.0.2: {}
+
   array-ify@1.0.0: {}
 
   array-includes@3.1.8:
@@ -19273,13 +19463,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-jest@29.7.0(@babel/core@7.25.7):
+  babel-jest@29.7.0(@babel/core@7.26.0):
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       '@jest/transform': 29.7.0
       '@types/babel__core': 7.20.2
       babel-plugin-istanbul: 6.1.1
-      babel-preset-jest: 29.6.3(@babel/core@7.25.7)
+      babel-preset-jest: 29.6.3(@babel/core@7.26.0)
       chalk: 4.1.2
       graceful-fs: 4.2.11
       slash: 3.0.0
@@ -19298,8 +19488,8 @@ snapshots:
 
   babel-plugin-jest-hoist@29.6.3:
     dependencies:
-      '@babel/template': 7.25.0
-      '@babel/types': 7.23.0
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.0
       '@types/babel__core': 7.20.2
       '@types/babel__traverse': 7.20.2
 
@@ -19318,15 +19508,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.25.7):
-    dependencies:
-      '@babel/compat-data': 7.24.7
-      '@babel/core': 7.25.7
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.7)
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.26.0):
     dependencies:
       '@babel/compat-data': 7.24.7
@@ -19353,14 +19534,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.25.7):
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.7)
-      core-js-compat: 3.39.0
-    transitivePeerDependencies:
-      - supports-color
-
   babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.26.0):
     dependencies:
       '@babel/core': 7.26.0
@@ -19391,13 +19564,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.25.7):
-    dependencies:
-      '@babel/core': 7.25.7
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.7)
-    transitivePeerDependencies:
-      - supports-color
-
   babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.26.0):
     dependencies:
       '@babel/core': 7.26.0
@@ -19409,9 +19575,9 @@ snapshots:
     dependencies:
       hermes-parser: 0.23.1
 
-  babel-plugin-transform-flow-enums@0.0.2(@babel/core@7.25.7):
+  babel-plugin-transform-flow-enums@0.0.2(@babel/core@7.26.0):
     dependencies:
-      '@babel/plugin-syntax-flow': 7.26.0(@babel/core@7.25.7)
+      '@babel/plugin-syntax-flow': 7.26.0(@babel/core@7.26.0)
     transitivePeerDependencies:
       - '@babel/core'
 
@@ -19433,21 +19599,21 @@ snapshots:
       '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.24.7)
       '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.24.7)
 
-  babel-preset-current-node-syntax@1.0.1(@babel/core@7.25.7):
+  babel-preset-current-node-syntax@1.0.1(@babel/core@7.26.0):
     dependencies:
-      '@babel/core': 7.25.7
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.7)
-      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.25.7)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.7)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.7)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.7)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.7)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.25.7)
+      '@babel/core': 7.26.0
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.26.0)
+      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.26.0)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.26.0)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.26.0)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.26.0)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.26.0)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.26.0)
 
   babel-preset-jest@29.6.3(@babel/core@7.24.7):
     dependencies:
@@ -19455,11 +19621,11 @@ snapshots:
       babel-plugin-jest-hoist: 29.6.3
       babel-preset-current-node-syntax: 1.0.1(@babel/core@7.24.7)
 
-  babel-preset-jest@29.6.3(@babel/core@7.25.7):
+  babel-preset-jest@29.6.3(@babel/core@7.26.0):
     dependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       babel-plugin-jest-hoist: 29.6.3
-      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.25.7)
+      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.26.0)
 
   babel-preset-react-app@10.0.1:
     dependencies:
@@ -19648,12 +19814,19 @@ snapshots:
 
   callsites@3.1.0: {}
 
+  camelcase-keys@2.1.0:
+    dependencies:
+      camelcase: 2.1.1
+      map-obj: 1.0.1
+
   camelcase-keys@6.2.2:
     dependencies:
       camelcase: 5.3.1
       map-obj: 4.3.0
       quick-lru: 4.0.1
 
+  camelcase@2.1.1: {}
+
   camelcase@5.3.1: {}
 
   camelcase@6.3.0: {}
@@ -19822,7 +19995,7 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  cmdk@1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@radix-ui/react-dialog': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
@@ -19838,6 +20011,24 @@ snapshots:
 
   code-block-writer@10.1.1: {}
 
+  codemirror-spell-checker@1.1.2:
+    dependencies:
+      typo-js: 1.2.4
+
+  codemirror@5.65.18: {}
+
+  codemirror@6.0.1(@lezer/common@1.2.3):
+    dependencies:
+      '@codemirror/autocomplete': 6.18.2(@codemirror/language@6.10.3)(@codemirror/state@6.4.1)(@codemirror/view@6.34.2)(@lezer/common@1.2.3)
+      '@codemirror/commands': 6.7.1
+      '@codemirror/language': 6.10.3
+      '@codemirror/lint': 6.8.2
+      '@codemirror/search': 6.5.7
+      '@codemirror/state': 6.4.1
+      '@codemirror/view': 6.34.2
+    transitivePeerDependencies:
+      - '@lezer/common'
+
   collapse-white-space@2.1.0: {}
 
   collect-v8-coverage@1.0.2: {}
@@ -20081,13 +20272,13 @@ snapshots:
       crc-32: 1.2.2
       readable-stream: 4.5.2
 
-  create-jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
+  create-jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -20103,6 +20294,8 @@ snapshots:
 
   create-require@1.1.1: {}
 
+  crelt@1.0.6: {}
+
   cross-env@7.0.3:
     dependencies:
       cross-spawn: 7.0.3
@@ -20175,6 +20368,10 @@ snapshots:
 
   csstype@3.1.3: {}
 
+  currently-unhandled@0.4.1:
+    dependencies:
+      array-find-index: 1.0.2
+
   cyclist@1.0.2: {}
 
   cz-conventional-changelog@3.3.0(@types/node@20.14.10)(typescript@5.6.3):
@@ -20337,6 +20534,8 @@ snapshots:
     optionalDependencies:
       babel-plugin-macros: 3.1.0
 
+  deeks@3.1.0: {}
+
   deep-is@0.1.4: {}
 
   deep-object-diff@1.1.9: {}
@@ -20412,6 +20611,8 @@ snapshots:
 
   direction@1.0.4: {}
 
+  doc-path@4.1.1: {}
+
   doctrine@2.1.0:
     dependencies:
       esutils: 2.0.3
@@ -20471,7 +20672,7 @@ snapshots:
   dot-case@3.0.4:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   dot-prop@5.3.0:
     dependencies:
@@ -20497,6 +20698,14 @@ snapshots:
 
   eastasianwidth@0.2.0: {}
 
+  easymde@2.18.0:
+    dependencies:
+      '@types/codemirror': 5.60.15
+      '@types/marked': 4.3.2
+      codemirror: 5.65.18
+      codemirror-spell-checker: 1.1.2
+      marked: 4.3.0
+
   edge-runtime@2.5.9:
     dependencies:
       '@edge-runtime/format': 2.2.1
@@ -20925,7 +21134,7 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.31.0)(eslint@8.57.0):
+  eslint-config-airbnb-base@15.0.0(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 8.57.0
@@ -20934,10 +21143,10 @@ snapshots:
       object.entries: 1.1.7
       semver: 6.3.1
 
-  eslint-config-airbnb@19.0.4(eslint-plugin-import@2.31.0)(eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.0))(eslint-plugin-react-hooks@4.6.2(eslint@8.57.0))(eslint-plugin-react@7.37.2(eslint@8.57.0))(eslint@8.57.0):
+  eslint-config-airbnb@19.0.4(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.0))(eslint-plugin-react-hooks@4.6.2(eslint@8.57.0))(eslint-plugin-react@7.37.2(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       eslint: 8.57.0
-      eslint-config-airbnb-base: 15.0.0(eslint-plugin-import@2.31.0)(eslint@8.57.0)
+      eslint-config-airbnb-base: 15.0.0(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.0)
       eslint-plugin-react: 7.37.2(eslint@8.57.0)
@@ -20983,7 +21192,26 @@ snapshots:
       debug: 4.3.7(supports-color@5.5.0)
       enhanced-resolve: 5.17.1
       eslint: 8.57.0
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-module-utils: 2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.8.1
+      is-bun-module: 1.2.1
+      is-glob: 4.0.3
+    optionalDependencies:
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0):
+    dependencies:
+      '@nolyfill/is-core-module': 1.0.39
+      debug: 4.3.7(supports-color@5.5.0)
+      enhanced-resolve: 5.17.1
+      eslint: 8.57.0
+      eslint-module-utils: 2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.8.1
       is-bun-module: 1.2.1
@@ -20996,7 +21224,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
+  eslint-module-utils@2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
@@ -21007,14 +21235,24 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
+  eslint-module-utils@2.11.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.12.2(eslint@8.57.0)(typescript@5.6.3)
+      eslint: 8.57.0
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 8.12.2(eslint@8.57.0)(typescript@5.6.3)
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -21029,7 +21267,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.12.2(eslint@8.57.0)(typescript@5.6.3))(eslint-plugin-import@2.31.0)(eslint@8.57.0))(eslint@8.57.0)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3
@@ -21330,6 +21568,10 @@ snapshots:
     dependencies:
       reusify: 1.0.4
 
+  fault@1.0.4:
+    dependencies:
+      format: 0.2.2
+
   fault@2.0.1:
     dependencies:
       format: 0.2.2
@@ -21348,6 +21590,8 @@ snapshots:
 
   fecha@4.2.3: {}
 
+  fenceparser@1.1.1: {}
+
   figures@3.2.0:
     dependencies:
       escape-string-regexp: 1.0.5
@@ -21401,6 +21645,11 @@ snapshots:
 
   find-root@1.1.0: {}
 
+  find-up@1.1.2:
+    dependencies:
+      path-exists: 2.1.0
+      pinkie-promise: 2.0.1
+
   find-up@3.0.0:
     dependencies:
       locate-path: 3.0.0
@@ -21489,6 +21738,14 @@ snapshots:
 
   format@0.2.2: {}
 
+  framer-motion@10.18.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 0.8.8
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   framer-motion@11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       tslib: 2.8.1
@@ -21637,6 +21894,8 @@ snapshots:
     dependencies:
       global: 4.4.0
 
+  get-stdin@4.0.1: {}
+
   get-stream@2.3.1:
     dependencies:
       object-assign: 4.1.1
@@ -21684,6 +21943,8 @@ snapshots:
       meow: 12.1.1
       split2: 4.2.0
 
+  github-slugger@2.0.0: {}
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -21784,7 +22045,7 @@ snapshots:
       section-matter: 1.0.0
       strip-bom-string: 1.0.0
 
-  groq-js@1.13.0:
+  groq-js@1.14.0:
     dependencies:
       debug: 4.3.7(supports-color@5.5.0)
     transitivePeerDependencies:
@@ -21792,6 +22053,8 @@ snapshots:
 
   groq@3.62.3: {}
 
+  groq@3.63.0: {}
+
   gunzip-maybe@1.4.2:
     dependencies:
       browserify-zlib: 0.1.4
@@ -21857,7 +22120,7 @@ snapshots:
       '@types/hast': 3.0.4
       devlop: 1.1.0
       hast-util-from-parse5: 8.0.1
-      parse5: 7.1.2
+      parse5: 7.2.1
       vfile: 6.0.3
       vfile-message: 4.0.2
 
@@ -21872,6 +22135,10 @@ snapshots:
       vfile-location: 5.0.2
       web-namespaces: 2.0.1
 
+  hast-util-heading-rank@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   hast-util-is-element@1.1.0: {}
 
   hast-util-is-element@3.0.0:
@@ -22004,10 +22271,14 @@ snapshots:
 
   hey-listen@1.0.8: {}
 
+  highlight.js@10.7.3: {}
+
   highlight.js@11.8.0: {}
 
   highlight.js@11.9.0: {}
 
+  highlightjs-vue@1.0.0: {}
+
   history@5.3.0:
     dependencies:
       '@babel/runtime': 7.26.0
@@ -22048,6 +22319,8 @@ snapshots:
     dependencies:
       void-elements: 3.1.0
 
+  html-url-attributes@3.0.1: {}
+
   html-void-elements@3.0.0: {}
 
   htmlparser2@3.10.1:
@@ -22199,6 +22472,10 @@ snapshots:
 
   imurmurhash@0.1.4: {}
 
+  indent-string@2.1.0:
+    dependencies:
+      repeating: 2.0.1
+
   indent-string@4.0.0: {}
 
   inflight@1.0.6:
@@ -22344,6 +22621,8 @@ snapshots:
     dependencies:
       call-bind: 1.0.7
 
+  is-finite@1.1.0: {}
+
   is-fullwidth-code-point@3.0.0: {}
 
   is-fullwidth-code-point@4.0.0: {}
@@ -22587,16 +22866,16 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-cli@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
+  jest-cli@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
     dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      create-jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       exit: 0.1.2
       import-local: 3.1.0
-      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -22606,7 +22885,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-config@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
+  jest-config@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
     dependencies:
       '@babel/core': 7.24.7
       '@jest/test-sequencer': 29.7.0
@@ -22632,7 +22911,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 20.14.10
-      ts-node: 10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)
+      ts-node: 10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -22729,9 +23008,9 @@ snapshots:
       slash: 3.0.0
       stack-utils: 2.0.6
 
-  jest-mock-extended@3.0.7(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))(typescript@5.6.3):
+  jest-mock-extended@3.0.7(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)))(typescript@5.6.3):
     dependencies:
-      jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       ts-essentials: 10.0.0(typescript@5.6.3)
       typescript: 5.6.3
 
@@ -22844,7 +23123,7 @@ snapshots:
       jest-util: 29.7.0
       natural-compare: 1.4.0
       pretty-format: 29.7.0
-      semver: 7.6.2
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
 
@@ -22866,11 +23145,11 @@ snapshots:
       leven: 3.1.0
       pretty-format: 29.7.0
 
-  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))):
+  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))):
     dependencies:
       ansi-escapes: 6.2.0
       chalk: 5.3.0
-      jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       jest-regex-util: 29.6.3
       jest-watcher: 29.7.0
       slash: 5.1.0
@@ -22901,12 +23180,12 @@ snapshots:
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
+  jest@29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3)):
     dependencies:
-      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      '@jest/core': 29.7.0(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
       '@jest/types': 29.6.3
       import-local: 3.1.0
-      jest-cli: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
+      jest-cli: 29.7.0(@types/node@20.14.10)(babel-plugin-macros@3.1.0)(ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -22932,7 +23211,7 @@ snapshots:
 
   jsc-safe-url@0.2.4: {}
 
-  jscodeshift@0.14.0(@babel/preset-env@7.26.0(@babel/core@7.25.7)):
+  jscodeshift@0.14.0(@babel/preset-env@7.26.0(@babel/core@7.26.0)):
     dependencies:
       '@babel/core': 7.26.0
       '@babel/parser': 7.26.2
@@ -22940,7 +23219,7 @@ snapshots:
       '@babel/plugin-proposal-nullish-coalescing-operator': 7.18.6(@babel/core@7.26.0)
       '@babel/plugin-proposal-optional-chaining': 7.21.0(@babel/core@7.26.0)
       '@babel/plugin-transform-modules-commonjs': 7.25.9(@babel/core@7.26.0)
-      '@babel/preset-env': 7.26.0(@babel/core@7.25.7)
+      '@babel/preset-env': 7.26.0(@babel/core@7.26.0)
       '@babel/preset-flow': 7.25.9(@babel/core@7.26.0)
       '@babel/preset-typescript': 7.26.0(@babel/core@7.26.0)
       '@babel/register': 7.25.9(@babel/core@7.26.0)
@@ -23062,6 +23341,11 @@ snapshots:
 
   jsesc@3.0.2: {}
 
+  json-2-csv@5.5.6:
+    dependencies:
+      deeks: 3.1.0
+      doc-path: 4.1.1
+
   json-bigint@1.0.0:
     dependencies:
       bignumber.js: 9.1.2
@@ -23180,6 +23464,14 @@ snapshots:
       rfdc: 1.4.1
       wrap-ansi: 9.0.0
 
+  load-json-file@1.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      parse-json: 2.2.0
+      pify: 2.3.0
+      pinkie-promise: 2.0.1
+      strip-bom: 2.0.0
+
   loader-runner@4.3.0: {}
 
   loader-utils@2.0.4:
@@ -23281,9 +23573,19 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  lower-case@2.0.2:
+  loud-rejection@1.6.0:
+    dependencies:
+      currently-unhandled: 0.4.1
+      signal-exit: 3.0.7
+
+  lower-case@2.0.2:
+    dependencies:
+      tslib: 2.8.1
+
+  lowlight@1.20.0:
     dependencies:
-      tslib: 2.6.3
+      fault: 1.0.4
+      highlight.js: 10.7.3
 
   lowlight@2.9.0:
     dependencies:
@@ -23342,20 +23644,22 @@ snapshots:
 
   markdown-table@3.0.3: {}
 
+  marked@4.3.0: {}
+
   marky@1.2.5: {}
 
   md5-o-matic@0.1.1: {}
 
   mdast-util-find-and-replace@3.0.1:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       escape-string-regexp: 5.0.0
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
   mdast-util-from-markdown@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
@@ -23389,7 +23693,7 @@ snapshots:
 
   mdast-util-gfm-autolink-literal@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       ccount: 2.0.1
       devlop: 1.1.0
       mdast-util-find-and-replace: 3.0.1
@@ -23397,9 +23701,9 @@ snapshots:
 
   mdast-util-gfm-footnote@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.0
+      mdast-util-from-markdown: 2.0.1
       mdast-util-to-markdown: 2.1.0
       micromark-util-normalize-identifier: 2.0.0
     transitivePeerDependencies:
@@ -23407,27 +23711,27 @@ snapshots:
 
   mdast-util-gfm-strikethrough@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
-      mdast-util-from-markdown: 2.0.0
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.1
       mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
 
   mdast-util-gfm-table@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       devlop: 1.1.0
       markdown-table: 3.0.3
-      mdast-util-from-markdown: 2.0.0
+      mdast-util-from-markdown: 2.0.1
       mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
 
   mdast-util-gfm-task-list-item@2.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.0
+      mdast-util-from-markdown: 2.0.1
       mdast-util-to-markdown: 2.1.0
     transitivePeerDependencies:
       - supports-color
@@ -23495,7 +23799,7 @@ snapshots:
 
   mdast-util-phrasing@4.1.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       unist-util-is: 6.0.0
 
   mdast-util-to-hast@13.2.0:
@@ -23512,7 +23816,7 @@ snapshots:
 
   mdast-util-to-markdown@2.1.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       '@types/unist': 3.0.3
       longest-streak: 3.1.0
       mdast-util-phrasing: 4.1.0
@@ -23523,12 +23827,19 @@ snapshots:
 
   mdast-util-to-string@4.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
 
   mdn-data@2.0.28: {}
 
   mdn-data@2.0.30: {}
 
+  mdx@0.3.1:
+    dependencies:
+      meow: 3.6.0
+      mustache: 2.2.1
+      object-assign: 4.0.1
+      read-input: 0.3.1
+
   media-query-parser@2.0.2:
     dependencies:
       '@babel/runtime': 7.25.7
@@ -23541,6 +23852,17 @@ snapshots:
 
   meow@12.1.1: {}
 
+  meow@3.6.0:
+    dependencies:
+      camelcase-keys: 2.1.0
+      loud-rejection: 1.6.0
+      minimist: 1.2.8
+      normalize-package-data: 2.5.0
+      object-assign: 4.1.1
+      read-pkg-up: 1.0.1
+      redent: 1.0.0
+      trim-newlines: 1.0.0
+
   meow@9.0.0:
     dependencies:
       '@types/minimist': 1.2.5
@@ -23751,25 +24073,6 @@ snapshots:
       content-type: 1.0.4
       raw-body: 2.4.1
 
-  micromark-core-commonmark@2.0.0:
-    dependencies:
-      decode-named-character-reference: 1.0.2
-      devlop: 1.1.0
-      micromark-factory-destination: 2.0.0
-      micromark-factory-label: 2.0.0
-      micromark-factory-space: 2.0.0
-      micromark-factory-title: 2.0.0
-      micromark-factory-whitespace: 2.0.0
-      micromark-util-character: 2.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-classify-character: 2.0.0
-      micromark-util-html-tag-name: 2.0.0
-      micromark-util-normalize-identifier: 2.0.0
-      micromark-util-resolve-all: 2.0.0
-      micromark-util-subtokenize: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
-
   micromark-core-commonmark@2.0.1:
     dependencies:
       decode-named-character-reference: 1.0.2
@@ -23799,7 +24102,7 @@ snapshots:
   micromark-extension-gfm-footnote@2.0.0:
     dependencies:
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.0
+      micromark-core-commonmark: 2.0.1
       micromark-factory-space: 2.0.0
       micromark-util-character: 2.1.0
       micromark-util-normalize-identifier: 2.0.0
@@ -24003,13 +24306,6 @@ snapshots:
       micromark-util-encode: 2.0.0
       micromark-util-symbol: 2.0.0
 
-  micromark-util-subtokenize@2.0.0:
-    dependencies:
-      devlop: 1.1.0
-      micromark-util-chunked: 2.0.0
-      micromark-util-symbol: 2.0.0
-      micromark-util-types: 2.0.0
-
   micromark-util-subtokenize@2.0.1:
     dependencies:
       devlop: 1.1.0
@@ -24027,7 +24323,7 @@ snapshots:
       debug: 4.3.7(supports-color@5.5.0)
       decode-named-character-reference: 1.0.2
       devlop: 1.1.0
-      micromark-core-commonmark: 2.0.0
+      micromark-core-commonmark: 2.0.1
       micromark-factory-space: 2.0.0
       micromark-util-character: 2.1.0
       micromark-util-chunked: 2.0.0
@@ -24037,7 +24333,7 @@ snapshots:
       micromark-util-normalize-identifier: 2.0.0
       micromark-util-resolve-all: 2.0.0
       micromark-util-sanitize-uri: 2.0.0
-      micromark-util-subtokenize: 2.0.0
+      micromark-util-subtokenize: 2.0.1
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
     transitivePeerDependencies:
@@ -24204,6 +24500,8 @@ snapshots:
 
   ms@2.1.3: {}
 
+  mustache@2.2.1: {}
+
   mute-stream@0.0.8: {}
 
   nan@2.22.0:
@@ -24264,28 +24562,28 @@ snapshots:
       - acorn
       - supports-color
 
-  next-router-mock@0.9.13(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1):
+  next-router-mock@0.9.13(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1):
     dependencies:
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
 
-  next-sanity@9.8.8(@sanity/client@6.22.2)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.62.3)(@sanity/ui@2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.62.3(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+  next-sanity@9.8.10(@sanity/client@6.22.2)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.63.0(debug@4.3.7))(@sanity/ui@2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@portabletext/react': 3.1.0(react@18.3.1)
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/next-loader': 1.1.0(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
-      '@sanity/preview-kit': 5.1.10(@sanity/client@6.22.2)(react@18.3.1)
-      '@sanity/preview-url-secret': 2.0.0(@sanity/client@6.22.2)
-      '@sanity/types': 3.62.3(debug@4.3.7)
-      '@sanity/ui': 2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@sanity/visual-editing': 2.4.2(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      groq: 3.62.3
+      '@sanity/next-loader': 1.1.3(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react@18.3.1)
+      '@sanity/preview-kit': 5.1.14(@sanity/client@6.22.2)(react@18.3.1)
+      '@sanity/preview-url-secret': 2.0.1(@sanity/client@6.22.2)
+      '@sanity/types': 3.63.0(debug@4.3.7)
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/visual-editing': 2.5.1(@sanity/client@6.22.2)(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      groq: 3.63.0
       history: 5.3.0
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.62.3(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)
+      sanity: 3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)
       styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     transitivePeerDependencies:
       - '@remix-run/react'
@@ -24293,9 +24591,9 @@ snapshots:
       - debug
       - svelte
 
-  next-seo@6.6.0(next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-seo@6.6.0(next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      next: 14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
+      next: 14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -24304,7 +24602,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next@14.2.15(@babel/core@7.25.7)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6):
+  next@14.2.15(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(@playwright/test@1.48.2)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.80.6):
     dependencies:
       '@next/env': 14.2.15
       '@swc/helpers': 0.5.5
@@ -24314,7 +24612,7 @@ snapshots:
       postcss: 8.4.31
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.1(@babel/core@7.25.7)(babel-plugin-macros@3.1.0)(react@18.3.1)
+      styled-jsx: 5.1.1(@babel/core@7.26.0)(babel-plugin-macros@3.1.0)(react@18.3.1)
     optionalDependencies:
       '@next/swc-darwin-arm64': 14.2.15
       '@next/swc-darwin-x64': 14.2.15
@@ -24335,7 +24633,7 @@ snapshots:
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   nocache@3.0.4:
     optional: true
@@ -24471,6 +24769,8 @@ snapshots:
     dependencies:
       flow-enums-runtime: 0.0.6
 
+  object-assign@4.0.1: {}
+
   object-assign@4.1.1: {}
 
   object-filter@1.0.2: {}
@@ -24688,6 +24988,10 @@ snapshots:
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
 
+  parse-json@2.2.0:
+    dependencies:
+      error-ex: 1.3.2
+
   parse-json@4.0.0:
     dependencies:
       error-ex: 1.3.2
@@ -24724,6 +25028,10 @@ snapshots:
 
   path-browserify@1.0.1: {}
 
+  path-exists@2.1.0:
+    dependencies:
+      pinkie-promise: 2.0.1
+
   path-exists@3.0.0: {}
 
   path-exists@4.0.0: {}
@@ -24758,6 +25066,12 @@ snapshots:
 
   path-to-regexp@6.3.0: {}
 
+  path-type@1.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      pify: 2.3.0
+      pinkie-promise: 2.0.1
+
   path-type@4.0.0: {}
 
   pathe@1.1.2: {}
@@ -24851,7 +25165,7 @@ snapshots:
   postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       source-map-js: 1.2.1
 
   prebuildify@6.0.1:
@@ -24894,6 +25208,12 @@ snapshots:
     dependencies:
       parse-ms: 2.1.0
 
+  prism-react-renderer@2.4.0(react@18.3.1):
+    dependencies:
+      '@types/prismjs': 1.26.3
+      clsx: 2.1.1
+      react: 18.3.1
+
   prismjs@1.27.0: {}
 
   process-nextick-args@2.0.1: {}
@@ -25011,12 +25331,20 @@ snapshots:
       iconv-lite: 0.4.24
       unpipe: 1.0.0
 
+  react-children-utilities@2.10.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   react-clientside-effect@1.2.6(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.26.0
       react: 18.3.1
 
-  react-compiler-runtime@19.0.0-beta-6fc168f-20241025(react@18.3.1):
+  react-compiler-runtime@19.0.0-beta-63b359f-20241101(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
+  react-compiler-runtime@19.0.0-beta-9ee70a1-20241017(react@18.3.1):
     dependencies:
       react: 18.3.1
 
@@ -25066,7 +25394,7 @@ snapshots:
 
   react-ga4@2.1.0: {}
 
-  react-i18next@14.0.2(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1):
+  react-i18next@14.0.2(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.26.0
       html-parse-stringify: 3.0.1
@@ -25074,7 +25402,7 @@ snapshots:
       react: 18.3.1
     optionalDependencies:
       react-dom: 18.3.1(react@18.3.1)
-      react-native: 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
+      react-native: 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1)
 
   react-icons@5.2.1(react@18.3.1):
     dependencies:
@@ -25098,25 +25426,44 @@ snapshots:
       react-reconciler: 0.29.2(react@18.3.1)
       scheduler: 0.23.2
 
+  react-lifecycles-compat@3.0.4: {}
+
   react-lite-youtube-embed@2.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1):
+  react-markdown@9.0.1(@types/react@18.3.12)(react@18.3.1):
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/react': 18.3.12
+      devlop: 1.1.0
+      hast-util-to-jsx-runtime: 2.3.2
+      html-url-attributes: 3.0.1
+      mdast-util-to-hast: 13.2.0
+      react: 18.3.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.1
+      unified: 11.0.5
+      unist-util-visit: 5.0.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1):
     dependencies:
       '@jest/create-cache-key-function': 29.7.0
       '@react-native/assets-registry': 0.76.1
-      '@react-native/codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.25.7))
-      '@react-native/community-cli-plugin': 0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(encoding@0.1.13)
+      '@react-native/codegen': 0.76.1(@babel/preset-env@7.26.0(@babel/core@7.26.0))
+      '@react-native/community-cli-plugin': 0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(encoding@0.1.13)
       '@react-native/gradle-plugin': 0.76.1
       '@react-native/js-polyfills': 0.76.1
       '@react-native/normalize-colors': 0.76.1
-      '@react-native/virtualized-lists': 0.76.1(@types/react@18.3.12)(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
+      '@react-native/virtualized-lists': 0.76.1(@types/react@18.3.12)(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
       abort-controller: 3.0.0
       anser: 1.4.10
       ansi-regex: 5.0.1
-      babel-jest: 29.7.0(@babel/core@7.25.7)
+      babel-jest: 29.7.0(@babel/core@7.26.0)
       babel-plugin-syntax-hermes-parser: 0.23.1
       base64-js: 1.5.1
       chalk: 4.1.2
@@ -25180,7 +25527,7 @@ snapshots:
     dependencies:
       react: 18.3.1
       react-style-singleton: 2.2.1(@types/react@18.3.12)(react@18.3.1)
-      tslib: 2.6.3
+      tslib: 2.8.1
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -25189,26 +25536,39 @@ snapshots:
       react: 18.3.1
       react-remove-scroll-bar: 2.3.6(@types/react@18.3.12)(react@18.3.1)
       react-style-singleton: 2.2.1(@types/react@18.3.12)(react@18.3.1)
-      tslib: 2.7.0
+      tslib: 2.8.1
       use-callback-ref: 1.3.2(@types/react@18.3.12)(react@18.3.1)
       use-sidecar: 1.1.2(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.12
 
-  react-rx@4.1.0(react@18.3.1)(rxjs@7.8.1):
+  react-rough-notation@1.0.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      rough-notation: 0.5.1
+
+  react-rx@4.1.4(react@18.3.1)(rxjs@7.8.1):
     dependencies:
       observable-callback: 1.0.3(rxjs@7.8.1)
       react: 18.3.1
-      react-compiler-runtime: 19.0.0-beta-6fc168f-20241025(react@18.3.1)
+      react-compiler-runtime: 19.0.0-beta-63b359f-20241101(react@18.3.1)
       rxjs: 7.8.1
       use-effect-event: 1.0.2(react@18.3.1)
 
-  react-spring@9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react-konva@18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react-zdog@1.2.2)(react@18.3.1)(three@0.170.0)(zdog@1.1.3):
+  react-simplemde-editor@5.2.0(easymde@2.18.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@types/codemirror': 5.60.15
+      easymde: 2.18.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  react-spring@9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react-konva@18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react-zdog@1.2.2)(react@18.3.1)(three@0.170.0)(zdog@1.1.3):
     dependencies:
       '@react-spring/core': 9.7.4(react@18.3.1)
       '@react-spring/konva': 9.7.4(konva@9.3.16)(react-konva@18.2.10(konva@9.3.16)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@react-spring/native': 9.7.4(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
-      '@react-spring/three': 9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(react@18.3.1)(three@0.170.0)
+      '@react-spring/native': 9.7.4(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
+      '@react-spring/three': 9.7.4(@react-three/fiber@8.17.10(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(three@0.170.0))(react@18.3.1)(three@0.170.0)
       '@react-spring/web': 9.7.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@react-spring/zdog': 9.7.4(react-dom@18.3.1(react@18.3.1))(react-zdog@1.2.2)(react@18.3.1)(zdog@1.1.3)
       react: 18.3.1
@@ -25222,15 +25582,29 @@ snapshots:
       - three
       - zdog
 
+  react-style-proptype@3.2.2:
+    dependencies:
+      prop-types: 15.8.1
+
   react-style-singleton@2.2.1(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       get-nonce: 1.0.1
       invariant: 2.2.4
       react: 18.3.1
-      tslib: 2.6.3
+      tslib: 2.8.1
     optionalDependencies:
       '@types/react': 18.3.12
 
+  react-syntax-highlighter@15.6.1(react@18.3.1):
+    dependencies:
+      '@babel/runtime': 7.26.0
+      highlight.js: 10.7.3
+      highlightjs-vue: 1.0.0
+      lowlight: 1.20.0
+      prismjs: 1.27.0
+      react: 18.3.1
+      refractor: 3.6.0
+
   react-wrap-balancer@1.1.1(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -25245,12 +25619,25 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
+  read-input@0.3.1: {}
+
+  read-pkg-up@1.0.1:
+    dependencies:
+      find-up: 1.1.2
+      read-pkg: 1.1.0
+
   read-pkg-up@7.0.1:
     dependencies:
       find-up: 4.1.0
       read-pkg: 5.2.0
       type-fest: 0.8.1
 
+  read-pkg@1.1.0:
+    dependencies:
+      load-json-file: 1.1.0
+      normalize-package-data: 2.5.0
+      path-type: 1.1.0
+
   read-pkg@5.2.0:
     dependencies:
       '@types/normalize-package-data': 2.4.4
@@ -25342,6 +25729,11 @@ snapshots:
       unified: 11.0.5
       vfile: 6.0.3
 
+  redent@1.0.0:
+    dependencies:
+      indent-string: 2.1.0
+      strip-indent: 1.0.1
+
   redent@3.0.0:
     dependencies:
       indent-string: 4.0.0
@@ -25388,7 +25780,7 @@ snapshots:
 
   regenerator-transform@0.15.2:
     dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.26.0
 
   regex@4.3.3: {}
 
@@ -25464,7 +25856,17 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
       hast-util-from-html: 2.0.1
-      unified: 11.0.4
+      unified: 11.0.5
+
+  rehype-pretty-code@0.14.0(shiki@1.22.2):
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-to-string: 3.0.1
+      parse-numeric-range: 1.3.0
+      rehype-parse: 9.0.0
+      shiki: 1.22.2
+      unified: 11.0.5
+      unist-util-visit: 5.0.0
 
   rehype-prism-plus@2.0.0:
     dependencies:
@@ -25483,6 +25885,20 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  rehype-slug@6.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      github-slugger: 2.0.0
+      hast-util-heading-rank: 3.0.0
+      hast-util-to-string: 3.0.1
+      unist-util-visit: 5.0.0
+
+  rehype-stringify@10.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.3
+      unified: 11.0.5
+
   remark-gfm@4.0.0:
     dependencies:
       '@types/mdast': 4.0.3
@@ -25490,7 +25906,7 @@ snapshots:
       micromark-extension-gfm: 3.0.0
       remark-parse: 11.0.0
       remark-stringify: 11.0.0
-      unified: 11.0.4
+      unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
@@ -25510,10 +25926,10 @@ snapshots:
 
   remark-parse@11.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
-      mdast-util-from-markdown: 2.0.0
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.1
       micromark-util-types: 2.0.0
-      unified: 11.0.4
+      unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
@@ -25542,11 +25958,30 @@ snapshots:
       unified: 11.0.5
       vfile: 6.0.3
 
+  remark-shiki-twoslash@3.1.3(typescript@5.6.3):
+    dependencies:
+      '@types/unist': 2.0.11
+      '@typescript/twoslash': 3.1.0
+      '@typescript/vfs': 1.3.4
+      fenceparser: 1.1.1
+      regenerator-runtime: 0.13.11
+      shiki: 0.10.1
+      shiki-twoslash: 3.1.2(typescript@5.6.3)
+      tslib: 2.1.0
+      typescript: 5.6.3
+      unist-util-visit: 2.0.3
+    transitivePeerDependencies:
+      - supports-color
+
   remark-stringify@11.0.0:
     dependencies:
-      '@types/mdast': 4.0.3
+      '@types/mdast': 4.0.4
       mdast-util-to-markdown: 2.1.0
-      unified: 11.0.4
+      unified: 11.0.5
+
+  repeating@2.0.1:
+    dependencies:
+      is-finite: 1.1.0
 
   request-ip@3.3.0: {}
 
@@ -25659,6 +26094,8 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.24.0
       fsevents: 2.3.3
 
+  rough-notation@0.5.1: {}
+
   rrweb-cssom@0.6.0: {}
 
   rrweb-cssom@0.7.1: {}
@@ -25680,7 +26117,7 @@ snapshots:
 
   rxjs@7.8.1:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.1
 
   safe-array-concat@1.0.1:
     dependencies:
@@ -25720,39 +26157,52 @@ snapshots:
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
 
-  sanity@3.62.3(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0):
+  sanity-plugin-markdown@4.1.2(easymde@2.18.0)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
+    dependencies:
+      '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/ui': 1.9.3(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      easymde: 2.18.0
+      react: 18.3.1
+      react-simplemde-editor: 5.2.0(easymde@2.18.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      sanity: 3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - react-dom
+      - react-is
+
+  sanity@3.63.0(@types/node@20.14.10)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)(sass@1.80.6)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.36.0):
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.4.0(@sanity/block-tools@3.62.3(debug@4.3.7))(@sanity/schema@3.62.3(debug@4.3.7))(@sanity/types@3.62.3)(@sanity/util@3.62.3(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@portabletext/editor': 1.5.4(@sanity/block-tools@3.63.0(debug@4.3.7))(@sanity/schema@3.63.0(debug@4.3.7))(@sanity/types@3.63.0(debug@4.3.7))(@sanity/util@3.63.0(debug@4.3.7))(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@portabletext/react': 3.1.0(react@18.3.1)
       '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
       '@sanity/asset-utils': 2.0.7
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.62.3(debug@4.3.7)
-      '@sanity/cli': 3.62.3(react@18.3.1)
+      '@sanity/block-tools': 3.63.0(debug@4.3.7)
+      '@sanity/cli': 3.63.0(react@18.3.1)
       '@sanity/client': 6.22.2(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.62.3
+      '@sanity/diff': 3.63.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
       '@sanity/icons': 3.4.0(react@18.3.1)
       '@sanity/image-url': 1.1.0
       '@sanity/import': 3.37.8
-      '@sanity/insert-menu': 1.0.10(@sanity/types@3.62.3)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/insert-menu': 1.0.10(@sanity/types@3.63.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
-      '@sanity/migrate': 3.62.3
-      '@sanity/mutator': 3.62.3
-      '@sanity/presentation': 1.17.7(@sanity/client@6.22.2)(@sanity/color@3.0.6)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@sanity/schema': 3.62.3(debug@4.3.7)
+      '@sanity/migrate': 3.63.0
+      '@sanity/mutator': 3.63.0
+      '@sanity/presentation': 1.17.8(@sanity/client@6.22.2(debug@4.3.7))(@sanity/color@3.0.6)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/schema': 3.63.0(debug@4.3.7)
       '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/types': 3.62.3(debug@4.3.7)
-      '@sanity/ui': 2.8.17(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
-      '@sanity/util': 3.62.3(debug@4.3.7)
+      '@sanity/types': 3.63.0(debug@4.3.7)
+      '@sanity/ui': 2.8.22(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.63.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       '@sentry/react': 8.36.0(react@18.3.1)
       '@tanstack/react-table': 8.20.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -25785,7 +26235,7 @@ snapshots:
       framer-motion: 11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       get-it: 8.6.5(debug@4.3.7)
       get-random-values-esm: 1.0.2
-      groq-js: 1.13.0
+      groq-js: 1.14.0
       history: 5.3.0
       i18next: 23.16.4
       import-fresh: 3.3.0
@@ -25817,10 +26267,10 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       react-fast-compare: 3.2.2
       react-focus-lock: 2.13.2(@types/react@18.3.12)(react@18.3.1)
-      react-i18next: 14.0.2(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.25.7)(@babel/preset-env@7.26.0(@babel/core@7.25.7))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
+      react-i18next: 14.0.2(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react-native@0.76.1(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@react-native-community/cli-server-api@15.0.1)(@types/react@18.3.12)(encoding@0.1.13)(react@18.3.1))(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
-      react-rx: 4.1.0(react@18.3.1)(rxjs@7.8.1)
+      react-rx: 4.1.4(react@18.3.1)(rxjs@7.8.1)
       read-pkg-up: 7.0.1
       refractor: 3.6.0
       resolve-from: 5.0.0
@@ -25916,8 +26366,6 @@ snapshots:
     dependencies:
       lru-cache: 6.0.0
 
-  semver@7.6.2: {}
-
   semver@7.6.3: {}
 
   send@0.19.0:
@@ -26023,6 +26471,22 @@ snapshots:
 
   shell-quote@1.8.1: {}
 
+  shiki-twoslash@3.1.2(typescript@5.6.3):
+    dependencies:
+      '@typescript/twoslash': 3.1.0
+      '@typescript/vfs': 1.3.4
+      fenceparser: 1.1.1
+      shiki: 0.10.1
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  shiki@0.10.1:
+    dependencies:
+      jsonc-parser: 3.2.1
+      vscode-oniguruma: 1.7.0
+      vscode-textmate: 5.2.0
+
   shiki@1.22.2:
     dependencies:
       '@shikijs/core': 1.22.2
@@ -26075,7 +26539,18 @@ snapshots:
 
   slash@5.1.0: {}
 
-  slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2):
+  slate-dom@0.111.0(slate@0.110.2):
+    dependencies:
+      '@juggle/resize-observer': 3.4.0
+      direction: 1.0.4
+      is-hotkey: 0.2.0
+      is-plain-object: 5.0.0
+      lodash: 4.17.21
+      scroll-into-view-if-needed: 3.1.0
+      slate: 0.110.2
+      tiny-invariant: 1.3.1
+
+  slate-react@0.111.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-dom@0.111.0(slate@0.110.2))(slate@0.110.2):
     dependencies:
       '@juggle/resize-observer': 3.4.0
       direction: 1.0.4
@@ -26086,6 +26561,7 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       scroll-into-view-if-needed: 3.1.0
       slate: 0.110.2
+      slate-dom: 0.111.0(slate@0.110.2)
       tiny-invariant: 1.3.1
 
   slate@0.110.2:
@@ -26107,7 +26583,7 @@ snapshots:
   snake-case@3.0.4:
     dependencies:
       dot-case: 3.0.4
-      tslib: 2.6.3
+      tslib: 2.8.1
 
   source-map-js@1.0.2: {}
 
@@ -26326,6 +26802,10 @@ snapshots:
 
   strip-bom-string@1.0.0: {}
 
+  strip-bom@2.0.0:
+    dependencies:
+      is-utf8: 0.2.1
+
   strip-bom@3.0.0: {}
 
   strip-bom@4.0.0: {}
@@ -26338,12 +26818,18 @@ snapshots:
 
   strip-final-newline@3.0.0: {}
 
+  strip-indent@1.0.1:
+    dependencies:
+      get-stdin: 4.0.1
+
   strip-indent@3.0.0:
     dependencies:
       min-indent: 1.0.1
 
   strip-json-comments@3.1.1: {}
 
+  style-mod@4.1.2: {}
+
   style-to-object@0.4.4:
     dependencies:
       inline-style-parser: 0.1.1
@@ -26366,12 +26852,12 @@ snapshots:
       stylis: 4.3.2
       tslib: 2.6.2
 
-  styled-jsx@5.1.1(@babel/core@7.25.7)(babel-plugin-macros@3.1.0)(react@18.3.1):
+  styled-jsx@5.1.1(@babel/core@7.26.0)(babel-plugin-macros@3.1.0)(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
     optionalDependencies:
-      '@babel/core': 7.25.7
+      '@babel/core': 7.26.0
       babel-plugin-macros: 3.1.0
 
   stylis@4.3.2: {}
@@ -26489,16 +26975,16 @@ snapshots:
     dependencies:
       rimraf: 2.6.3
 
-  terser-webpack-plugin@5.3.10(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5)):
+  terser-webpack-plugin@5.3.10(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
       schema-utils: 3.3.0
       serialize-javascript: 6.0.2
       terser: 5.36.0
-      webpack: 5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5)
+      webpack: 5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)
     optionalDependencies:
-      '@swc/core': 1.7.42(@swc/helpers@0.5.13)
+      '@swc/core': 1.8.0(@swc/helpers@0.5.13)
       esbuild: 0.21.5
 
   terser@5.36.0:
@@ -26627,12 +27113,12 @@ snapshots:
 
   trim-lines@3.0.1: {}
 
+  trim-newlines@1.0.0: {}
+
   trim-newlines@3.0.1: {}
 
   triple-beam@1.4.1: {}
 
-  trough@2.1.0: {}
-
   trough@2.2.0: {}
 
   ts-api-utils@1.3.0(typescript@5.6.3):
@@ -26648,7 +27134,7 @@ snapshots:
       '@ts-morph/common': 0.11.1
       code-block-writer: 10.1.1
 
-  ts-node@10.9.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@16.18.11)(typescript@4.9.5):
+  ts-node@10.9.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@16.18.11)(typescript@4.9.5):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -26666,9 +27152,9 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
-      '@swc/core': 1.7.42(@swc/helpers@0.5.13)
+      '@swc/core': 1.8.0(@swc/helpers@0.5.13)
 
-  ts-node@10.9.2(@swc/core@1.7.42(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3):
+  ts-node@10.9.2(@swc/core@1.8.0(@swc/helpers@0.5.13))(@types/node@20.14.10)(typescript@5.6.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -26686,7 +27172,7 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
-      '@swc/core': 1.7.42(@swc/helpers@0.5.13)
+      '@swc/core': 1.8.0(@swc/helpers@0.5.13)
     optional: true
 
   ts-toolbelt@6.15.5: {}
@@ -26704,11 +27190,9 @@ snapshots:
       minimist: 1.2.8
       strip-bom: 3.0.0
 
-  tslib@2.6.2: {}
-
-  tslib@2.6.3: {}
+  tslib@2.1.0: {}
 
-  tslib@2.7.0: {}
+  tslib@2.6.2: {}
 
   tslib@2.8.0: {}
 
@@ -26816,6 +27300,8 @@ snapshots:
 
   typescript@5.6.3: {}
 
+  typo-js@1.2.4: {}
+
   ufo@1.5.4: {}
 
   uid-promise@1.0.0: {}
@@ -26865,24 +27351,14 @@ snapshots:
 
   unified@10.1.2:
     dependencies:
-      '@types/unist': 2.0.10
+      '@types/unist': 2.0.11
       bail: 2.0.2
       extend: 3.0.2
       is-buffer: 2.0.5
       is-plain-obj: 4.1.0
-      trough: 2.1.0
+      trough: 2.2.0
       vfile: 5.3.7
 
-  unified@11.0.4:
-    dependencies:
-      '@types/unist': 3.0.0
-      bail: 2.0.2
-      devlop: 1.1.0
-      extend: 3.0.2
-      is-plain-obj: 4.1.0
-      trough: 2.1.0
-      vfile: 6.0.1
-
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -26922,7 +27398,7 @@ snapshots:
 
   unist-util-is@6.0.0:
     dependencies:
-      '@types/unist': 3.0.0
+      '@types/unist': 3.0.3
 
   unist-util-map@2.0.1:
     dependencies:
@@ -26945,7 +27421,7 @@ snapshots:
 
   unist-util-stringify-position@3.0.3:
     dependencies:
-      '@types/unist': 2.0.10
+      '@types/unist': 2.0.11
 
   unist-util-stringify-position@4.0.0:
     dependencies:
@@ -26963,12 +27439,18 @@ snapshots:
 
   unist-util-visit-parents@6.0.1:
     dependencies:
-      '@types/unist': 3.0.0
+      '@types/unist': 3.0.3
       unist-util-is: 6.0.0
 
+  unist-util-visit@2.0.3:
+    dependencies:
+      '@types/unist': 2.0.11
+      unist-util-is: 4.1.0
+      unist-util-visit-parents: 3.1.1
+
   unist-util-visit@4.1.2:
     dependencies:
-      '@types/unist': 2.0.10
+      '@types/unist': 2.0.11
       unist-util-is: 5.2.1
       unist-util-visit-parents: 5.1.3
 
@@ -27028,7 +27510,7 @@ snapshots:
   use-callback-ref@1.3.2(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      tslib: 2.6.3
+      tslib: 2.8.1
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -27049,6 +27531,12 @@ snapshots:
       immer: 10.1.1
       react: 18.3.1
 
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.12)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.12
+
   use-roving-index@2.0.0(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -27057,7 +27545,7 @@ snapshots:
     dependencies:
       detect-node-es: 1.1.0
       react: 18.3.1
-      tslib: 2.6.3
+      tslib: 2.8.1
     optionalDependencies:
       '@types/react': 18.3.12
 
@@ -27101,14 +27589,14 @@ snapshots:
   vary@1.1.2:
     optional: true
 
-  vercel@37.14.0(@swc/core@1.7.42(@swc/helpers@0.5.13))(encoding@0.1.13):
+  vercel@37.14.0(@swc/core@1.8.0(@swc/helpers@0.5.13))(encoding@0.1.13):
     dependencies:
       '@vercel/build-utils': 8.4.12
       '@vercel/fun': 1.1.0(encoding@0.1.13)
       '@vercel/go': 3.2.0
       '@vercel/hydrogen': 1.0.9
       '@vercel/next': 4.3.18(encoding@0.1.13)
-      '@vercel/node': 3.2.24(@swc/core@1.7.42(@swc/helpers@0.5.13))(encoding@0.1.13)
+      '@vercel/node': 3.2.24(@swc/core@1.8.0(@swc/helpers@0.5.13))(encoding@0.1.13)
       '@vercel/python': 4.3.1
       '@vercel/redwood': 2.1.8(encoding@0.1.13)
       '@vercel/remix-builder': 2.2.13(encoding@0.1.13)
@@ -27133,7 +27621,7 @@ snapshots:
 
   vfile-message@3.1.4:
     dependencies:
-      '@types/unist': 2.0.10
+      '@types/unist': 2.0.11
       unist-util-stringify-position: 3.0.3
 
   vfile-message@4.0.2:
@@ -27143,17 +27631,11 @@ snapshots:
 
   vfile@5.3.7:
     dependencies:
-      '@types/unist': 2.0.10
+      '@types/unist': 2.0.11
       is-buffer: 2.0.5
       unist-util-stringify-position: 3.0.3
       vfile-message: 3.1.4
 
-  vfile@6.0.1:
-    dependencies:
-      '@types/unist': 3.0.0
-      unist-util-stringify-position: 4.0.0
-      vfile-message: 4.0.2
-
   vfile@6.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -27164,7 +27646,7 @@ snapshots:
       cac: 6.7.14
       debug: 4.3.7(supports-color@5.5.0)
       pathe: 1.1.2
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       vite: 5.4.8(@types/node@20.14.10)(sass@1.80.6)(terser@5.36.0)
     transitivePeerDependencies:
       - '@types/node'
@@ -27203,10 +27685,16 @@ snapshots:
 
   void-elements@3.1.0: {}
 
+  vscode-oniguruma@1.7.0: {}
+
+  vscode-textmate@5.2.0: {}
+
   w3c-hr-time@1.0.2:
     dependencies:
       browser-process-hrtime: 1.0.0
 
+  w3c-keyname@2.2.8: {}
+
   w3c-xmlserializer@2.0.0:
     dependencies:
       xml-name-validator: 3.0.0
@@ -27264,7 +27752,7 @@ snapshots:
 
   webpack-sources@3.2.3: {}
 
-  webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5):
+  webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.6
@@ -27286,7 +27774,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.10(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5)(webpack@5.96.1(@swc/core@1.7.42(@swc/helpers@0.5.13))(esbuild@0.21.5))
+      terser-webpack-plugin: 5.3.10(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5)(webpack@5.96.1(@swc/core@1.8.0(@swc/helpers@0.5.13))(esbuild@0.21.5))
       watchpack: 2.4.2
       webpack-sources: 3.2.3
     transitivePeerDependencies:
diff --git a/public/fonts/Inter.var.woff2 b/public/fonts/Inter.var.woff2
deleted file mode 100644
index 365eedc50..000000000
Binary files a/public/fonts/Inter.var.woff2 and /dev/null differ
diff --git a/public/fonts/JetBrainsMono-Bold.woff2 b/public/fonts/JetBrainsMono-Bold.woff2
deleted file mode 100644
index d09807617..000000000
Binary files a/public/fonts/JetBrainsMono-Bold.woff2 and /dev/null differ
diff --git a/public/fonts/JetBrainsMono-Regular.woff2 b/public/fonts/JetBrainsMono-Regular.woff2
deleted file mode 100644
index fdf95dde6..000000000
Binary files a/public/fonts/JetBrainsMono-Regular.woff2 and /dev/null differ
diff --git a/public/fonts/JetBrainsMono-Variable.woff2 b/public/fonts/JetBrainsMono-Variable.woff2
new file mode 100644
index 000000000..29492a84e
Binary files /dev/null and b/public/fonts/JetBrainsMono-Variable.woff2 differ
diff --git a/public/fonts/inter-var-latin.woff2 b/public/fonts/inter-var-latin.woff2
new file mode 100644
index 000000000..2fbab974a
Binary files /dev/null and b/public/fonts/inter-var-latin.woff2 differ
diff --git a/public/static/cv.pdf b/public/static/cv.pdf
index 4f104b9dd..463c1469a 100644
Binary files a/public/static/cv.pdf and b/public/static/cv.pdf differ
diff --git a/sanity.cli.ts b/sanity.cli.ts
new file mode 100644
index 000000000..0b96213b7
--- /dev/null
+++ b/sanity.cli.ts
@@ -0,0 +1,8 @@
+import { defineCliConfig } from 'sanity/cli';
+
+export default defineCliConfig({
+  api: {
+    projectId: 'wdj6ou2i',
+    dataset: 'production',
+  },
+});
diff --git a/sanity.config.ts b/sanity.config.ts
new file mode 100644
index 000000000..4f085c1c5
--- /dev/null
+++ b/sanity.config.ts
@@ -0,0 +1,34 @@
+import { schemaTypes } from '@frontend/schemas';
+import {
+  dashboardTool,
+  projectUsersWidget,
+  projectInfoWidget,
+} from '@sanity/dashboard';
+import { visionTool } from '@sanity/vision';
+import { defineConfig } from 'sanity';
+// import { deskTool } from 'sanity/desk';
+import { structureTool } from 'sanity/structure';
+import { markdownSchema } from 'sanity-plugin-markdown';
+import CustomMarkdownInput from './src/components/sanity/CustomMarkdownInput';
+import defaultDocumentNode from './src/components/sanity/util/defaultDocumentNode';
+
+export default defineConfig({
+  name: 'default',
+  title: 'lhowsam.com',
+  projectId: 'wdj6ou2i',
+  dataset: 'production',
+  basePath: '/studio',
+  plugins: [
+    structureTool({
+      defaultDocumentNode,
+    }),
+    visionTool(),
+    markdownSchema({ input: CustomMarkdownInput }),
+    dashboardTool({
+      widgets: [projectInfoWidget(), projectUsersWidget()],
+    }),
+  ],
+  schema: {
+    types: schemaTypes,
+  },
+});
diff --git a/src/app/(admin)/studio/[[...index]]/page.tsx b/src/app/(admin)/studio/[[...index]]/page.tsx
new file mode 100644
index 000000000..bc4334f0c
--- /dev/null
+++ b/src/app/(admin)/studio/[[...index]]/page.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import 'easymde/dist/easymde.min.css';
+
+import { NextStudio } from 'next-sanity/studio';
+import config from '../../../../../sanity.config';
+
+export default function Studio() {
+  return <NextStudio config={config} />;
+}
diff --git a/src/app/about/about.css.ts b/src/app/about/about.css.ts
index 0269f12b8..c96a0af33 100644
--- a/src/app/about/about.css.ts
+++ b/src/app/about/about.css.ts
@@ -1,10 +1,47 @@
-import { variables } from '@frontend/styles/variables.css';
+import { responsiveStyle } from '@frontend/utils/style.css';
 import { style } from '@vanilla-extract/css';
 
-export const root = style({
+export const header = style({
   display: 'flex',
   flexDirection: 'column',
-  justifyContent: 'left',
-  alignItems: 'flex-start',
-  paddingBottom: variables.spacing.lg,
+  alignItems: 'left',
+  padding: '2rem',
+  gap: '2rem',
+  ...responsiveStyle({
+    sm: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      textAlign: 'left',
+    },
+  }),
+});
+
+export const imageContainer = style({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  textAlign: 'left',
+  ...responsiveStyle({
+    sm: {
+      justifyContent: 'flex-start',
+      textAlign: 'left',
+    },
+  }),
+});
+
+export const image = style({
+  borderRadius: '12px',
+});
+
+export const textContainer = style({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  textAlign: 'left',
+  ...responsiveStyle({
+    sm: {
+      alignItems: 'flex-start',
+      textAlign: 'left',
+    },
+  }),
 });
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e1993915a..90db80d2f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,116 +1,104 @@
 import Box from '@frontend/components/Box';
-import { Heading } from '@frontend/components/Heading';
-import { List } from '@frontend/components/HeroList/HeroList';
-import { Image } from '@frontend/components/Image';
-import Link from '@frontend/components/Link';
+import ExperienceItem from '@frontend/components/ExperienceItem';
+import Heading from '@frontend/components/Heading';
 import Page from '@frontend/components/Page';
-import { Spacer } from '@frontend/components/Spacer';
+import Skills from '@frontend/components/Skills';
+import Spacer from '@frontend/components/Spacer';
 import Text from '@frontend/components/Text';
+import companies from '@frontend/config/jobs';
+import { buttonStyles } from '@frontend/styles/button.css';
+import { parseDate } from '@frontend/utils/date';
 import { Metadata } from 'next';
-import dynamic from 'next/dynamic';
+import Image from 'next/image';
+import Link from 'next/link';
 import * as styles from './about.css';
 
 export const metadata: Metadata = {
   title: 'About',
 };
 
-const Skills = dynamic(() => import('@frontend/components/Skills'));
+// Sort companies by the most recent job's end date in descending order
+const sortedCompanies = companies.sort((a, b) => {
+  const aMostRecentJob = a.jobs.reduce((latest, job) => {
+    const jobEndDate = job.endDate ? parseDate(job.endDate) : new Date();
+    return jobEndDate > latest ? jobEndDate : latest;
+  }, new Date(0));
 
-const AboutPage = async () => {
+  const bMostRecentJob = b.jobs.reduce((latest, job) => {
+    const jobEndDate = job.endDate ? parseDate(job.endDate) : new Date();
+    return jobEndDate > latest ? jobEndDate : latest;
+  }, new Date(0));
+
+  return bMostRecentJob.getTime() - aMostRecentJob.getTime();
+});
+
+export default async function AboutPage() {
   return (
-    <Page
-      headerFontSize="xxxxl"
-      heading="About"
-      description="Hey I'm Luke, a Software Engineer currently based in the UK."
-    >
-      <Box as="section" marginX="auto" className={styles.root}>
-        <Image
-          src="/luke-1.png"
-          alt="Luke Howsam"
-          width={220}
-          height={300}
-          priority
-          fetchPriority="high"
-          quality={100}
-          rounded
-          placeholder="blur"
-          blurDataURL="/luke-1.png"
-        />
-        <Box as="section">
-          <Text
-            color="foregroundNeutral"
-            style={{ marginBottom: '2rem', marginTop: '0.85rem' }}
-          >
-            Right now I'm working as a Software Engineer primarily working with
-            React, Next.js, GraphQL, Node.js and AWS.
-          </Text>
-          <Text
-            color="foregroundNeutral"
+    <Page>
+      <header className={styles.header}>
+        <div className={styles.imageContainer}>
+          <Image
+            src="/luke-1.png"
+            width="200"
+            height="200"
+            alt=""
+            className={styles.image}
             style={{
-              marginBottom: '2rem',
+              maxWidth: '100%',
+              height: 'auto',
             }}
+          />
+        </div>
+        <div className={styles.textContainer}>
+          <Text
+            fontSize={{ xs: 'lg', md: 'xl' }}
+            gradient
+            fontFamily="mono"
+            testId="AboutPage-intro"
           >
+            Hey, I'm Luke. I'm a Software Engineer interested in DevOps, React,
+            Python, TypeScript and AWS.
+          </Text>
+          <Spacer height="lg" />
+          <Text color="foregroundNeutral" fontSize={{ xs: 'sm', md: 'md' }}>
             I'm comfortable with both frontend and backend technologies (React,
             Next.js, Python, GraphQL, Express.js, Node etc.) and I'm always keen
             to keep up with industry trends and new technologies.
           </Text>
-          <Text
-            color="foregroundNeutral"
-            style={{
-              marginBottom: '2rem',
-            }}
-          >
+          <Spacer height="lg" />
+
+          <Text color="foregroundNeutral" fontSize={{ xs: 'sm', md: 'md' }}>
             In my spare time I enjoy being outdoors, travelling, discovering new
             foods, finding new movies/tv-shows and reading
           </Text>
-          <Spacer height="sm" />
-          <Box as="section" marginY="lg">
-            <Heading
-              fontSize="xl"
-              color="foreground"
-              style={{ marginBottom: '1rem', marginTop: '1rem' }}
-            >
-              Connect
-            </Heading>
-            <List>
-              <List.Item>
-                <Text>
-                  <Link href="/static/cv.pdf">CV</Link>
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text>
-                  <Link href="https://www.linkedin.com/in/lukehowsam">
-                    LinkedIn
-                  </Link>
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text>
-                  <Link href="https://github.com/luke-h1">GitHub</Link>
-                </Text>
-              </List.Item>
-              <List.Item>
-                <Text>
-                  <Link href="https://twitter.com/LukeH_1999">Twitter</Link>
-                </Text>
-              </List.Item>
-            </List>
-          </Box>
-        </Box>
-        <Box as="section" maxWidth="container" marginX="auto">
-          <Heading
-            as="h2"
-            fontSize="xl"
-            color="foregroundNeutral"
-            style={{ marginTop: '4rem', marginBottom: '1.85rem' }}
+          <Spacer height="lg" />
+          <Link
+            href="/static/cv.pdf"
+            className={buttonStyles({ type: 'highContrast' })}
           >
-            Skills
+            Read CV
+          </Link>
+        </div>
+      </header>
+      <Link href="#experience">
+        <Box as="section">
+          <Heading as="h3" fontSize="xl">
+            Experience
           </Heading>
-          <Skills />
+          <Spacer height="md" />
+          {sortedCompanies.map(company => (
+            <ExperienceItem company={company} key={company.id} />
+          ))}
         </Box>
+      </Link>
+
+      <Spacer height="xxxxl" />
+      <Box as="section">
+        <Heading as="h3" fontSize="xl">
+          Skills
+        </Heading>
+        <Skills />
       </Box>
     </Page>
   );
-};
-export default AboutPage;
+}
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index 453359faa..ecf1b256d 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -1,11 +1,10 @@
 import Box from '@frontend/components/Box';
 import ContentRenderer from '@frontend/components/ContentRenderer';
 import FormattedDate from '@frontend/components/FormattedDate';
-import { Image } from '@frontend/components/Image';
-import Link from '@frontend/components/Link';
+import Heading from '@frontend/components/Heading';
 import Meta from '@frontend/components/Meta';
 import Page from '@frontend/components/Page';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
 import Text from '@frontend/components/Text';
 import siteConfig from '@frontend/config/site';
 import imageService from '@frontend/services/imageService';
@@ -14,6 +13,8 @@ import * as utils from '@frontend/styles/util.css';
 import clsx from 'clsx';
 import { Metadata } from 'next';
 import { draftMode } from 'next/headers';
+import Image from 'next/image';
+import Link from 'next/link';
 import { notFound } from 'next/navigation';
 
 export const revalidate = siteConfig.defaultRevalidate;
@@ -24,7 +25,7 @@ interface Props {
   };
 }
 
-const PostPage = async ({ params }: Props) => {
+export default async function PostPage({ params }: Props) {
   const { slug } = params;
 
   const { isEnabled } = draftMode();
@@ -36,15 +37,17 @@ const PostPage = async ({ params }: Props) => {
   }
 
   return (
-    <Page headerFontSize="xxl" heading={post.title}>
+    <Page>
       <Box>
+        <Heading fontSize="xxl" as="h1">
+          {post.title}
+        </Heading>
+        <Spacer height="lg" />
+
         <Image
           src={imageService.urlFor(post.image.asset) ?? undefined}
           width={650}
           height={400}
-          rounded
-          bordered
-          priority
           placeholder="blur"
           blurDataURL={imageService.urlFor(post.image.asset) ?? undefined}
           alt={post.image.alt ?? post.title}
@@ -80,7 +83,7 @@ const PostPage = async ({ params }: Props) => {
                 >
                   <Text
                     color="foregroundNeutral"
-                    textTransform="uppercase"
+                    // textTransform="uppercase"
                     fontSize="sm"
                     fontFamily="mono"
                   >
@@ -106,8 +109,7 @@ const PostPage = async ({ params }: Props) => {
       </Box>
     </Page>
   );
-};
-export default PostPage;
+}
 
 export async function generateStaticParams() {
   const slugs = await postService.getSlugs();
@@ -129,5 +131,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   return {
     title: post.title,
     description: post.intro,
+    assets: [imageService.urlFor(post.image.asset)],
+    keywords: post.tags.map(t => t.title).join(', '),
   };
 }
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index ad343d8e1..260af5cc1 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -1,22 +1,23 @@
 import Box from '@frontend/components/Box';
-import { Heading } from '@frontend/components/Heading';
-import { List } from '@frontend/components/List';
+import Heading from '@frontend/components/Heading';
 import Page from '@frontend/components/Page';
 import PostItem from '@frontend/components/PostItem';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
+import Text from '@frontend/components/Text';
 import siteConfig from '@frontend/config/site';
 import postService from '@frontend/services/postService';
 import { Post } from '@frontend/types/sanity';
 import { Metadata } from 'next';
-import { Fragment } from 'react';
 
 export const revalidate = siteConfig.defaultRevalidate;
 
 export const metadata: Metadata = {
   title: 'Blog',
+  description: 'A collection of blog posts I have written',
+  keywords: ['Blog', 'Posts', 'Articles', 'Software Development'],
 };
 
-const BlogPage = async () => {
+export default async function BlogPage() {
   const posts = await postService.getAllPosts();
 
   const allPosts = posts.sort((a, b) => {
@@ -43,40 +44,35 @@ const BlogPage = async () => {
     postsByYear[year].push(post);
   });
 
-  const description =
-    'Posts on software development, testing, DevOps and more.';
+  const sortedYears = Object.keys(postsByYear).sort(
+    (a, b) => Number(b) - Number(a),
+  );
 
   return (
-    <Page headerFontSize="xxxxl" heading="Blog" description={description}>
-      {Object.entries(postsByYear)
-        .reverse()
-        // eslint-disable-next-line no-shadow
-        .map(([year, posts], i) => (
-          <Fragment key={year}>
-            {i === 0 && <Spacer height="xxl" />}
-            {i > 0 && <Spacer height="xxl" />}
-            <Box as="section">
-              <Heading fontSize="xl" id={year} color="border">
-                {year}
-              </Heading>
-              <Spacer height="md" />
-              <Box as="section" paddingX="md">
-                <List marginX="lg" maxWidth="container">
-                  {posts &&
-                    posts.map(post => (
-                      <List.Item key={`${post._id}-${post.title}`}>
-                        <PostItem
-                          post={post}
-                          key={`${post._id}-${post.title}`}
-                        />
-                      </List.Item>
-                    ))}
-                </List>
-              </Box>
-            </Box>
-          </Fragment>
+    <Page>
+      <Box as="section">
+        <Heading fontSize="xxl" as="h1">
+          Blog
+        </Heading>
+        <Spacer height="xxs" />
+        <Text color="foregroundNeutral" fontSize="lg">
+          Blog posts on development, testing, and other topics
+        </Text>
+      </Box>
+      <Spacer height="xxxl" />
+      <Box as="section">
+        {sortedYears.map(year => (
+          <Box key={year} marginBottom="xxxl">
+            <Heading fontSize="xl" as="h2" color="foregroundNeutral">
+              {year}
+            </Heading>
+            <Spacer height="xl" />
+            {postsByYear[year].map(post => (
+              <PostItem post={post} key={post._id} />
+            ))}
+          </Box>
         ))}
+      </Box>
     </Page>
   );
-};
-export default BlogPage;
+}
diff --git a/src/app/blog/tags/[slug]/page.tsx b/src/app/blog/tags/[slug]/page.tsx
index d4d8c23ef..709303440 100644
--- a/src/app/blog/tags/[slug]/page.tsx
+++ b/src/app/blog/tags/[slug]/page.tsx
@@ -1,13 +1,11 @@
 import Box from '@frontend/components/Box';
-import { Heading } from '@frontend/components/Heading';
-import { List } from '@frontend/components/List';
+import Heading from '@frontend/components/Heading';
 import Page from '@frontend/components/Page';
 import PostItem from '@frontend/components/PostItem';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
 import siteConfig from '@frontend/config/site';
 import postService from '@frontend/services/postService';
 import { Post } from '@frontend/types/sanity';
-import { Fragment } from 'react';
 
 interface Props {
   params: {
@@ -17,7 +15,7 @@ interface Props {
 
 export const revalidate = siteConfig.defaultRevalidate;
 
-const TagPage = async ({ params }: Props) => {
+export default async function TagPage({ params }: Props) {
   const { slug } = params;
 
   const posts = await postService.getAllPosts();
@@ -26,8 +24,6 @@ const TagPage = async ({ params }: Props) => {
     return post.tags.some(tag => tag.slug.current === slug);
   });
 
-  const heading = `Posts tagged with '${slug}'`;
-
   const allPosts = matchingPosts.sort((a, b) => {
     if (a.publishedAt < b.publishedAt) {
       return 1;
@@ -53,36 +49,33 @@ const TagPage = async ({ params }: Props) => {
   });
 
   return (
-    <Page heading={heading}>
-      {Object.entries(postsByYear)
-        .reverse()
-        // eslint-disable-next-line no-shadow
-        .map(([year, posts], i) => (
-          <Fragment key={year}>
-            {i === 0 && <Spacer height="xxl" />}
-            {i > 0 && <Spacer height="xxl" />}
-            <Box as="section" marginX="auto">
-              <Heading fontSize="xl" id={year} color="border">
+    <Page>
+      <Box
+        display="flex"
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Heading fontSize="xxl" as="h1">
+          Posts tagged with '{slug}'
+        </Heading>
+        <Spacer height="xl" />
+      </Box>
+      <Box>
+        {Object.keys(postsByYear).map(year => {
+          return (
+            <Box key={year} marginBottom="xxxl">
+              <Heading fontSize="xl" as="h2" color="foregroundNeutral">
                 {year}
               </Heading>
-              <Spacer height="md" />
-              <Box as="section" paddingX="md">
-                <List marginX="lg" maxWidth="container">
-                  {posts &&
-                    posts.map(post => (
-                      <List.Item key={`${post._id}-${post.title}`}>
-                        <PostItem
-                          post={post}
-                          key={`${post._id}-${post.title}`}
-                        />
-                      </List.Item>
-                    ))}
-                </List>
-              </Box>
+              <Spacer height="xl" />
+              {postsByYear[year].map(post => (
+                <PostItem post={post} key={post._id} />
+              ))}
             </Box>
-          </Fragment>
-        ))}
+          );
+        })}
+      </Box>
     </Page>
   );
-};
-export default TagPage;
+}
diff --git a/src/app/error.tsx b/src/app/error.tsx
index 3336a26d0..18a323bfa 100644
--- a/src/app/error.tsx
+++ b/src/app/error.tsx
@@ -8,7 +8,6 @@ export const metadata: Metadata = {
   description: '500 internal server error',
 };
 
-const ErrorPage = () => {
-  return <ErrorContent title="500 internal server error" statusCode="500" />;
-};
-export default ErrorPage;
+export default function ErrorPage() {
+  return <ErrorContent statusCode="500" title="500 internal server error" />;
+}
diff --git a/src/app/feed.xml/route.ts b/src/app/feed.xml/route.ts
index ea6340529..37eb7cab3 100644
--- a/src/app/feed.xml/route.ts
+++ b/src/app/feed.xml/route.ts
@@ -1,4 +1,6 @@
 import postService from '@frontend/services/postService';
+import projectService from '@frontend/services/projectService';
+import workService from '@frontend/services/workService';
 import RSS from 'rss';
 
 export async function GET() {
@@ -8,7 +10,13 @@ export async function GET() {
     feed_url: `${process.env.NEXT_PUBLIC_URL}/feed.xml`,
   });
 
-  const posts = await postService.getAllPosts();
+  // const posts = await postService.getAllPosts();
+
+  const [posts, projects, works] = await Promise.all([
+    postService.getAllPosts(),
+    projectService.getAllProjects(),
+    workService.getWorks(),
+  ]);
 
   posts?.map(post => {
     return feed.item({
@@ -19,6 +27,24 @@ export async function GET() {
     });
   });
 
+  projects.map(project => {
+    return feed.item({
+      title: project.title,
+      url: `${process.env.NEXT_PUBLIC_URL}/projects/${project.slug.current}`,
+      date: new Date(),
+      description: project.intro,
+    });
+  });
+
+  works.map(work => {
+    return feed.item({
+      title: work.title,
+      url: `${process.env.NEXT_PUBLIC_URL}/work/${work.slug.current}`,
+      date: work.publishedAt,
+      description: work.intro,
+    });
+  });
+
   return new Response(feed.xml({ indent: true }), {
     status: 200,
     headers: {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 987165b7e..d41c46728 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,14 @@
 import 'the-new-css-reset';
 import '@frontend/styles/app.css';
-import '@frontend/styles/prism.css';
 import Providers from '@frontend/components/Providers';
+import SkipLink from '@frontend/components/SkipLink';
 import siteConfig from '@frontend/config/site';
 import getPolicies from '@frontend/utils/getPolicies';
 // import newrelic from 'newrelic';
 import { Metadata } from 'next';
 import Script from 'next/script';
 import { ReactNode } from 'react';
+import '@frontend/styles/prism.css';
 
 interface Props {
   children: Readonly<ReactNode>;
@@ -19,6 +20,7 @@ export const metadata: Metadata = {
     default: siteConfig.name,
     template: `%s | lhowsam.com`,
   },
+  description: `Software Engineer - Luke Howsam - my website`,
   keywords: [...siteConfig.keywords],
   authors: [
     {
@@ -93,10 +95,6 @@ const RootLayout = async ({ children }: Props) => {
         <meta content="#ffffff" name="msapplication-TileColor" />
         <meta property="og:image:width" content="1200" />
         <meta property="og:image:height" content="630" />
-        <meta
-          name="description"
-          content="Luke Howsam is a software engineer and software developer who specializes in Javascript, Typescript, GraphQL, cloud technologies & automated + manual testing"
-        />
         {process.env.NEXT_PUBLIC_URL === 'https://lhowsam.com' && (
           <>
             {/* <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_TRACKING_ID} /> */}
@@ -123,7 +121,10 @@ const RootLayout = async ({ children }: Props) => {
       </head>
       <body>
         <main id="main">
-          <Providers>{children}</Providers>
+          <Providers>
+            <SkipLink />
+            {children}
+          </Providers>
         </main>
       </body>
     </html>
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 366efa82a..061e2b6d4 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,4 +1,5 @@
 import ErrorContent from '@frontend/components/ErrorContent';
+import Page from '@frontend/components/Page';
 import { Metadata } from 'next';
 
 export const metadata: Metadata = {
@@ -6,7 +7,10 @@ export const metadata: Metadata = {
   description: '404 page not found',
 };
 
-const ErrorPage = () => {
-  return <ErrorContent title="404 page not found" statusCode="404" />;
-};
-export default ErrorPage;
+export default function ErrorPage() {
+  return (
+    <Page showHeader={false} showFooter={false}>
+      <ErrorContent statusCode="404" title="404 page not found" />
+    </Page>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f896dfbd7..2b4f43cf6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,17 +1,17 @@
 import Box from '@frontend/components/Box';
-import { Heading } from '@frontend/components/Heading';
-import Intro from '@frontend/components/Intro/Intro';
-import { List } from '@frontend/components/List';
+import Heading from '@frontend/components/Heading';
+import Intro from '@frontend/components/Intro';
+import * as List from '@frontend/components/List';
 import Page from '@frontend/components/Page';
 import PostItem from '@frontend/components/PostItem';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
+import Text from '@frontend/components/Text';
+import WorkItem from '@frontend/components/WorkItem';
 import siteConfig from '@frontend/config/site';
 import postService from '@frontend/services/postService';
-import projectService from '@frontend/services/projectService';
+import workService from '@frontend/services/workService';
 import { nrLogger } from '@frontend/utils/nrLogger';
-// import { nrLogger } from '@frontend/utils/nrLogger';
 import { Metadata } from 'next';
-import dynamic from 'next/dynamic';
 
 export const revalidate = siteConfig.defaultRevalidate;
 
@@ -19,66 +19,49 @@ export const metadata: Metadata = {
   title: 'Home | lhowsam.com',
 };
 
-const ProjectItem = dynamic(() => import('@frontend/components/ProjectItem'));
-
-const fetchPostsAndProjects = async () => {
-  'use server';
-
-  const [posts, projects] = await Promise.all([
+export default async function HomePage() {
+  const [posts, works] = await Promise.all([
     postService.getRecentPosts(),
-    projectService.getRecentProjects(),
+    workService.getWorks(),
   ]);
 
-  return { posts, projects };
-};
-
-const HomePage = async () => {
-  const { posts, projects } = await fetchPostsAndProjects();
-
   nrLogger.log({
     homePage: 'loaded',
   });
 
   return (
     <Page>
+      <Intro />
+      <Spacer height="xxxl" />
+
+      <Heading as="h3" fontSize="xl">
+        Work Projects
+      </Heading>
+      <Text fontSize="md" color="foregroundNeutral">
+        Projects I've contributed to at work
+      </Text>
       <Box as="section">
-        <Box marginX="auto">
-          <Intro />
-          <Spacer height="xl" />
-        </Box>
-      </Box>
-      <Box as="section" paddingX="sm" marginY="lg" marginBottom="xxxl">
-        <Heading fontSize="lg" color="foregroundNeutral">
-          Recent Posts
-        </Heading>
-        <List marginX="xs">
-          {posts &&
-            posts.map(post => (
-              <List.Item key={`${post._id}-${post.title}`}>
-                <PostItem post={post} key={`${post._id}-${post.title}`} />
+        <List.Container>
+          {works &&
+            works.map(work => (
+              <List.Item key={work._id}>
+                <WorkItem work={work} key={work._id} />
               </List.Item>
             ))}
-        </List>
+        </List.Container>
       </Box>
-      <Spacer height="xxxxl" />
-      <Box as="section" paddingX="md" marginY="xxl" marginX="auto">
-        <Heading fontSize="lg" color="foregroundNeutral">
-          Highlighted Projects
+      <Spacer height="xxxl" />
+      <Box as="section">
+        <Heading as="h3" fontSize="xl">
+          Recent Posts
         </Heading>
-        <List marginX="lg" marginY="lg">
-          {projects &&
-            projects.map(project => (
-              <List.Item key={`${project._id}-${project.title}`}>
-                <ProjectItem
-                  project={project}
-                  key={`${project._id}-${project.title}`}
-                />
-              </List.Item>
-            ))}
-        </List>
+        <Text fontSize="md" color="foregroundNeutral">
+          Recent blog posts I've written
+        </Text>
+
+        {posts &&
+          posts.map(post => <PostItem post={post} key={`${post._id}`} />)}
       </Box>
     </Page>
   );
-};
-
-export default HomePage;
+}
diff --git a/src/app/projects/[slug]/page.tsx b/src/app/projects/[slug]/page.tsx
index 51c95d34e..92273ef92 100644
--- a/src/app/projects/[slug]/page.tsx
+++ b/src/app/projects/[slug]/page.tsx
@@ -1,10 +1,9 @@
 import Box from '@frontend/components/Box';
 import ContentRenderer from '@frontend/components/ContentRenderer';
-import { Image } from '@frontend/components/Image';
-import Link from '@frontend/components/Link';
+import Heading from '@frontend/components/Heading';
 import Meta from '@frontend/components/Meta';
 import Page from '@frontend/components/Page';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
 import Text from '@frontend/components/Text';
 import siteConfig from '@frontend/config/site';
 import imageService from '@frontend/services/imageService';
@@ -13,6 +12,8 @@ import * as utils from '@frontend/styles/util.css';
 import clsx from 'clsx';
 import { Metadata } from 'next';
 import { draftMode } from 'next/headers';
+import Image from 'next/image';
+import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import { FiGithub } from 'react-icons/fi';
 
@@ -24,7 +25,7 @@ interface Props {
 
 export const revalidate = siteConfig.defaultRevalidate;
 
-const ProjectPage = async ({ params }: Props) => {
+export default async function ProjectPage({ params }: Props) {
   const { slug } = params;
   const { isEnabled } = draftMode();
 
@@ -35,74 +36,71 @@ const ProjectPage = async ({ params }: Props) => {
   }
 
   return (
-    <Page heading={project.title} description={project.intro}>
-      <Box
-        display="flex"
-        flexDirection="column"
-        alignItems="flex-start"
-        marginBottom="lg"
-      >
-        {project.image.asset && (
-          <Image
-            src={imageService.urlFor(project.image.asset) ?? undefined}
-            width={700}
-            height={400}
-            rounded
-            bordered
-            priority
-            layout="intrinsic"
-            placeholder="blur"
-            blurDataURL={imageService.urlFor(project.image.asset) ?? undefined}
-            alt={project.image.alt ?? project.title}
-            quality={100}
-          />
-        )}
-      </Box>
-      <Meta
-        items={[
-          {
-            title: 'Tags',
-            description: (
-              // eslint-disable-next-line react/jsx-no-useless-fragment
-              <>
-                <Text
-                  color="foregroundNeutral"
-                  textTransform="uppercase"
-                  // letterSpacing="wide"
-                  fontSize="sm"
-                  fontFamily="mono"
+    <Page>
+      <Box>
+        <Heading fontSize="xxl" as="h1">
+          {project.title}
+        </Heading>
+        <Spacer height="lg" />
+        <Image
+          src={imageService.urlFor(project.image.asset)}
+          width={650}
+          height={400}
+          priority
+          placeholder="blur"
+          blurDataURL={imageService.urlFor(project.image.asset)}
+          alt={project.image.alt ?? project.title}
+        />
+        <Meta
+          items={[
+            {
+              title: 'Tags',
+              description: (
+                // eslint-disable-next-line react/jsx-no-useless-fragment
+                <Box
+                  style={{
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    justifyContent: 'flex-start',
+                  }}
                 >
-                  {project.tags.map(tag => (
-                    <Link
-                      key={tag.slug.current}
-                      href={`/blog/tags/${tag.slug.current}`}
-                      className={clsx(utils.tag, utils.anchor)}
-                    >
-                      {tag.title.toUpperCase()}
-                    </Link>
-                  ))}
-                </Text>
-              </>
-            ),
-          },
-          {
-            title: 'Repository',
-            description: (
-              <Link href={project.githubUrl}>
-                <FiGithub size={20} />
-              </Link>
-            ),
-          },
-        ]}
-      />
-      <Box maxWidth="container" display="flex" alignItems="flex-start">
+                  <Text
+                    color="foregroundNeutral"
+                    // textTransform="uppercase"
+                    fontSize="sm"
+                    fontFamily="mono"
+                  >
+                    {project.tags.map(tag => (
+                      <Link
+                        key={tag.slug.current}
+                        href={`/blog/tags/${tag.slug.current}`}
+                        className={clsx(utils.tag, utils.anchor)}
+                      >
+                        {tag.title.toUpperCase()}
+                      </Link>
+                    ))}
+                  </Text>
+                </Box>
+              ),
+            },
+            {
+              title: 'Repository',
+              description: (
+                <Link href={project.githubUrl}>
+                  <FiGithub size={20} />
+                </Link>
+              ),
+            },
+          ]}
+        />
+      </Box>
+      <Box display="flex" alignItems="flex-start">
         <Spacer height="md" />
         <ContentRenderer content={project.content} />
       </Box>
     </Page>
   );
-};
-export default ProjectPage;
+}
 
 export async function generateStaticParams() {
   const slugs = await projectService.getSlugs();
@@ -126,5 +124,6 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   return {
     title,
     description: intro,
+    assets: [imageService.urlFor(project.image.asset)],
   };
 }
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index 9ec486830..759edde25 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -1,7 +1,9 @@
 import Box from '@frontend/components/Box';
-import { List } from '@frontend/components/List';
+import Heading from '@frontend/components/Heading';
+import * as List from '@frontend/components/List';
 import Page from '@frontend/components/Page';
 import ProjectItem from '@frontend/components/ProjectItem';
+import Text from '@frontend/components/Text';
 import siteConfig from '@frontend/config/site';
 import projectService from '@frontend/services/projectService';
 import { Metadata } from 'next';
@@ -12,26 +14,31 @@ export const metadata: Metadata = {
   title: 'Projects',
 };
 
-const ProjectPage = async () => {
+export default async function ProjectPage() {
   const projects = await projectService.getAllProjects();
 
   return (
-    <Page
-      headerFontSize="xxxxl"
-      heading="Projects"
-      description="Personal projects"
-    >
-      <Box as="section" marginX="auto">
-        <List>
-          {projects &&
-            projects.map(project => (
-              <List.Item key={project._id}>
-                <ProjectItem project={project} />
-              </List.Item>
-            ))}
-        </List>
+    <Page>
+      <Box>
+        <Heading fontSize="xxl" as="h1" testId="project-heading">
+          Projects
+        </Heading>
+        <Text
+          color="foregroundNeutral"
+          fontSize="lg"
+          testId="project-description"
+        >
+          Personal projects I've worked on
+        </Text>
       </Box>
+      <List.Container>
+        {projects &&
+          projects.map(project => (
+            <List.Item key={project.slug.current}>
+              <ProjectItem key={project.slug.current} project={project} />
+            </List.Item>
+          ))}
+      </List.Container>
     </Page>
   );
-};
-export default ProjectPage;
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index b6491a027..c642eed49 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -1,14 +1,18 @@
 import postService from '@frontend/services/postService';
 import projectService from '@frontend/services/projectService';
+import workService from '@frontend/services/workService';
 import { MetadataRoute } from 'next';
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const [posts, projects] = await Promise.all([
+  const [posts, projects, works] = await Promise.all([
     postService.getAllPosts(),
     projectService.getAllProjects(),
+    workService.getWorks(),
   ]);
 
-  const [blogPages, projectPages] = await Promise.all([
+  const tags = posts.flatMap(post => post.tags);
+
+  const [blogPages, projectPages, workPages] = await Promise.all([
     posts.map(post => ({
       url: `${process.env.NEXT_PUBLIC_URL}/blog/${post.slug.current}`,
       lastModified: post.publishedAt,
@@ -16,6 +20,12 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     projects.map(project => ({
       url: `${process.env.NEXT_PUBLIC_URL}/projects/${project.slug.current}`,
     })),
+    works.map(work => ({
+      url: `${process.env.NEXT_PUBLIC_URL}/work/${work.slug.current}`,
+    })),
+    tags.map(tag => ({
+      url: `${process.env.NEXT_PUBLIC_URL}/blog/tags/${tag.slug.current}`,
+    })),
   ]);
 
   const routes = ['', '/blog', '/projects', '/about', '/talks'].map(route => ({
@@ -23,5 +33,5 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     lastModified: new Date().toISOString().split('T')[0],
   }));
 
-  return [...routes, ...blogPages, ...projectPages];
+  return [...routes, ...blogPages, ...projectPages, ...workPages];
 }
diff --git a/src/app/talks/page.tsx b/src/app/talks/page.tsx
index 6bb8a4916..95d23ab58 100644
--- a/src/app/talks/page.tsx
+++ b/src/app/talks/page.tsx
@@ -1,8 +1,7 @@
 import Box from '@frontend/components/Box';
-import { Heading } from '@frontend/components/Heading';
-import { List } from '@frontend/components/List';
+import Heading from '@frontend/components/Heading';
 import Page from '@frontend/components/Page';
-import { Spacer } from '@frontend/components/Spacer';
+import Spacer from '@frontend/components/Spacer';
 import TalkItem from '@frontend/components/TalkItem';
 import Text from '@frontend/components/Text';
 import talkService from '@frontend/services/talkService';
@@ -12,7 +11,7 @@ export const metadata: Metadata = {
   title: 'Talks',
 };
 
-const TalksPage = async () => {
+export default async function TalksPage() {
   const talks = await talkService.getTalks();
 
   return (
@@ -46,17 +45,16 @@ const TalksPage = async () => {
         </Box>
       </Box>
       <Spacer height="sm" />
-      <Box as="section" maxWidth={{ md: 'text' }} marginX={{ md: 'auto' }}>
-        <List>
+      <Box as="section" maxWidth={{ md: 'text' }} marginX={{ md: 'sm' }}>
+        <ul>
           {talks &&
             talks.map(talk => (
-              <List.Item key={talk._id}>
+              <li key={talk._id}>
                 <TalkItem talk={talk} />
-              </List.Item>
+              </li>
             ))}
-        </List>
+        </ul>
       </Box>
     </Page>
   );
-};
-export default TalksPage;
+}
diff --git a/src/app/work/[slug]/page.tsx b/src/app/work/[slug]/page.tsx
new file mode 100644
index 000000000..faa170a20
--- /dev/null
+++ b/src/app/work/[slug]/page.tsx
@@ -0,0 +1,93 @@
+import Box from '@frontend/components/Box';
+import ContentRenderer from '@frontend/components/ContentRenderer';
+import FormattedDate from '@frontend/components/FormattedDate';
+import Heading from '@frontend/components/Heading';
+import Meta from '@frontend/components/Meta';
+import Page from '@frontend/components/Page';
+import Spacer from '@frontend/components/Spacer';
+import Text from '@frontend/components/Text';
+import siteConfig from '@frontend/config/site';
+import imageService from '@frontend/services/imageService';
+import workService from '@frontend/services/workService';
+import { Metadata } from 'next';
+import { draftMode } from 'next/headers';
+import { notFound } from 'next/navigation';
+
+interface Props {
+  params: {
+    slug: string;
+  };
+}
+
+export const revalidate = siteConfig.defaultRevalidate;
+
+export default async function WorkSlugPage({ params }: Props) {
+  const { slug } = params;
+  const { isEnabled } = draftMode();
+
+  const work = await workService.getWork(slug, isEnabled);
+
+  if (!work) {
+    notFound();
+  }
+
+  return (
+    <Page>
+      <Box>
+        <Heading fontSize="xxl">{work.title}</Heading>
+        <Spacer height="lg" />
+
+        <Meta
+          items={[
+            {
+              title: 'Published',
+              description: (
+                <Text
+                  as="time"
+                  dateTime={work.publishedAt}
+                  color="foregroundNeutral"
+                  fontSize="sm"
+                  fontFamily="mono"
+                >
+                  <FormattedDate testId="time">
+                    {work.publishedAt ?? null}
+                  </FormattedDate>
+                </Text>
+              ),
+            },
+          ]}
+        />
+      </Box>
+      <Box display="flex" alignItems="flex-start">
+        <Spacer height="md" />
+        <ContentRenderer content={work.content} />
+      </Box>
+    </Page>
+  );
+}
+
+export async function generateStaticParams() {
+  const slugs = await workService.getSlugs();
+
+  return slugs.map(s => ({
+    slug: s.current,
+  }));
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { slug } = params;
+
+  const work = await workService.getWork(slug);
+
+  if (!work) {
+    return {};
+  }
+
+  const { title, intro } = work;
+
+  return {
+    title,
+    description: intro,
+    assets: [imageService.urlFor(work.image.asset)],
+  };
+}
diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
new file mode 100644
index 000000000..d0c61f204
--- /dev/null
+++ b/src/app/work/page.tsx
@@ -0,0 +1,42 @@
+import Box from '@frontend/components/Box';
+import Heading from '@frontend/components/Heading';
+import * as List from '@frontend/components/List';
+import Page from '@frontend/components/Page';
+import Spacer from '@frontend/components/Spacer';
+import Text from '@frontend/components/Text';
+import WorkItem from '@frontend/components/WorkItem';
+import workService from '@frontend/services/workService';
+
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Work',
+};
+
+export default async function WorkPage() {
+  const works = await workService.getWorks();
+  return (
+    <Page>
+      <Box as="section">
+        <Heading fontSize="xxl" as="h1">
+          Work
+        </Heading>
+        <Spacer height="xxs" />
+        <Text color="foregroundNeutral" fontSize="lg">
+          Projects I've contribute to at work
+        </Text>
+      </Box>
+      <Spacer height="xxxl" />
+      <Box as="section">
+        <List.Container>
+          {works &&
+            works.map(work => (
+              <List.Item key={work._id}>
+                <WorkItem work={work} key={work._id} />
+              </List.Item>
+            ))}
+        </List.Container>
+      </Box>
+    </Page>
+  );
+}
diff --git a/src/components/Box/index.tsx b/src/components/Box.tsx
similarity index 100%
rename from src/components/Box/index.tsx
rename to src/components/Box.tsx
diff --git a/src/components/Box/Box.test.tsx b/src/components/Box/Box.test.tsx
deleted file mode 100644
index 8c2ad3e7d..000000000
--- a/src/components/Box/Box.test.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import Box from '.';
-
-describe('Box', () => {
-  test('renders as div by default', () => {
-    render(<Box>Box</Box>);
-
-    expect(screen.getByText('Box').tagName).toBe('DIV');
-  });
-
-  test('renders as a different element', () => {
-    render(<Box as="section">Box</Box>);
-
-    expect(screen.getByText('Box').tagName).toBe('SECTION');
-  });
-});
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
deleted file mode 100644
index 0bbb443da..000000000
--- a/src/components/Button/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as styles from './Button.css';
-
-type ButtonProps = JSX.IntrinsicElements['button'];
-
-const Button = (props: ButtonProps) => {
-  // eslint-disable-next-line react/button-has-type
-  return <button {...props} className={styles.root} />;
-};
-export default Button;
diff --git a/src/components/ButtonGroup/ButtonGroup.css.ts b/src/components/ButtonGroup/ButtonGroup.css.ts
new file mode 100644
index 000000000..2ce7e3b92
--- /dev/null
+++ b/src/components/ButtonGroup/ButtonGroup.css.ts
@@ -0,0 +1,40 @@
+import { variables } from '@frontend/styles/variables.css';
+import { responsiveStyle } from '@frontend/utils/style.css';
+import { style, globalStyle } from '@vanilla-extract/css';
+
+export const group = style({
+  display: 'flex',
+  // alignItems: 'center',
+  flexDirection: 'column',
+  textAlign: 'center',
+  marginBottom: variables.spacing.md,
+
+  ...responsiveStyle({
+    sm: {
+      display: 'inline',
+    },
+    md: {
+      flexDirection: 'row',
+    },
+  }),
+});
+
+globalStyle(`${group} > *`, {
+  marginBottom: 0,
+  ...responsiveStyle({
+    sm: {
+      marginRight: variables.spacing.sm,
+    },
+  }),
+});
+
+globalStyle(`${group} > * + *`, {
+  marginLeft: 0,
+  marginTop: variables.spacing.md,
+  ...responsiveStyle({
+    md: {
+      marginLeft: variables.spacing.md,
+      marginTop: 0,
+    },
+  }),
+});
diff --git a/src/components/ButtonGroup/index.tsx b/src/components/ButtonGroup/index.tsx
new file mode 100644
index 000000000..06a198d6e
--- /dev/null
+++ b/src/components/ButtonGroup/index.tsx
@@ -0,0 +1,12 @@
+import clsx from 'clsx';
+import { ReactNode } from 'react';
+import * as styles from './ButtonGroup.css';
+
+interface Props {
+  children: ReactNode;
+  className?: string;
+}
+
+export default function ButtonGroup({ children, className }: Props) {
+  return <div className={clsx(styles.group, className)}>{children}</div>;
+}
diff --git a/src/components/CommandMenu/CommandMenu.css.ts b/src/components/CommandMenu/CommandMenu.css.ts
index c164bc896..5d28e26de 100644
--- a/src/components/CommandMenu/CommandMenu.css.ts
+++ b/src/components/CommandMenu/CommandMenu.css.ts
@@ -21,7 +21,7 @@ export const banner = style({
 export const avatar = style({
   // position: "relative",
   display: 'inline-flex',
-  borderRadius: variables.radius.lg,
+  borderRadius: variables.radii.lg,
   // border: `1px solid ${variables.color.borderFaint}`,
   overflow: 'hidden',
   ':focus': {
@@ -61,7 +61,7 @@ export const toggle = style({
   height: variables.spacing.xxl,
   display: 'grid',
   placeItems: 'center',
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   cursor: 'pointer',
   transitionTimingFunction: 'ease-in-out',
   transitionDuration: '200ms',
@@ -81,7 +81,7 @@ export const toggleHighlight = style({
   position: 'absolute',
   inset: 0,
   backgroundColor: variables.color.surfaceHover,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   zIndex: '-1',
   opacity: 0,
   transform: 'scale(0)',
@@ -165,7 +165,7 @@ globalStyle('[cmdk-root]', {
   width: '100%',
   backgroundColor: variables.color.surface,
   border: `1px solid ${variables.color.border}`,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
 });
 
 globalStyle('[cmdk-header]', {
@@ -180,7 +180,7 @@ globalStyle('[cmdk-header-esc]', {
   fontSize: variables.fontSize.xs,
   padding: `${variables.spacing.xs} ${variables.spacing.sm}`,
   color: variables.color.foregroundNeutral,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   cursor: 'pointer',
   border: `1px solid ${variables.color.border}`,
 });
@@ -246,7 +246,7 @@ globalStyle('[cmdk-item] .content', {
 globalStyle('[cmdk-item] .highlight', {
   position: 'absolute',
   inset: `0 ${variables.spacing.sm}`,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   backgroundColor: variables.color.surfaceHover,
 });
 
diff --git a/src/components/CommandMenu/CommandMenu.test.tsx b/src/components/CommandMenu/CommandMenu.test.tsx
index f3df9d8e8..468cc92ac 100644
--- a/src/components/CommandMenu/CommandMenu.test.tsx
+++ b/src/components/CommandMenu/CommandMenu.test.tsx
@@ -26,6 +26,7 @@ describe('CommandMenu', () => {
     render(<CommandMenu />);
     fireEvent.click(screen.getByRole('button', { name: 'Open command menu' }));
   });
+
   test('Search filters list of items correctly', async () => {
     const input = screen.getByPlaceholderText('Type a command or search...');
     fireEvent.change(input, { target: { value: 'home' } });
diff --git a/src/components/CommandMenu/index.tsx b/src/components/CommandMenu/index.tsx
index 129d51505..3e8c250ea 100644
--- a/src/components/CommandMenu/index.tsx
+++ b/src/components/CommandMenu/index.tsx
@@ -23,6 +23,7 @@ import {
   Triangle,
   BarChart,
 } from 'react-feather';
+import { AiFillProject } from 'react-icons/ai';
 import { tinykeys } from 'tinykeys';
 import './CommandMenu.css';
 import Link from '../Link';
@@ -94,12 +95,18 @@ const navigationLinks: NavigationItem[] = [
   },
   {
     id: 4,
-    href: '/projects',
-    text: 'Projects',
+    href: '/work',
+    text: 'Work',
     icon: <Code size={ICON_SIZE} />,
   },
   {
     id: 5,
+    href: '/projects',
+    text: 'Projects',
+    icon: <AiFillProject size={ICON_SIZE} />,
+  },
+  {
+    id: 6,
     href: '/talks',
     text: 'Talks',
     icon: <Triangle size={ICON_SIZE} />,
diff --git a/src/components/Companies/index.tsx b/src/components/Companies/index.tsx
deleted file mode 100644
index 29c5aafa8..000000000
--- a/src/components/Companies/index.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-const GovUkSvg = () => (
-  <svg
-    viewBox="0 0 512 512"
-    xmlns="http://www.w3.org/2000/svg"
-    height="50"
-    fill="none"
-  >
-    <path
-      d="m0 0v512h512v-512zm415.76 238.55c11.12-4.56 24.05.88 28.67 12.11 4.63 11.17-.72 24.05-11.85 28.61-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12.01-28.84zm-39.05-58.11c11.12-4.56 24.05.89 28.68 12.12 4.62 11.17-.73 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.83-11.88-4.65-11.18.67-24.18 12-28.84zm-58.98-35.19c11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83zm-101.34-55.92 27.83 8.81.09-.08c.77-1.03 1.68-1.94 2.7-2.73l.08-.08-11.2-35.25h20.12s20.12 0 20.12 0l-11.2 35.25.08.08c1.02.79 1.93 1.7 2.7 2.73l.08.08 27.84-8.81v41.08l-27.87-14.63-.06.06c-.83 1.08-1.8 2.04-2.88 2.86l16 48.28c.02.06.05.12.06.18l.02.05c.74 2.42 1.14 4.98 1.14 7.63 0 13.06-9.65 23.85-22.19 25.7-.18.03-.37.06-.55.08-1.07.14-2.16.23-3.26.23-1.11 0-2.19-.09-3.26-.23-.19-.02-.38-.06-.56-.08-12.55-1.85-22.19-12.63-22.19-25.7 0-2.65.4-5.21 1.15-7.62s.01-.06.01-.06c.02-.06.04-.12.06-.18l16.01-48.28c-1.09-.81-2.06-1.77-2.88-2.86l-.06-.06-27.87 14.63v-41.08zm48.11 174.62c-11.34 4.68-24.21-.67-28.84-11.88-4.64-11.18.67-24.18 12.01-28.83 11.12-4.57 24.05.88 28.67 12.11 4.62 11.17-.72 24.04-11.85 28.6zm-99.28-106.59c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.65 17.65 12.01 28.83-4.62 11.21-17.49 16.56-28.84 11.88-11.12-4.56-16.47-17.44-11.85-28.6zm-58.99 35.2c4.63-11.22 17.55-16.68 28.68-12.12 11.34 4.65 16.65 17.65 12 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.12-4.56-16.48-17.44-11.85-28.6zm-39.04 58.11c4.62-11.23 17.55-16.68 28.67-12.11 11.34 4.65 16.66 17.65 12.01 28.84-4.62 11.21-17.49 16.56-28.83 11.88-11.13-4.55-16.47-17.43-11.85-28.61zm335.98 169.34c-44.5-6.37-94.44-9.94-147.21-9.94s-102.66 3.57-147.14 9.93c-12.63-53.1-28-83.53-43.87-105.19l29.89-10.64c-2.97 15.18-3.45 22.24-.12 32 4.93-4.82 9.6-13.68 13.25-27.23l14.49 48.23c-8.82-6.07-15.61-9.99-23.39-10.17 13.79 29.7 31.01 37.34 42.17 35.28 13.62-2.5 19.89-14.65 17.78-24.95-3.13-14.6-18.12-18.41-25.12-1.42-13.39-27.31 9.32-35.81 23.93-27.73-22.44-22.39-25.01-42.29-6.89-66.38 25.24 19.3 25.54 38.41 14.18 65.3 14.74-16.87 37.68-7.81 29.4 19.45-10.64-16.46-24.71-6.1-22.5 9.53 1.87 13.62 19.85 24.62 42.25 22.68 32.1-2.91 34.01-25.06 34.81-43.39-7.89-1.46-22.1 5.86-34.22 22.87l-4.46-51.16c13.18 13.74 25.16 16.35 38.46 16.77-4.43-13.82-24.78-36.46-24.78-36.46h63.85s-20.35 22.64-24.78 36.46c13.3-.42 25.28-3.03 38.46-16.77l-4.46 51.16c-12.11-17.01-26.32-24.33-34.21-22.87.8 18.34 2.71 40.48 34.81 43.39 22.39 1.95 40.38-9.05 42.25-22.68 2.21-15.63-11.86-25.99-22.49-9.53-8.29-27.26 14.65-36.32 29.39-19.45-11.36-26.89-11.07-46 14.18-65.3 18.12 24.08 15.55 43.99-6.9 66.38 14.62-8.08 37.32.43 23.94 27.73-7-16.99-21.98-13.18-25.12 1.42-2.11 10.3 4.15 22.46 17.77 24.95 11.16 2.06 28.38-5.58 42.17-35.28-7.77.18-14.57 4.11-23.38 10.17l14.48-48.23c3.65 13.55 8.32 22.41 13.25 27.23 3.33-9.76 2.85-16.82-.12-32l29.89 10.64c-15.88 21.66-31.25 52.09-43.88 105.2z"
-      fill="#fff"
-    />
-  </svg>
-);
-
-const HiveIT = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 260.798 91.975"
-    height="50"
-    fill="none"
-  >
-    <defs>
-      <style />
-    </defs>
-    <path
-      d="M78.57 90.427H65.395l11.127-63.854h13.174ZM88.161 0a6.471 6.471 0 0 1 6.65 6.707c0 6.322-4.732 9.675-9.848 9.675a6.56 6.56 0 0 1-6.906-6.837C78.058 2.967 83.429 0 88.162 0ZM126.4 90.685h-14.452L96.217 26.702h14.452l4.86 20.51 6.14 29.541 14.58-26.96 13.558-23.09h14.452ZM187.915 79.591c6.523 0 14.709-2.45 19.441-6.837l7.162 8.385c-7.801 7.224-19.313 10.836-29.033 10.836-18.161 0-28.777-10.965-28.777-27.734 0-22.188 17.522-38.958 39.649-38.958 20.464 0 31.718 12.642 24.94 38.313h-51.16c-.511 9.803 6.14 15.995 17.778 15.995Zm6.651-42.44c-9.72 0-18.29 5.031-22.254 15.222h38.241c1.023-10.19-5.243-15.222-15.987-15.222ZM233.128.507h4.217l-4.673 26.596h-4.218ZM42.273 25.283c-7.674 0-15.22 2.58-22.254 10.32L26.286.13H13.112L0 75.39l10.545 15.036h.009L16.31 56.63c1.79-10.449 10.615-18.963 20.72-18.963 10.615 0 14.835 5.934 12.79 17.93l-6.012 34.83h13.174l6.01-34.958c3.07-18.189-2.813-30.186-20.719-30.186ZM258.106.507h-18.252l-.684 3.838h8.739l-4.027 22.759h4.293l4.027-22.759h8.596L258.106.507z"
-      fill="#fff"
-    />
-  </svg>
-);
-
-const SkyBettingAndGaming = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    version="1.1"
-    id="PRIMARY"
-    x="0px"
-    y="0px"
-    viewBox="0 0 1608 120"
-    // style="enable-background:new 0 0 1608 120;"
-    xmlSpace="preserve"
-    fill="none"
-    height="50"
-    aria-labelledby="title"
-  >
-    <title>Sky Betting &amp; Gaming Technology</title>
-    <line
-      x1="1140"
-      y1="0"
-      x2="1140"
-      y2="120"
-      // style="fill:#FFFFFF;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;"
-    />
-    <rect x="1186.1" y="27.5" className="st1" width="561.3" height="84.5" />
-    <text transform="matrix(1 0 0 1 1186.0514 88.7139)" className="st2 st3 st4">
-      technology
-    </text>
-    <g id="XMLID_177_">
-      <g>
-        <path
-          className="st2"
-          d="M771.5,72.8c0,4.9,4.1,9.4,11.5,9.4c7.5,0,14.1-3.8,18.3-9.4V62C785.1,60.9,771.5,63,771.5,72.8z M629.7,47.3     c9.5-3.3,12.7-6.1,12.7-11.2c0-4.5-3.7-8.6-10.6-8.6c-6.6,0-10.1,3.8-10.1,8.2C621.7,39.9,624.1,42.1,629.7,47.3z M614.4,70.2     c0,7.3,6,11.7,14.3,11.7c7.2,0,12.6-3.9,16.3-8.6l-17.7-16.7C619.3,59.3,614.4,63.7,614.4,70.2z M723.6,39.8     c-10.5,0-18.6,7.5-18.6,20.3c0,12.7,8.1,20.3,18.6,20.3c7.7,0,14.3-4.5,17.3-10.8V50.6C737.8,44.1,731.2,39.8,723.6,39.8z     M310.9,39.7c-8.7,0-16.6,6-18.1,17.2h34.8C327.2,47.2,320.9,39.7,310.9,39.7z M244.7,40c-7.5,0-14.5,4.4-17.7,10.7v20.4     c3.2,6.4,10.1,10.7,17.7,10.7c11.1,0,19.3-8.5,19.3-21C264,48.5,255.8,40,244.7,40z M1078.4,0.2H199.7c-4.4,0-8,3.6-8,8v104     c0,4.4,3.6,8,8,8h878.8c4.4,0,8-3.6,8-8V8.2C1086.4,3.8,1082.8,0.2,1078.4,0.2z M246.6,90.3c-8.5,0-15.4-4-19.6-9.7v5.4     c0,2.4-1.3,3.7-5.2,3.7c-1.6,0-3.5-0.2-4.5-0.5V16c0-2.2,1.3-3.7,5.2-3.7c1.6,0,3.5,0.2,4.5,0.5v28.4c4.1-5.7,11.1-9.7,19.6-9.7     c14.3,0,27.2,11,27.2,29.3C273.8,79.4,260.8,90.3,246.6,90.3z M336.6,64.4h-43.8c1.3,11,8.8,17.1,20,17.1c4.8,0,8.6-0.9,12.1-2.1     c2.5-0.8,3.5-1.2,4.5-1.2c2.7,0,4.5,2.2,4,7.4c-5.1,2.2-12.8,4.7-21,4.7c-17.7,0-29.6-11.9-29.6-29.6c0-17,12.6-29.2,28-29.2     c17.4,0,26,13.5,26,27.2C337,60.4,336.8,62.4,336.6,64.4z M382.8,86.4c-4.9,2.4-10.6,3.9-16.3,3.9c-11.2,0-17.9-6.6-17.9-17.6     V24.1c0-2.5,1.4-4.1,5.2-4.1c1.6,0,3.5,0.4,4.5,0.6v12.3h22c0.1,0.8,0.4,2.5,0.4,3.9c0,3.4-1.4,4.6-3.5,4.6h-18.8v30.7     c0,6.6,3.1,9.8,9.3,9.8c5.7,0,8.8-2.5,11.5-2.5C382,79.4,383.4,81.7,382.8,86.4z M424.9,86.4c-4.9,2.4-10.6,3.9-16.3,3.9     c-11.2,0-17.9-6.6-17.9-17.6V24.1c0-2.5,1.4-4.1,5.2-4.1c1.6,0,3.5,0.4,4.5,0.6v12.3h22c0.1,0.8,0.4,2.5,0.4,3.9     c0,3.4-1.4,4.6-3.5,4.6h-18.8v30.7c0,6.6,3.1,9.8,9.3,9.8c5.7,0,8.8-2.5,11.5-2.5C424,79.4,425.4,81.7,424.9,86.4z M443.2,86.1     c0,2.4-1.2,3.7-5.1,3.7c-1.6,0-3.5-0.2-4.5-0.5V35.8c0-2.2,1.3-3.7,5.2-3.7c1.6,0,3.4,0.2,4.4,0.5V86.1z M438.5,25.9     c-3.3,0-6.1-2.9-6.1-6.1c0-3.5,2.8-6.1,6.1-6.1c3.5,0,6.2,2.6,6.2,6.1C444.7,22.9,442,25.9,438.5,25.9z M508,86.1     c0,2.2-1.3,3.7-5.2,3.7c-1.6,0-3.5-0.2-4.5-0.5V56.9c0-11.3-5.5-16.7-13.9-16.7c-6.5,0-13.5,4.5-16.4,9.8v36.2     c0,2.2-1.3,3.7-5.2,3.7c-1.6,0-3.5-0.2-4.5-0.5V32.6c0.9-0.2,2.8-0.5,4.5-0.5c3.9,0,5.2,1.4,5.2,3.7v4.8     c4.1-5.1,10.4-9.1,18.7-9.1c11.5,0,21.2,7.3,21.2,24V86.1z M574.9,84c0,14.8-11,24.3-28,24.3c-8,0-16.5-2.4-22.6-5.3     c-0.6-5.5,1.2-7.8,3.7-7.8c1.4,0,2.8,0.7,5.2,1.6c3.2,1.3,8,3.1,13.7,3.1c11.2,0,18.5-5.3,18.5-16.1v-3.9     c-3.3,4.5-10.1,8.7-19.4,8.7c-13.7,0-26.3-11-26.3-28.5c0-17.7,12.7-28.5,26.4-28.5c9.1,0,15.9,4.2,19.4,9v-4.6     c0-2.2,1.3-3.8,4.9-3.8c1.8,0,3.7,0.2,4.6,0.5V84z M665.8,89.7c-2.4,0-4.2-0.7-6-2.4l-9-8.4c-5.3,6.8-12.5,11.3-22.4,11.3     c-14.1,0-23.1-8.6-23.1-19.6c0-9.2,5.1-16.1,15.4-20.3c-4.8-4.6-8.1-8.2-8.1-15.2c0-6.8,5.8-15.8,19.1-15.8     c12.8,0,19.2,8.5,19.2,16.4c0,8.4-6.2,13.5-15.1,17.2l13.8,13l7.5-12.5c1.6-2.7,2.9-3.9,5.9-3.9c1.9,0,4,0.7,5.5,1.5l-12.8,20.6     l17,15.9C670.9,88.8,668.5,89.7,665.8,89.7z M750.5,84c0,14.8-11,24.3-28,24.3c-8,0-16.5-2.4-22.6-5.3c-0.6-5.5,1.2-7.8,3.7-7.8     c1.4,0,2.8,0.7,5.2,1.6c3.2,1.3,8,3.1,13.7,3.1c11.2,0,18.5-5.3,18.5-16.1v-3.9c-3.3,4.5-10.1,8.7-19.4,8.7     c-13.7,0-26.3-11-26.3-28.5c0-17.7,12.7-28.5,26.4-28.5c9.1,0,15.9,4.2,19.4,9v-4.6c0-2.2,1.3-3.8,4.9-3.8c1.8,0,3.7,0.2,4.6,0.5     V84z M811,89.3c-0.9,0.2-2.7,0.5-4.4,0.5c-3.5,0-5.2-1.3-5.2-3.7v-4.9c-5.1,5.8-11.7,9.2-20,9.2c-12.6,0-19.6-8.2-19.6-17.2     c0-13.7,14.6-19.7,39.5-18v-2c0-9.3-2.8-13.2-13.5-13.2c-4.5,0-10.5,1.3-13.7,2.1c-1.9,0.5-3.3,0.9-4.5,0.9     c-2.7,0-4.5-2.4-3.5-7.3c5.8-2.1,14.1-4.1,22.1-4.1C804.9,31.5,811,39,811,53V89.3z M904.6,86.1c0,2.4-1.3,3.7-5.2,3.7     c-1.6,0-3.5-0.2-4.5-0.5v-36c0-8.2-3.9-13.1-11.3-13.1c-6.2,0-11.4,4.4-13.5,8.8v37.1c0,2.4-1.3,3.7-5.2,3.7     c-1.6,0-3.5-0.2-4.5-0.5v-36c0-8.2-3.9-13.1-11.3-13.1c-6.2,0-11.4,4.4-13.5,8.8v37.1c0,2.4-1.3,3.7-5.2,3.7     c-1.6,0-3.5-0.2-4.5-0.5V32.6c0.9-0.2,2.8-0.5,4.6-0.5c3.7,0,4.9,1.4,4.9,3.9v3.9c3.7-4.8,9.3-8.4,16.1-8.4     c7.5,0,13.4,3.8,16.4,10.2c3.9-5.9,9.8-10.2,18.1-10.2c12.1,0,18.5,9.1,18.5,20.5V86.1z M929,86.1c0,2.4-1.2,3.7-5.1,3.7     c-1.6,0-3.5-0.2-4.5-0.5V35.8c0-2.2,1.3-3.7,5.2-3.7c1.6,0,3.4,0.2,4.4,0.5V86.1z M924.3,25.9c-3.3,0-6.1-2.9-6.1-6.1     c0-3.5,2.8-6.1,6.1-6.1c3.5,0,6.2,2.6,6.2,6.1C930.5,22.9,927.8,25.9,924.3,25.9z M993.8,86.1c0,2.2-1.3,3.7-5.2,3.7     c-1.6,0-3.5-0.2-4.5-0.5V56.9c0-11.3-5.5-16.7-13.9-16.7c-6.5,0-13.5,4.5-16.4,9.8v36.2c0,2.2-1.3,3.7-5.2,3.7     c-1.6,0-3.5-0.2-4.5-0.5V32.6c0.9-0.2,2.8-0.5,4.5-0.5c3.9,0,5.2,1.4,5.2,3.7v4.8c4.1-5.1,10.4-9.1,18.7-9.1     c11.5,0,21.2,7.3,21.2,24V86.1z M1060.7,84c0,14.8-11,24.3-28,24.3c-8,0-16.5-2.4-22.6-5.3c-0.6-5.5,1.2-7.8,3.7-7.8     c1.4,0,2.8,0.7,5.2,1.6c3.2,1.3,8,3.1,13.7,3.1c11.2,0,18.5-5.3,18.5-16.1v-3.9c-3.3,4.5-10.1,8.7-19.4,8.7     c-13.7,0-26.3-11-26.3-28.5c0-17.7,12.7-28.5,26.4-28.5c9.1,0,15.9,4.2,19.4,9v-4.6c0-2.2,1.3-3.8,4.9-3.8c1.8,0,3.7,0.2,4.6,0.5     V84z M1033.7,39.8c-10.5,0-18.6,7.5-18.6,20.3c0,12.7,8.1,20.3,18.6,20.3c7.7,0,14.3-4.5,17.3-10.8V50.6     C1048,44.1,1041.4,39.8,1033.7,39.8z M547.9,39.8c-10.5,0-18.6,7.5-18.6,20.3c0,12.7,8.1,20.3,18.6,20.3c7.7,0,14.3-4.5,17.3-10.8     V50.6C562.2,44.1,555.6,39.8,547.9,39.8z"
-          fill="#fff"
-        />
-      </g>
-    </g>
-    <path
-      id="Sky_x5F_Logo_3_"
-      className="st2"
-      d="M119.9,111.6c1.4,0.7,4.3,1.6,8,1.7c6.3,0.1,9.7-2.3,12.2-7.9l33.6-74.8   c-1.4-0.7-4.5-1.6-7-1.6c-4.3-0.1-10.1,0.8-13.8,9.6L142,64.2l-21.3-34.7c-1.4-0.4-4.8-1-7.2-1c-7.6,0-11.8,2.8-16.1,7.5L76.6,58.6   l16.7,26.2c3.1,4.8,7.1,7.2,13.7,7.2c4.3,0,7.9-1,9.6-1.8L96.5,60.1L110.8,45l23.4,36.6L119.9,111.6z M75.8,83.3   c0,5.5-2.2,8.7-13,8.7c-1.4,0-2.7-0.1-3.9-0.3V18.5c0-5.6,1.9-11.4,12.8-11.4c1.4,0,2.8,0.1,4.1,0.4V83.3z M53.5,72.2   c0,10.3-6.7,17.8-20.4,19.3c-9.9,1.1-24.3-0.2-31.1-1c-0.2-1.1-0.4-2.5-0.4-3.6c0-9,4.8-11,9.4-11c4.7,0,12.2,0.8,17.8,0.8   c6.1,0,8-2.1,8-4c0-2.6-2.4-3.6-7.2-4.6l-13-2.5C5.8,63.6,0,56.1,0,48.2C0,38.6,6.8,30.5,20.2,29c10.1-1.1,22.5,0.1,29.3,1   c0.2,1.1,0.4,2.3,0.4,3.5c0,9-4.7,10.9-9.3,10.9c-3.5,0-8.9-0.6-15.2-0.6c-6.3,0-8.9,1.7-8.9,3.9c0,2.3,2.5,3.2,6.5,3.9l12.4,2.3   C48,56.1,53.5,63.3,53.5,72.2z"
-      fill="#fff"
-    />
-  </svg>
-);
-
-const Companies = () => {
-  return (
-    <>
-      <GovUkSvg />
-      <HiveIT />
-      <SkyBettingAndGaming />
-    </>
-  );
-};
-export default Companies;
diff --git a/src/components/ContentRenderer.tsx b/src/components/ContentRenderer.tsx
index 1207f4386..d4bab1ae9 100644
--- a/src/components/ContentRenderer.tsx
+++ b/src/components/ContentRenderer.tsx
@@ -1,12 +1,23 @@
+/* eslint-disable react/no-unstable-nested-components */
 import { variables } from '@frontend/styles/variables.css';
 import { MDXRemote } from 'next-mdx-remote/rsc';
-import rehypePrism from 'rehype-prism-plus';
+import rehypePrettyCode from 'rehype-pretty-code';
+import remarkGfm from 'remark-gfm';
+import { bundledLanguages, bundledThemes } from 'shiki';
 import MDXComponents from './MDXComponents';
 
 interface Props {
   content: string;
 }
 
+const options = {
+  themes: Object.keys(bundledThemes),
+  langs: Object.keys(bundledLanguages),
+  // theme: 'one-dark-pro',
+  transformers: [],
+  theme: 'slack-dark',
+};
+
 const ContentRenderer = ({ content }: Props) => {
   return (
     <div
@@ -20,8 +31,9 @@ const ContentRenderer = ({ content }: Props) => {
         source={content}
         options={{
           mdxOptions: {
-            rehypePlugins: [rehypePrism as unknown as never],
-            mdxExtensions: [],
+            rehypePlugins: [[rehypePrettyCode, options]],
+            remarkPlugins: [remarkGfm],
+            useDynamicImport: true,
           },
         }}
       />
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
new file mode 100644
index 000000000..4f27de07e
--- /dev/null
+++ b/src/components/Dialog.tsx
@@ -0,0 +1,20 @@
+export {
+  Root,
+  Trigger,
+  Portal,
+  Overlay,
+  Content,
+  Title,
+  Description,
+  Close,
+} from '@radix-ui/react-dialog';
+export type {
+  DialogProps,
+  DialogTriggerProps,
+  DialogPortalProps,
+  DialogOverlayProps,
+  DialogContentProps,
+  DialogTitleProps,
+  DialogDescriptionProps,
+  DialogCloseProps,
+} from '@radix-ui/react-dialog';
diff --git a/src/components/ErrorContent.tsx b/src/components/ErrorContent.tsx
index 1d6387d2a..b79dd2166 100644
--- a/src/components/ErrorContent.tsx
+++ b/src/components/ErrorContent.tsx
@@ -1,58 +1,72 @@
+import * as List from '@frontend/components/List';
+import { buttonStyles } from '@frontend/styles/button.css';
 import Box from './Box';
+import Heading from './Heading';
 import Link from './Link';
-import { List } from './List';
-import Page from './Page';
-import { Spacer } from './Spacer';
+import Spacer from './Spacer';
 
 interface Props {
   title: string;
   statusCode: '404' | '500';
 }
 
-const ErrorContent = ({ statusCode, title }: Props) => {
+export default function ErrorContent({ statusCode, title }: Props) {
   return (
-    <Page heading={title} showFooter={false}>
-      <Box as="header" textAlign={{ md: 'center' }} marginX="auto">
-        <Spacer height="xl" />
-        <Box textAlign="left">
-          <List>
-            {statusCode === '404' ? (
-              <>
-                <List.Item>
-                  If you typed the web address, check it's correct.
-                </List.Item>
-                <List.Item>
-                  If you copied and pasted the web address, check you copied the
-                  entire address.
-                </List.Item>
-                <List.Item>
-                  If the web address is correct or you clicked a link or button
-                  and ended up on this page, please raise a{' '}
-                  <Link
-                    href="https://github.com/luke-h1/lhowsam.com/issues"
-                    variant="highlight"
-                  >
-                    GitHub issue
-                  </Link>
-                </List.Item>
-              </>
-            ) : (
+    <Box
+      as="header"
+      textAlign={{ md: 'center' }}
+      display="flex"
+      flexDirection="column"
+      justifyContent="center"
+      alignItems="center"
+    >
+      <Spacer height="xl" />
+      <Box textAlign="left">
+        <Heading as="h1" fontSize="xxl">
+          {title}
+        </Heading>
+
+        <List.Container>
+          {statusCode === '404' ? (
+            <>
+              <List.Item>
+                If you typed the web address, check it's correct.
+              </List.Item>
               <List.Item>
-                It looks like something went wrong. Please try again later. In
-                the meantime, please raise a{' '}
-                <Link href="https://github.com/luke-h1/lhowsam.com/issues">
+                If you copied and pasted the web address, check you copied the
+                entire address.
+              </List.Item>
+              <List.Item>
+                If the web address is correct or you clicked a link or button
+                and ended up on this page, please raise a{' '}
+                <Link
+                  href="https://github.com/luke-h1/lhowsam.com/issues"
+                  variant="underline"
+                >
                   GitHub issue
                 </Link>
               </List.Item>
-            )}
-          </List>
-        </Box>
-        <Spacer height="xxl" />
-        <Box textAlign="left">
-          <Link href="/">Go Home</Link>
-        </Box>
+            </>
+          ) : (
+            <List.Item>
+              It looks like something went wrong. Please try again later. In the
+              meantime, please raise a{' '}
+              <Link
+                href="https://github.com/luke-h1/lhowsam.com/issues"
+                variant="underline"
+              >
+                GitHub issue
+              </Link>
+            </List.Item>
+          )}
+        </List.Container>
+      </Box>
+      <Spacer height="xxl" />
+      <Box textAlign="left">
+        <Link href="/" className={buttonStyles({ type: 'highContrast' })}>
+          Go Home
+        </Link>
       </Box>
-    </Page>
+    </Box>
   );
-};
-export default ErrorContent;
+}
diff --git a/src/components/ExperienceItem/ExperienceItem.test.tsx b/src/components/ExperienceItem/ExperienceItem.test.tsx
new file mode 100644
index 000000000..5ccd011c2
--- /dev/null
+++ b/src/components/ExperienceItem/ExperienceItem.test.tsx
@@ -0,0 +1,113 @@
+import companies, { Company } from '@frontend/config/jobs';
+import render from '@frontend/test/render';
+import toCamelCase from '@frontend/utils/toCamelCase';
+import { screen, within } from '@testing-library/react';
+import ExperienceItem from '.';
+
+const hive = companies.find(company => company.title === 'Hive IT') as Company;
+
+const skyBet = companies.find(
+  company => company.title === 'Sky Betting & Gaming',
+) as Company;
+
+describe('ExperienceItem', () => {
+  test.each(companies)('should render title for %s', company => {
+    const { container } = render(<ExperienceItem company={company} />);
+    expect(screen.getByText(company.title)).toBeInTheDocument();
+    expect(container).toMatchSnapshot();
+  });
+
+  describe('Hive IT', () => {
+    test('renders all jobs', () => {
+      render(<ExperienceItem company={hive} />);
+
+      const list = screen.getByTestId(`ExperienceItem-list-HiveIT`);
+      const items = within(list).getAllByRole('listitem');
+
+      expect(items).toHaveLength(3);
+    });
+
+    test('renders in desc order', () => {
+      render(<ExperienceItem company={hive} />);
+
+      const list = screen.getByTestId(`ExperienceItem-list-HiveIT`);
+      const items = within(list).getAllByRole('listitem');
+
+      expect(items[0]).toHaveTextContent('Software Engineer');
+      expect(items[1]).toHaveTextContent('Software Tester');
+      expect(items[2]).toHaveTextContent('Junior Software Tester');
+    });
+
+    test('renders correct dates', () => {
+      render(<ExperienceItem company={hive} />);
+
+      const list = screen.getByTestId(`ExperienceItem-list-HiveIT`);
+      const items = within(list).getAllByRole('listitem');
+
+      expect(items[0]).toHaveTextContent('May 2022 — Aug 2023');
+      expect(items[1]).toHaveTextContent('May 2021 — May 2022');
+      expect(items[2]).toHaveTextContent('Oct 2020 — May 2021');
+    });
+
+    test('renders correct date range', () => {
+      render(<ExperienceItem company={hive} />);
+
+      expect(
+        screen.getByTestId('HiveIT-SoftwareEngineer-date-range'),
+      ).toHaveTextContent('May 2022 — Aug 2023');
+
+      expect(
+        screen.getByTestId('HiveIT-SoftwareTester-date-range'),
+      ).toHaveTextContent('May 2021 — May 2022');
+
+      expect(
+        screen.getByTestId('HiveIT-JuniorSoftwareTester-date-range'),
+      ).toHaveTextContent('Oct 2020 — May 2021');
+    });
+
+    test.each(hive.jobs)('renders description for %s', job => {
+      render(<ExperienceItem company={hive} />);
+
+      expect(
+        screen.getByTestId(`HiveIT-${toCamelCase(job.title)}-description`),
+      ).toHaveTextContent(job.description);
+    });
+  });
+
+  describe('SkyBet', () => {
+    test('renders all jobs', () => {
+      render(<ExperienceItem company={skyBet} />);
+
+      const list = screen.getByTestId(`ExperienceItem-list-SkyBetting&Gaming`);
+      const items = within(list).getAllByRole('listitem');
+      expect(items).toHaveLength(1);
+
+      expect(items[0]).toHaveTextContent('Software Engineer');
+    });
+
+    test('renders correct dates', () => {
+      render(<ExperienceItem company={skyBet} />);
+
+      const list = screen.getByTestId(`ExperienceItem-list-SkyBetting&Gaming`);
+      const items = within(list).getAllByRole('listitem');
+
+      expect(items[0]).toHaveTextContent('Aug 2023 — Nov 2024');
+    });
+
+    test('renders correct date range', () => {
+      render(<ExperienceItem company={skyBet} />);
+
+      expect(
+        screen.getByTestId('SkyBetting&Gaming-SoftwareEngineer-date-range'),
+      ).toHaveTextContent('Aug 2023 — Nov 2024');
+    });
+
+    test('renders description', () => {
+      render(<ExperienceItem company={skyBet} />);
+
+      expect(
+        screen.getByTestId('SkyBetting&Gaming-SoftwareEngineer-description'),
+      ).toHaveTextContent(skyBet.jobs[0].description);
+    });
+  });
+});
diff --git a/src/components/ExperienceItem/__snapshots__/ExperienceItem.test.tsx.snap b/src/components/ExperienceItem/__snapshots__/ExperienceItem.test.tsx.snap
new file mode 100644
index 000000000..c7708f387
--- /dev/null
+++ b/src/components/ExperienceItem/__snapshots__/ExperienceItem.test.tsx.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ExperienceItem should render title for { id: 1, title: 'Hive IT', jobs: [Array] } 1`] = `
+<div>
+  <script>
+    !function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()
+  </script>
+  <div
+    class=""
+  >
+    <h2
+      class="Heading_root__xkw1cf0 Heading_tracking_h2__xkw1cf2 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foreground__1fx8prsm5"
+    >
+      Hive IT
+    </h2>
+    <ul
+      class="List_list__3nqhft0"
+      data-testid="ExperienceItem-list-HiveIT"
+    >
+      <li
+        class="List_item__3nqhft1"
+      >
+        <div
+          class="Grid_container__1otflmc0 sprinkles_columnGap_xxxl_xs__1fx8prsfo sprinkles_rowGap_md_xs__1fx8prse4 sprinkles_alignItems_baseline_xs__1fx8prs2s"
+        >
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_1_md__1fx8prski"
+          >
+            <h3
+              class="Heading_root__xkw1cf0 Heading_tracking_h3__xkw1cf3 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Software Engineer
+            </h3>
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Sheffield, UK
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_2_md__1fx8prsk2 sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foreground__1fx8prsm5"
+              data-testid="HiveIT-SoftwareEngineer-description"
+            >
+              Worked as a full-stack software engineer at a local digital agency mainly on government and charity projects. Responsible for driving DevOps + internal process improvement, feature + maintenance tasks ,presenting technical proof of concepts to stakeholders and supporting + mentoring teammates
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_4_md__1fx8prska sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+              data-testid="HiveIT-SoftwareEngineer-date-range"
+            >
+              May 2022
+               —
+               
+              Aug 2023
+              <br />
+            </p>
+          </div>
+        </div>
+      </li>
+      <li
+        class="List_item__3nqhft1"
+      >
+        <div
+          class="Grid_container__1otflmc0 sprinkles_columnGap_xxxl_xs__1fx8prsfo sprinkles_rowGap_md_xs__1fx8prse4 sprinkles_alignItems_baseline_xs__1fx8prs2s"
+        >
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_1_md__1fx8prski"
+          >
+            <h3
+              class="Heading_root__xkw1cf0 Heading_tracking_h3__xkw1cf3 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Software Tester
+            </h3>
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Sheffield, UK
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_2_md__1fx8prsk2 sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foreground__1fx8prsm5"
+              data-testid="HiveIT-SoftwareTester-description"
+            >
+              Worked on improving the existing testing culture within the company to reduce technical debt and improve happiness
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_4_md__1fx8prska sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+              data-testid="HiveIT-SoftwareTester-date-range"
+            >
+              May 2021
+               —
+               
+              May 2022
+              <br />
+            </p>
+          </div>
+        </div>
+      </li>
+      <li
+        class="List_item__3nqhft1"
+      >
+        <div
+          class="Grid_container__1otflmc0 sprinkles_columnGap_xxxl_xs__1fx8prsfo sprinkles_rowGap_md_xs__1fx8prse4 sprinkles_alignItems_baseline_xs__1fx8prs2s"
+        >
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_1_md__1fx8prski"
+          >
+            <h3
+              class="Heading_root__xkw1cf0 Heading_tracking_h3__xkw1cf3 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Junior Software Tester
+            </h3>
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Sheffield, UK
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_2_md__1fx8prsk2 sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foreground__1fx8prsm5"
+              data-testid="HiveIT-JuniorSoftwareTester-description"
+            >
+              Worked as a Junior software tester to take over from the previous tester. Built up testing skills both automated and manual to aid in the maintenance of large and small projects
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_4_md__1fx8prska sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+              data-testid="HiveIT-JuniorSoftwareTester-date-range"
+            >
+              Oct 2020
+               —
+               
+              May 2021
+              <br />
+            </p>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
+
+exports[`ExperienceItem should render title for { id: 2, title: 'Sky Betting & Gaming', jobs: [Array] } 1`] = `
+<div>
+  <script>
+    !function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()
+  </script>
+  <div
+    class=""
+  >
+    <h2
+      class="Heading_root__xkw1cf0 Heading_tracking_h2__xkw1cf2 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foreground__1fx8prsm5"
+    >
+      Sky Betting & Gaming
+    </h2>
+    <ul
+      class="List_list__3nqhft0"
+      data-testid="ExperienceItem-list-SkyBetting&Gaming"
+    >
+      <li
+        class="List_item__3nqhft1"
+      >
+        <div
+          class="Grid_container__1otflmc0 sprinkles_columnGap_xxxl_xs__1fx8prsfo sprinkles_rowGap_md_xs__1fx8prse4 sprinkles_alignItems_baseline_xs__1fx8prs2s"
+        >
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_1_md__1fx8prski"
+          >
+            <h3
+              class="Heading_root__xkw1cf0 Heading_tracking_h3__xkw1cf3 sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Software Engineer
+            </h3>
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+            >
+              Leeds, UK
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_2_md__1fx8prsk2 sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_md_xs__1fx8prsj8 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foreground__1fx8prsm5"
+              data-testid="SkyBetting&Gaming-SoftwareEngineer-description"
+            >
+              Worked within the GLS (Game Launch Service) squad that provided game-launching capabilities for all gaming content across the business in addition to Reality Check (a safer gambling tool). Responsible for maintaining internal NPM packages, shared SDKs, web apps, serverless functions, driving DevOps improvements, monitoring our services (NewRelic, Grafana & Prometheus), supporting + mentoring teammates and captain duties (support queries etc.)
+            </p>
+          </div>
+          <div
+            class="sprinkles_gridColumnStart_1_xs__1fx8prsjw sprinkles_gridColumnStart_4_md__1fx8prska sprinkles_gridColumnEnd_-1_xs__1fx8prskw sprinkles_gridColumnEnd_4_md__1fx8prsku"
+          >
+            <p
+              class="sprinkles_maxWidth_prose_xs__1fx8prsfw sprinkles_fontSize_sm_xs__1fx8prsj4 sprinkles_fontWeight_normal__1fx8prsn0 sprinkles_color_foregroundNeutral__1fx8prsm6"
+              data-testid="SkyBetting&Gaming-SoftwareEngineer-date-range"
+            >
+              Aug 2023
+               —
+               
+              Nov 2024
+              <br />
+            </p>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</div>
+`;
diff --git a/src/components/ExperienceItem/index.tsx b/src/components/ExperienceItem/index.tsx
index 2abf335c3..ab745e292 100644
--- a/src/components/ExperienceItem/index.tsx
+++ b/src/components/ExperienceItem/index.tsx
@@ -1,93 +1,83 @@
-// import { variables } from '@frontend/styles/variables.css';
-// import { Job } from '@frontend/types/experience';
-// import { formatTags } from '@frontend/utils/formatTags';
-// import * as Grid from '../Grid/Grid';
-// import { Heading } from '../Heading/Heading';
-// import Link from '../Link/Link';
-// import { List } from '../List/List';
-// import { Spacer } from '../Spacer/Spacer';
-// import { Text } from '../Text/Text';
-// import VisuallyHidden from '../VisuallyHidden/VisuallyHidden';
+import * as Grid from '@frontend/components/Grid';
+import * as List from '@frontend/components/List';
+import { Company } from '@frontend/config/jobs';
+import { variables } from '@frontend/styles/variables.css';
+import { parseDate } from '@frontend/utils/date';
+import toCamelCase from '@frontend/utils/toCamelCase';
+import { format } from 'date-fns';
+import Box from '../Box';
+import Heading from '../Heading';
+import Text from '../Text';
 
-// interface Props {
-//   jobs: Job[];
-// }
+interface Props {
+  company: Company;
+}
 
-// const ExperienceItem = ({ jobs }: Props) => {
-//   const orderedJobs = jobs.sort((a, b) => {
-//     const aStartDate = new Date(
-//       a.startDate.split('-').reverse().join('-'),
-//     ).getTime();
-//     const bStartDate = new Date(
-//       b.startDate.split('-').reverse().join('-'),
-//     ).getTime();
-//     return bStartDate - aStartDate;
-//   });
-
-//   return (
-//     <>
-//       <Grid.Container rowGap="md" alignItems="center">
-//         <Grid.Column
-//           colStart={{ xs: '1', md: '2' }}
-//           colEnd={{ xs: '-1', md: '4' }}
-//         >
-//           <Heading fontSize="lg">Experience &not;</Heading>
-//         </Grid.Column>
-//       </Grid.Container>
-//       <Spacer height="xl" />
-//       <List>
-//         {orderedJobs &&
-//           orderedJobs.map(job => (
-//             <List.Item key={job.id}>
-//               <Grid.Container rowGap="md" alignItems="center">
-//                 <Grid.Column
-//                   colStart={{ xs: '1' }}
-//                   colEnd={{ xs: '-1', md: '1' }}
-//                 >
-//                   <Heading>{job.company}</Heading>
-//                   <Heading as="h3">{job.title}</Heading>
-//                   <Grid.Column
-//                     colStart={{ xs: '1', md: '4' }}
-//                     colEnd={{ xs: '-1', md: '4' }}
-//                   >
-//                     {' '}
-//                     <Text color="foregroundNeutral" fontSize="sm">
-//                       <VisuallyHidden>Duration</VisuallyHidden>
-//                       {job.startDate} &mdash;
-//                       {job.endDate ? job.endDate : 'Present'}
-//                     </Text>
-//                   </Grid.Column>
-//                 </Grid.Column>
-//                 <Grid.Column
-//                   colStart={{ xs: '1', md: '2' }}
-//                   colEnd={{ xs: '-1', md: '4' }}
-//                 >
-//                   <Text style={{ marginTop: variables.spacing.lg }}>
-//                     {job.description}
-//                     {job.slug && (
-//                       <>
-//                         {' '}
-//                         <Link href={`/experience/${job.slug}`}>Read more</Link>
-//                       </>
-//                     )}
-//                   </Text>
-//                   {job.tags ? (
-//                     <>
-//                       <Spacer height="sm" />
-//                       <Text fontSize="sm" color="foregroundNeutral">
-//                         <VisuallyHidden>Tools used:</VisuallyHidden>
-//                         {formatTags(job.tags)}
-//                       </Text>
-//                     </>
-//                   ) : null}
-//                 </Grid.Column>
-//               </Grid.Container>
-//             </List.Item>
-//           ))}
-//         <Spacer height="xxl" />
-//       </List>
-//     </>
-//   );
-// };
-
-// export default ExperienceItem;
+export default function ExperienceItem({ company }: Props) {
+  return (
+    <Box
+      key={company.title}
+      style={{
+        borderBottom: `1px solid ${variables.color.border}`,
+        marginBottom: variables.spacing.lg,
+      }}
+    >
+      <Heading fontSize="md" style={{ marginBottom: variables.spacing.sm }}>
+        {company.title}
+      </Heading>
+      <List.Container
+        testId={`ExperienceItem-list-${toCamelCase(company.title)}`}
+      >
+        {company.jobs
+          .sort(
+            (a, b) =>
+              parseDate(b.startDate).getTime() -
+              parseDate(a.startDate).getTime(),
+          )
+          .map(job => (
+            <List.Item key={job.id}>
+              <Grid.Container rowGap="md" alignItems="baseline">
+                <Grid.Column
+                  colStart={{ xs: '1' }}
+                  colEnd={{ xs: '-1', md: '1' }}
+                >
+                  <Heading as="h3" color="foregroundNeutral">
+                    {job.title}
+                  </Heading>
+                  <Text color="foregroundNeutral" fontSize="sm">
+                    {job.location}
+                  </Text>
+                </Grid.Column>
+                <Grid.Column
+                  colStart={{ xs: '1', md: '2' }}
+                  colEnd={{ xs: '-1', md: '4' }}
+                >
+                  <Text
+                    testId={`${toCamelCase(company.title)}-${toCamelCase(job.title)}-description`}
+                  >
+                    {job.description || 'No description yet'}
+                  </Text>
+                </Grid.Column>
+                <Grid.Column
+                  colStart={{ xs: '1', md: '4' }}
+                  colEnd={{ xs: '-1', md: '4' }}
+                >
+                  <Text
+                    color="foregroundNeutral"
+                    fontSize="sm"
+                    testId={`${toCamelCase(company.title)}-${toCamelCase(job.title)}-date-range`}
+                  >
+                    {format(parseDate(job.startDate), 'MMM yyyy')} &mdash;{' '}
+                    {job.endDate
+                      ? format(parseDate(job.endDate), 'MMM yyyy')
+                      : 'Now'}
+                    <br />
+                  </Text>
+                </Grid.Column>
+              </Grid.Container>
+            </List.Item>
+          ))}
+      </List.Container>
+    </Box>
+  );
+}
diff --git a/src/components/Filter/Filter.css.ts b/src/components/Filter/Filter.css.ts
deleted file mode 100644
index b9d4445c2..000000000
--- a/src/components/Filter/Filter.css.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { style } from '@vanilla-extract/css';
-
-export const tabBar = style({
-  width: '100%',
-  display: 'flex',
-  flexDirection: 'row',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  flexWrap: 'nowrap',
-  position: 'sticky',
-  top: '-32px',
-  height: '43px',
-  zIndex: 2,
-  transition: 'background-color 0.2s ease',
-  boxSizing: 'border-box',
-  marginBottom: '1.5rem',
-});
-
-export const tabRow = style({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  flexWrap: 'nowrap',
-  overflow: 'scroll',
-});
-
-export const tab = style({
-  padding: '14px 0px 10px 0px',
-  position: 'static',
-  height: '44px',
-  boxSizing: 'border-box',
-  transition: 'all 0.1s ease',
-  lineHeight: 1,
-  background: 'transparent',
-  border: 'none',
-  borderBottom: 'solid 3px transparent',
-  minWidth: '1.75rem',
-  marginRight: '0.875rem',
-  flexShrink: 0,
-});
diff --git a/src/components/Filter/Filter.test.tsx b/src/components/Filter/Filter.test.tsx
deleted file mode 100644
index 65e3c8ddb..000000000
--- a/src/components/Filter/Filter.test.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import Filter from '@frontend/components/Filter';
-import { render, fireEvent, screen } from '@testing-library/react';
-import React from 'react';
-
-describe('Filter Component', () => {
-  const mockOnClick = jest.fn();
-  const mockRemoveFilter = jest.fn();
-  const filters = ['filter1', 'filter2'];
-
-  beforeEach(() => {
-    render(
-      <Filter
-        filters={filters}
-        onClick={mockOnClick}
-        removeFilter={mockRemoveFilter}
-        filter="filter1"
-      />,
-    );
-  });
-
-  test('renders all filters plus the "Recently Added" button', () => {
-    expect(screen.getByText('Recently Added')).toBeInTheDocument();
-    filters.forEach(filter => {
-      expect(screen.getByText(filter)).toBeInTheDocument();
-    });
-  });
-
-  test('"Recently Added" button calls removeFilter on click', () => {
-    fireEvent.click(screen.getByText('Recently Added'));
-    expect(mockRemoveFilter).toHaveBeenCalled();
-  });
-
-  test('filter buttons call onClick on click', () => {
-    filters.forEach(filter => {
-      fireEvent.click(screen.getByText(filter));
-      expect(mockOnClick).toHaveBeenCalled();
-    });
-  });
-
-  test('aria-selected attribute is correctly set', () => {
-    expect(
-      screen.getByText('Recently Added').getAttribute('aria-selected'),
-    ).toBe('false');
-
-    expect(screen.getByText('filter1').getAttribute('aria-selected')).toBe(
-      'true',
-    );
-  });
-});
diff --git a/src/components/Filter/index.tsx b/src/components/Filter/index.tsx
deleted file mode 100644
index efc1b44a7..000000000
--- a/src/components/Filter/index.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import Box from '../Box';
-import * as styles from './Filter.css';
-
-interface Props {
-  onClick: () => void;
-  removeFilter: () => void;
-  filters: string[];
-  filter: string;
-}
-
-const Filter = ({ filters, onClick, removeFilter, filter }: Props) => {
-  return (
-    <Box className={styles.tabBar}>
-      <Box className={styles.tabRow}>
-        <button
-          type="button"
-          onClick={removeFilter}
-          className={styles.tab}
-          role="tab"
-          aria-selected={filter === 'all'}
-        >
-          Recently Added
-        </button>
-        {filters &&
-          // eslint-disable-next-line no-shadow
-          filters.map(filter => (
-            <button
-              key={filter}
-              type="button"
-              onClick={onClick}
-              className={styles.tab}
-              role="tab"
-              aria-selected={!!filter}
-            >
-              {filter}
-            </button>
-          ))}
-      </Box>
-    </Box>
-  );
-};
-
-export default Filter;
diff --git a/src/components/Footer/Footer.css.ts b/src/components/Footer/Footer.css.ts
index ee9f33aa0..aecdc53a7 100644
--- a/src/components/Footer/Footer.css.ts
+++ b/src/components/Footer/Footer.css.ts
@@ -1,20 +1,20 @@
-import { responsiveStyle } from '@frontend/styles/style.css';
 import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
+import { responsiveStyle } from '@frontend/utils/style.css';
+import { globalStyle, style } from '@vanilla-extract/css';
 
 export const root = style({
   position: 'relative',
   marginTop: 'auto',
-  width: '100%',
+  // width: '100%',
   paddingTop: variables.spacing.xxl,
   paddingBottom: variables.spacing.xxl,
   paddingRight: variables.spacing.md,
   paddingLeft: variables.spacing.md,
-  backgroundColor: variables.color.pageFaint,
+  backgroundColor: variables.color.page,
 });
 
 export const container = style({
-  maxWidth: variables.maxWidth.md,
+  maxWidth: variables.contentWidth.container,
   margin: '0 auto',
   display: 'grid',
   rowGap: variables.spacing.lg,
@@ -39,6 +39,10 @@ export const links = style({
   }),
 });
 
+globalStyle(`${links} li`, {
+  color: variables.color.foregroundNeutral,
+});
+
 export const note = style({
   gridColumn: '1 / -1',
   paddingTop: variables.spacing.lg,
diff --git a/src/components/Footer/Footer.test.tsx b/src/components/Footer/Footer.test.tsx
index 3fadca81e..6c9abff00 100644
--- a/src/components/Footer/Footer.test.tsx
+++ b/src/components/Footer/Footer.test.tsx
@@ -1,67 +1,32 @@
 import render from '@frontend/test/render';
-import { screen, within } from '@testing-library/react';
-import Footer from '.';
+import { screen } from '@testing-library/react';
+import React from 'react';
+import Footer, { navigationLinks, socialLinks } from '.';
 
-describe('Footer', () => {
-  test('renders navigation links', () => {
+describe('Footer Component', () => {
+  test('renders the footer correctly', () => {
     render(<Footer />);
 
-    const navigationLinks = screen.getByTestId('footer-navigation-links');
-
-    const links = within(navigationLinks).getAllByRole('link');
-
-    expect(links).toHaveLength(6);
-
-    expect(links[0]).toHaveTextContent('Home');
-    expect(links[0]).toHaveAttribute('href', '/');
-
-    expect(links[1]).toHaveTextContent('About');
-    expect(links[1]).toHaveAttribute('href', '/about');
-
-    expect(links[2]).toHaveTextContent('Blog');
-    expect(links[2]).toHaveAttribute('href', '/blog');
-
-    expect(links[3]).toHaveTextContent('Projects');
-    expect(links[3]).toHaveAttribute('href', '/projects');
-
-    expect(links[4]).toHaveTextContent('Talks');
-    expect(links[4]).toHaveAttribute('href', '/talks');
-
-    expect(links[5]).toHaveTextContent('Status');
-    expect(links[5]).toHaveAttribute('href', 'https://status.lhowsam.com');
+    expect(screen.getByTestId('footer')).toBeInTheDocument();
+    expect(screen.getByTestId('footer-navigation-links')).toBeInTheDocument();
+    expect(screen.getByTestId('footer-cc')).toHaveTextContent(
+      `© ${new Date().getFullYear()} Luke Howsam`,
+    );
   });
 
-  test('renders social links', () => {
+  test('renders navigation links correctly', () => {
     render(<Footer />);
 
-    const socialLinks = screen.getByTestId('footer-social-links');
-
-    const links = within(socialLinks).getAllByRole('link');
-
-    expect(links).toHaveLength(3);
-
-    expect(links[0]).toHaveTextContent('Github');
-    expect(links[0]).toHaveAttribute('href', 'https://github.com/luke-h1');
-
-    expect(links[1]).toHaveTextContent('Linkedin');
-    expect(links[1]).toHaveAttribute(
-      'href',
-      'https://www.linkedin.com/in/lukehowsam',
-    );
-
-    expect(links[2]).toHaveTextContent('Email');
-    expect(links[2]).toHaveAttribute(
-      'href',
-      'mailto:luke.howsam@yahoo.com?subject=Get in touch (lhowsam.com)',
-    );
+    navigationLinks.forEach(link => {
+      expect(screen.getByText(link.text)).toHaveAttribute('href', link.href);
+    });
   });
 
-  test('renders cc', () => {
-    const { container } = render(<Footer />);
-
-    const cc = screen.getByTestId('footer-cc');
-    expect(cc).toHaveTextContent(`© ${new Date().getFullYear()} Luke Howsam`);
+  test('renders social links correctly', () => {
+    render(<Footer />);
 
-    expect(container).toMatchSnapshot();
+    socialLinks.forEach(link => {
+      expect(screen.getByText(link.text)).toHaveAttribute('href', link.href);
+    });
   });
 });
diff --git a/src/components/Footer/__snapshots__/Footer.test.tsx.snap b/src/components/Footer/__snapshots__/Footer.test.tsx.snap
deleted file mode 100644
index b273a4a56..000000000
--- a/src/components/Footer/__snapshots__/Footer.test.tsx.snap
+++ /dev/null
@@ -1,248 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Footer renders cc 1`] = `
-<div>
-  <script>
-    !function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()
-  </script>
-  <footer
-    class="Footer_root__197gpcb0"
-    data-testid="footer"
-  >
-    <div
-      class="Footer_container__197gpcb1"
-    >
-      <div>
-        <h2
-          class="Heading_root__xkw1cf0 sprinkles_fontSize_md_sm__1fx8prsl1 sprinkles_color_foreground__1fx8prsm5"
-        >
-          Navigate
-        </h2>
-        <span
-          class="sprinkles_display_block_sm__1fx8prst sprinkles_height_md_sm__1fx8prsjx"
-        />
-        <ul
-          class="Footer_links__197gpcb2"
-          data-testid="footer-navigation-links"
-        >
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="/"
-            >
-              Home
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="/about"
-            >
-              About
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="/blog"
-            >
-              Blog
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="/projects"
-            >
-              Projects
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="/talks"
-            >
-              Talks
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="https://status.lhowsam.com"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Status
-            </a>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <h2
-          class="Heading_root__xkw1cf0 sprinkles_fontSize_md_sm__1fx8prsl1 sprinkles_color_foreground__1fx8prsm5"
-        >
-          Social
-        </h2>
-        <span
-          class="sprinkles_display_block_sm__1fx8prst sprinkles_height_md_sm__1fx8prsjx"
-        />
-        <ul
-          class="Footer_links__197gpcb2"
-          data-testid="footer-social-links"
-        >
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="https://github.com/luke-h1"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Github
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="https://www.linkedin.com/in/lukehowsam"
-              rel="noopener noreferrer"
-              target="_blank"
-            >
-              Linkedin
-            </a>
-          </li>
-          <li>
-            <a
-              class="Link_variants_neutral__brq2ah2 Link_root__brq2ah0"
-              href="mailto:luke.howsam@yahoo.com?subject=Get in touch (lhowsam.com)"
-            >
-              Email
-            </a>
-          </li>
-        </ul>
-      </div>
-      <div>
-        <span
-          class="VisuallyHidden_root__rd7gei0"
-        >
-          <label
-            for="theme-select"
-          >
-            Select theme
-          </label>
-        </span>
-        <div
-          class="ThemeSelect_root__wmdp110"
-        >
-          <span
-            class="ThemeSelect_icon__wmdp111"
-          >
-            <svg
-              fill="none"
-              height="24"
-              stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              viewBox="0 0 24 24"
-              width="0.9em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <rect
-                height="14"
-                rx="2"
-                ry="2"
-                width="20"
-                x="2"
-                y="3"
-              />
-              <line
-                x1="8"
-                x2="16"
-                y1="21"
-                y2="21"
-              />
-              <line
-                x1="12"
-                x2="12"
-                y1="17"
-                y2="21"
-              />
-            </svg>
-          </span>
-          <span
-            class="VisuallyHidden_root__rd7gei0"
-          >
-            <label
-              for="theme-select"
-            >
-              Theme
-            </label>
-          </span>
-          <select
-            class="ThemeSelect_select__wmdp112"
-            id="theme-select"
-          >
-            <option
-              id="theme-system"
-              value="system"
-            >
-              System
-            </option>
-            <option
-              id="theme-light"
-              value="light"
-            >
-              Light
-            </option>
-            <option
-              id="theme-dark"
-              value="dark"
-            >
-              Dark
-            </option>
-          </select>
-          <span
-            class="ThemeSelect_arrow__wmdp113"
-            data-testid="ThemeSelect-system"
-          >
-            <svg
-              fill="none"
-              height="24"
-              stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              style="transform: rotate(90deg);"
-              viewBox="0 0 24 24"
-              width="0.9em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <polyline
-                points="16 18 22 12 16 6"
-              />
-              <polyline
-                points="8 6 2 12 8 18"
-              />
-            </svg>
-          </span>
-        </div>
-      </div>
-      <div
-        class="Footer_note__197gpcb3"
-        data-testid="footer-cc"
-      >
-        <p
-          class="Text_root__fa4v680 sprinkles_fontFamily_mono__1fx8prsm1 sprinkles_fontSize_sm_sm__1fx8prskx sprinkles_fontWeight_normal__1fx8prsmx sprinkles_color_foregroundNeutral__1fx8prsm6"
-        >
-          © 
-          2024
-           Luke Howsam
-        </p>
-      </div>
-      <div
-        class="Footer_copy__197gpcb4"
-      />
-    </div>
-  </footer>
-</div>
-`;
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index 192f2b9e4..96fdeb7d0 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -1,8 +1,7 @@
-import { Heading } from '../Heading';
+import Heading from '../Heading';
 import Link from '../Link';
-import { List } from '../List';
 import NowPlaying from '../NowPlaying';
-import { Spacer } from '../Spacer';
+import Spacer from '../Spacer';
 import Text from '../Text';
 import ThemeSelect from '../ThemeSelect';
 import * as styles from './Footer.css';
@@ -13,7 +12,7 @@ interface FooterLink {
   href: string;
 }
 
-const navigationLinks: FooterLink[] = [
+export const navigationLinks: FooterLink[] = [
   {
     id: 1,
     text: 'Home',
@@ -24,11 +23,11 @@ const navigationLinks: FooterLink[] = [
     text: 'About',
     href: '/about',
   },
-  // {
-  //   id: 3,
-  //   text: 'Experience',
-  //   href: '/experience',
-  // },
+  {
+    id: 3,
+    text: 'Work',
+    href: '/work',
+  },
   {
     id: 4,
     text: 'Blog',
@@ -51,7 +50,7 @@ const navigationLinks: FooterLink[] = [
   },
 ];
 
-const socialLinks: FooterLink[] = [
+export const socialLinks: FooterLink[] = [
   {
     id: 1,
     text: 'Github',
@@ -65,37 +64,37 @@ const socialLinks: FooterLink[] = [
   {
     id: 3,
     text: 'Email',
-    href: 'mailto:luke.howsam@yahoo.com?subject=Get in touch (lhowsam.com)',
+    href: 'mailto:hey@lhowsam.com?subject=Get in touch (lhowsam.com)',
   },
 ];
 
-const Footer = () => {
+export default function Footer() {
   return (
     <footer className={styles.root} data-testid="footer">
       <div className={styles.container}>
         <div>
           <Heading>Navigate</Heading>
           <Spacer height="md" />
-          <List className={styles.links} data-testid="footer-navigation-links">
+          <ul className={styles.links} data-testid="footer-navigation-links">
             {navigationLinks &&
               navigationLinks.map(link => (
                 <li key={link.id}>
                   <Link href={link.href}>{link.text}</Link>
                 </li>
               ))}
-          </List>
+          </ul>
         </div>
         <div>
           <Heading>Social</Heading>
           <Spacer height="md" />
-          <List className={styles.links} data-testid="footer-social-links">
+          <ul className={styles.links}>
             {socialLinks &&
               socialLinks.map(link => (
                 <li key={link.id}>
                   <Link href={link.href}>{link.text}</Link>
                 </li>
               ))}
-          </List>
+          </ul>
         </div>
         <div>
           <ThemeSelect />
@@ -111,6 +110,4 @@ const Footer = () => {
       </div>
     </footer>
   );
-};
-
-export default Footer;
+}
diff --git a/src/components/Gradient/Gradient.css.ts b/src/components/Gradient/Gradient.css.ts
deleted file mode 100644
index c803b7477..000000000
--- a/src/components/Gradient/Gradient.css.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { style } from '@vanilla-extract/css';
-
-export const root = style({
-  position: 'absolute',
-  top: 0,
-  display: 'flex',
-  justifyContent: 'center',
-  margin: '0 auto',
-  left: 0,
-  right: 0,
-  maxWidth: 1200,
-  transform: 'translate3d(0, -50%, 0)',
-  transformOrigin: 'top center',
-  // '@media': {
-  //   'screen and (max-width: 768px)': {
-  //     display: 'none',
-  //   },
-  // },
-});
-
-export const blob = style({
-  width: 600,
-  height: 200,
-  filter: 'blur(80px)',
-  zIndex: 0,
-});
-
-export const left = style({
-  transform: 'translate3d(150px, 0, 0)',
-  background: 'linear-gradient(to right, #63d0ff, #844fba)',
-  opacity: 0.6,
-});
-
-export const right = style({
-  transform: 'translate3d(-150px, 0, 0)',
-  background: 'linear-gradient(to right #ffb2b6, #c74fb8)',
-  opacity: 0.3,
-});
diff --git a/src/components/Gradient/index.tsx b/src/components/Gradient/index.tsx
deleted file mode 100644
index 32c779ace..000000000
--- a/src/components/Gradient/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import clsx from 'clsx';
-import {
-  motion,
-  useScroll,
-  useTransform,
-  LazyMotion,
-  domAnimation,
-} from 'framer-motion';
-import * as styles from './Gradient.css';
-
-const Gradient = () => {
-  const { scrollY } = useScroll();
-  const opacity = useTransform(scrollY, [0, 200], [1, 0]);
-  const scale = useTransform(scrollY, [0, 100], [1, 0.7]);
-
-  return (
-    <LazyMotion features={domAnimation}>
-      <motion.div
-        className={styles.root}
-        aria-hidden
-        style={{
-          opacity,
-          scale,
-          y: '-50%',
-        }}
-      >
-        <span className={clsx(styles.blob, styles.left)} />
-        <span className={clsx(styles.blob, styles.right)} />
-      </motion.div>
-    </LazyMotion>
-  );
-};
-
-export default Gradient;
diff --git a/src/components/Grid/Grid.css.ts b/src/components/Grid/Grid.css.ts
new file mode 100644
index 000000000..4aeb3191e
--- /dev/null
+++ b/src/components/Grid/Grid.css.ts
@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css';
+
+export const container = style({
+  display: 'grid',
+  gridTemplateColumns: `repeat(4, 1fr)`,
+});
diff --git a/src/components/Grid/index.tsx b/src/components/Grid/index.tsx
new file mode 100644
index 000000000..e74fd3ff7
--- /dev/null
+++ b/src/components/Grid/index.tsx
@@ -0,0 +1,63 @@
+import { sprinkles, Sprinkles } from '@frontend/styles/sprinkles.css';
+import clsx from 'clsx';
+import { ReactNode } from 'react';
+import * as styles from './Grid.css';
+
+interface ContainerProps {
+  children: ReactNode;
+  colGap?: Sprinkles['columnGap'];
+  rowGap?: Sprinkles['rowGap'];
+  alignItems?: Sprinkles['alignItems'];
+}
+
+export function Container({
+  children,
+  alignItems,
+  colGap = 'xxxl',
+  rowGap = 'none',
+}: ContainerProps) {
+  return (
+    <div
+      className={clsx(
+        styles.container,
+        sprinkles({ columnGap: colGap, rowGap, alignItems }),
+      )}
+    >
+      {children}
+    </div>
+  );
+}
+
+interface ColumnProps {
+  children: ReactNode;
+  className?: string;
+  colStart?: Sprinkles['gridColumnStart'];
+  colEnd?: Sprinkles['gridColumnEnd'];
+  rowStart?: Sprinkles['gridRowStart'];
+  rowEnd?: Sprinkles['gridRowEnd'];
+}
+
+export function Column({
+  children,
+  className,
+  colEnd,
+  colStart,
+  rowEnd,
+  rowStart,
+}: ColumnProps) {
+  return (
+    <div
+      className={clsx(
+        sprinkles({
+          gridColumnStart: colStart,
+          gridColumnEnd: colEnd,
+          gridRowStart: rowStart,
+          gridRowEnd: rowEnd,
+        }),
+        className,
+      )}
+    >
+      {children}
+    </div>
+  );
+}
diff --git a/src/components/Header/Header.css.ts b/src/components/Header/Header.css.ts
index 03d839122..cc16c8016 100644
--- a/src/components/Header/Header.css.ts
+++ b/src/components/Header/Header.css.ts
@@ -1,59 +1,85 @@
 import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
+import { style, globalStyle } from '@vanilla-extract/css';
 
-export const root = style({
-  paddingLeft: variables.spacing.sm,
-  // marginLeft: variables.spacing.xs,
-  borderTop: '2px solid',
-  borderBottom: '1px solid',
-  borderColor: variables.color.borderNeutral,
+export const header = style({
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'left',
+  padding: '1rem 2rem',
+  maxInlineSize: variables.contentWidth.header,
+  marginBottom: variables.spacing.xl,
+  borderTop: `0.75px solid ${variables.color.border}`,
+  borderBottom: `0.75px solid ${variables.color.border}`,
 });
 
-export const nav = style({
+export const logoContainer = style({
   display: 'flex',
-  justifyContent: 'space-between',
-  gap: variables.spacing.md,
-  maxWidth: variables.maxWidth.md,
-  marginRight: 'auto',
-  marginLeft: 'auto',
+  flexDirection: 'column',
+  alignItems: 'flex-start',
 });
 
-export const group = style({
+export const navbarDesktop = style({
   display: 'flex',
-  gap: variables.spacing.md,
+  gap: '2rem',
+  alignItems: 'center',
 });
 
-export const groupEnd = style({
+export const connectDesktop = style({
   display: 'flex',
-  gap: variables.spacing.md,
-  alignItems: 'flex-end',
-  justifyContent: 'flex-end',
-  marginLeft: 'auto',
-  marginBlockStart: variables.spacing.md,
-});
-
-export const anchor = style({
-  position: 'relative',
-  display: 'grid',
-  placeItems: 'center',
-  paddingTop: variables.spacing.md,
-  paddingBottom: variables.spacing.md,
-  ':focus': {
-    outline: 'transparent',
+  flexDirection: 'column',
+  gap: '0.5rem',
+});
+
+export const toggle = style({
+  display: 'none',
+  background: 'none',
+  border: 'none',
+  fontSize: '2rem',
+  cursor: 'pointer',
+});
+
+export const panelOverlay = style({
+  position: 'fixed',
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+});
+
+export const panelContent = style({
+  position: 'fixed',
+  top: 0,
+  right: 0,
+  width: '80%',
+  maxWidth: '300px',
+  background: variables.color.border,
+  height: '100%',
+  padding: '2rem',
+  display: 'flex',
+  flexDirection: 'column',
+});
+
+export const panelClose = style({
+  background: 'none',
+  border: 'none',
+  fontSize: '2rem',
+  cursor: 'pointer',
+  alignSelf: 'flex-end',
+});
+
+globalStyle('@media (max-width: 768px)', {
+  [`.${navbarDesktop}`]: {
+    display: 'none',
   },
-  ':focus-visible': {
-    outlineWidth: '2px',
-    outlineStyle: 'solid',
-    outlineOffset: '2px',
-    outlineColor: variables.color.outline,
+  [`.${connectDesktop}`]: {
+    display: 'none',
+  },
+  [`.${toggle}`]: {
+    display: 'block',
   },
 });
 
-export const highlight = style({
-  position: 'absolute',
-  top: -4,
-  left: 0,
-  width: '100%',
-  height: 4,
-  backgroundColor: variables.color.highlight,
+export const activeLink = style({
+  paddingBottom: '1px',
+  borderBottom: `1.75px solid ${variables.color.surfaceHighContrast}`,
 });
diff --git a/src/components/Header/Header.test.tsx b/src/components/Header/Header.test.tsx
deleted file mode 100644
index f4ec4a775..000000000
--- a/src/components/Header/Header.test.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import render from '@frontend/test/render';
-import { fireEvent, screen, within } from '@testing-library/react';
-import Header from '.';
-
-describe('Header', () => {
-  test('renders header links', () => {
-    render(<Header />);
-
-    const headerLinks = screen.getByTestId('header-links');
-    const links = within(headerLinks).getAllByRole('link');
-
-    expect(links).toHaveLength(4);
-
-    expect(links[0]).toHaveTextContent('Home');
-    expect(links[0]).toHaveAttribute('href', '/');
-
-    expect(links[1]).toHaveTextContent('About');
-    expect(links[1]).toHaveAttribute('href', '/about');
-
-    expect(links[2]).toHaveTextContent('Blog');
-    expect(links[2]).toHaveAttribute('href', '/blog');
-
-    expect(links[3]).toHaveTextContent('Projects');
-    expect(links[3]).toHaveAttribute('href', '/projects');
-  });
-  test('highlights the current page link', () => {
-    render(<Header />);
-
-    const headerLinks = screen.getByTestId('header-links');
-    const links = within(headerLinks).getAllByRole('link');
-
-    fireEvent.click(links[1]);
-
-    // TODO: mock next/navigation to get the current pathname
-  });
-  test('renders CommandMenu link', () => {
-    render(<Header />);
-    expect(screen.getByTestId('cmdk-icon')).toBeInTheDocument();
-  });
-});
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 64764936b..184491a39 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -1,9 +1,14 @@
 'use client';
 
-import { motion } from 'framer-motion';
+import * as Dialog from '@frontend/components/Dialog';
+import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
 import { usePathname } from 'next/navigation';
+import { Fragment, useState } from 'react';
+import { Menu, X } from 'react-feather';
 import CommandMenu from '../CommandMenu';
 import Link from '../Link';
+import Spacer from '../Spacer';
+import Text from '../Text';
 import * as styles from './Header.css';
 
 interface HeaderLink {
@@ -30,58 +35,101 @@ const headerLinks: HeaderLink[] = [
   },
   {
     id: 4,
+    text: 'Work',
+    href: '/work',
+  },
+  {
+    id: 5,
     text: 'Projects',
     href: '/projects',
   },
 ];
 
-const Header = () => {
+export default function Header() {
+  const [panelOpen, setPanelOpen] = useState(false);
   const pathname = usePathname();
 
   return (
-    <header className={styles.root}>
-      <nav className={styles.nav}>
-        <div className={styles.group} data-testid="header-links">
-          {headerLinks &&
-            headerLinks.map(link => (
-              <Link
-                href={link.href}
-                className={styles.anchor}
-                key={link.id}
-                id={`nav-${link.id}`}
-                aria-current={pathname === link.href ? 'page' : undefined}
-              >
-                {pathname === link.href && (
-                  <motion.span
-                    layoutId="highlight"
-                    className={styles.highlight}
-                  />
-                )}
-                {link.text}
-              </Link>
-            ))}
-        </div>
-        <div className={styles.group}>
-          {/* <Link
-            href="https://www.linkedin.com/in/lukehowsam"
-            className={styles.anchor}
+    <header className={styles.header}>
+      <div className={styles.logoContainer}>
+        <Text fontWeight="bold">
+          <Link href="/">Luke Howsam</Link>
+        </Text>
+        <Text color="foregroundNeutral">Software Engineer</Text>
+      </div>
+
+      {/* Desktop Navigation */}
+      <nav className={styles.navbarDesktop}>
+        {headerLinks.map(link => (
+          <Text
+            color="foregroundNeutral"
+            key={link.href}
+            className={pathname === link.href ? styles.activeLink : ''}
           >
-            <VisuallyHidden>LinkedIn</VisuallyHidden>
-            <Linkedin width=".95em" />
-          </Link>
-          <Link href="https://github.com/luke-h1" className={styles.anchor}>
-            <VisuallyHidden>GitHub</VisuallyHidden>
-            <GitHub width=".95em" />
-          </Link>
-          <Link href="https://x.com/LukeH_1999" className={styles.anchor}>
-            <VisuallyHidden>Twitter</VisuallyHidden>
-            <Twitter width=".95em" />
-          </Link>
-           */}
-          <CommandMenu />
-        </div>
+            <Link
+              href={link.href}
+              aria-current={pathname === link.href ? 'page' : undefined}
+            >
+              {link.text}
+            </Link>
+          </Text>
+        ))}
       </nav>
+
+      <div className={styles.connectDesktop}>
+        <CommandMenu />
+      </div>
+
+      {/* Mobile Navigation */}
+      <Dialog.Root open={panelOpen} onOpenChange={setPanelOpen}>
+        <Dialog.Trigger asChild>
+          <button className={styles.toggle} type="button">
+            <VisuallyHidden.Root>Open menu</VisuallyHidden.Root>
+            <Menu />
+          </button>
+        </Dialog.Trigger>
+        <Dialog.Portal>
+          <Dialog.Overlay className={styles.panelOverlay} />
+          <Dialog.Content
+            className={styles.panelContent}
+            aria-describedby={undefined}
+          >
+            <VisuallyHidden.Root>
+              <Dialog.Title>Navigation</Dialog.Title>
+            </VisuallyHidden.Root>
+
+            <Text fontWeight="bold">Navigation</Text>
+            <nav>
+              {headerLinks.map(link => (
+                <Fragment key={link.href}>
+                  <Spacer height="xs" />
+                  <Text
+                    color="foregroundNeutral"
+                    className={pathname === link.href ? styles.activeLink : ''}
+                  >
+                    <Link
+                      href={link.href}
+                      aria-current={pathname === link.href ? 'page' : undefined}
+                    >
+                      {link.text}
+                    </Link>
+                  </Text>
+                </Fragment>
+              ))}
+              <CommandMenu />
+            </nav>
+
+            <Spacer height="xl" />
+
+            <Dialog.Close asChild>
+              <button className={styles.panelClose} type="button">
+                <VisuallyHidden.Root>Close menu</VisuallyHidden.Root>
+                <X />
+              </button>
+            </Dialog.Close>
+          </Dialog.Content>
+        </Dialog.Portal>
+      </Dialog.Root>
     </header>
   );
-};
-export default Header;
+}
diff --git a/src/components/Heading/Heading.css.ts b/src/components/Heading/Heading.css.ts
index eab1bf509..583744e43 100644
--- a/src/components/Heading/Heading.css.ts
+++ b/src/components/Heading/Heading.css.ts
@@ -1,6 +1,18 @@
-import { style } from '@vanilla-extract/css';
+import { variables } from '@frontend/styles/variables.css';
+import { style, styleVariants } from '@vanilla-extract/css';
 
 export const root = style({
-  fontVariationSettings: "'wght' 550",
-  letterSpacing: '-0.02em',
+  maxWidth: variables.contentWidth.prose,
+  fontWeight: 575,
+});
+
+export const tracking = styleVariants({
+  h1: {
+    letterSpacing: '-0.02em',
+  },
+  h2: {},
+  h3: {},
+  h4: {},
+  h5: {},
+  h6: {},
 });
diff --git a/src/components/Heading/Heading.test.tsx b/src/components/Heading/Heading.test.tsx
deleted file mode 100644
index 9ae2ba5b8..000000000
--- a/src/components/Heading/Heading.test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import { Heading } from '.';
-
-describe('Heading', () => {
-  test('renders as h2 by default', () => {
-    render(<Heading>Heading</Heading>);
-    expect(screen.getByText('Heading').tagName).toBe('H2');
-  });
-
-  test('renders as a different element', () => {
-    render(<Heading as="h1">Heading</Heading>);
-    expect(screen.getByText('Heading').tagName).toBe('H1');
-  });
-});
diff --git a/src/components/Heading/index.tsx b/src/components/Heading/index.tsx
index d8828f7d0..d04f58691 100644
--- a/src/components/Heading/index.tsx
+++ b/src/components/Heading/index.tsx
@@ -1,30 +1,40 @@
-import { Sprinkles, sprinkles } from '@frontend/styles/sprinkles.css';
+import { sprinkles, Sprinkles } from '@frontend/styles/sprinkles.css';
 import { PolymorphicComponentProps } from '@frontend/types/style';
 import clsx from 'clsx';
-import { ElementType, ReactNode, createElement } from 'react';
+import { createElement, ElementType } from 'react';
 import * as styles from './Heading.css';
 
-export type HeadingProps<TElement extends ElementType> =
+type HeadingProps<TElement extends React.ElementType> =
   PolymorphicComponentProps<
     TElement,
     {
-      as?: 'h1' | 'h2' | 'h3' | 'h4';
+      as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
       fontSize?: Sprinkles['fontSize'];
-      color?: Sprinkles['color'];
-      children: ReactNode;
+      color?: Extract<Sprinkles['color'], 'foreground' | 'foregroundNeutral'>;
+      children: React.ReactNode;
+      testId?: string;
     }
   >;
 
-export const Heading = <TElement extends ElementType = 'p'>({
+export default function Heading<TElement extends ElementType = 'p'>({
   as,
   fontSize = 'md',
   color = 'foreground',
-  ...props
-}: HeadingProps<TElement>) => {
+  testId,
+  ...rest
+}: HeadingProps<TElement>) {
   const component = as || 'h2';
-  const { className, ...restProps } = props;
+
   return createElement(component, {
-    className: clsx(styles.root, sprinkles({ fontSize, color }), className),
-    ...restProps,
+    className: clsx(
+      styles.root,
+      styles.tracking[component],
+      sprinkles({
+        fontSize,
+        color,
+      }),
+    ),
+    'data-testid': testId,
+    ...rest,
   });
-};
+}
diff --git a/src/components/Hero/Hero.css.ts b/src/components/Hero/Hero.css.ts
deleted file mode 100644
index 258ad4f49..000000000
--- a/src/components/Hero/Hero.css.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { responsiveStyle } from '@frontend/styles/style.css';
-import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
-
-/* 
-background: rgb(2,0,36);
-background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(62,182,108,1) 35%, rgba(0,212,255,1) 100%);
-background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(62,182,108,1) 35%, rgba(0,212,255,1) 100%);
-background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(62,182,108,1) 35%, rgba(0,212,255,1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);
-*/
-
-export const root = style({
-  borderRadius: variables.radius.lg,
-  overflow: 'hidden',
-  ...responsiveStyle({
-    sm: {
-      marginBottom: variables.spacing.lg,
-    },
-  }),
-  ':focus': {
-    outline: 'transparent',
-  },
-  ':focus-visible': {
-    outlineWidth: '2px',
-    outlineStyle: 'solid',
-    outlineOffset: '2px',
-    outlineColor: variables.color.outline,
-  },
-});
-
-export const overlay = style({
-  backgroundImage:
-    'linear-gradient(to right top, rgba(0, 0, 0 .95), rgba(0, 0, 0, .25))',
-  opacity: 0.9,
-  transition: 'opacity ease-in-out 0.2s',
-  selectors: {
-    [`${root}:hover &`]: {
-      opacity: 1,
-    },
-  },
-});
-
-export const content = style({
-  display: 'flex',
-  flexDirection: 'column',
-  justifyContent: 'flex-end',
-  ...responsiveStyle({
-    sm: {
-      padding: variables.spacing.md,
-    },
-    md: {
-      padding: variables.spacing.md,
-    },
-  }),
-});
-
-export const heading = style({
-  color: variables.color.color,
-  '::before': {
-    fontSize: variables.fontSize.xxl,
-    content: '',
-    marginBottom: variables.spacing.md,
-    display: 'block',
-    width: '1.2rem',
-    height: '1.2rem',
-    backgroundColor: variables.color.highlight,
-    borderRadius: variables.radius.full,
-  },
-});
-
-export const description = style({
-  color: variables.color.foreground,
-  fontSize: variables.fontSize.lg,
-});
diff --git a/src/components/Hero/Hero.test.tsx b/src/components/Hero/Hero.test.tsx
deleted file mode 100644
index 89ce894a2..000000000
--- a/src/components/Hero/Hero.test.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import Hero from '.';
-
-describe('Hero', () => {
-  test('renders heading and description', () => {
-    // Arrange
-    // Act
-    // Assert
-    render(<Hero heading="Heading" description="Description" />);
-    expect(screen.getByText('Description')).toBeInTheDocument();
-    expect(screen.getByText('Heading')).toBeInTheDocument();
-  });
-  test('renders `More about me` link', () => {
-    render(<Hero heading="Heading" description="Description" />);
-
-    const aboutLink = screen.getByRole('link', {
-      name: 'More about me',
-    });
-
-    expect(aboutLink).toBeInTheDocument();
-    expect(aboutLink).toHaveAttribute('href', '/about');
-    expect(aboutLink).toHaveTextContent('More about me');
-  });
-});
diff --git a/src/components/Hero/index.tsx b/src/components/Hero/index.tsx
deleted file mode 100644
index 640c147e2..000000000
--- a/src/components/Hero/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { Heading } from '../Heading';
-import Link from '../Link';
-import { Spacer } from '../Spacer';
-import Text from '../Text';
-import * as styles from './Hero.css';
-
-interface Props {
-  heading: string;
-  description: string;
-}
-
-const Hero = ({ description, heading }: Props) => {
-  return (
-    <div className={styles.root}>
-      <span className={styles.overlay} />
-      <div className={styles.content}>
-        <Heading
-          fontSize={{ sm: 'xxl', md: 'xxxl' }}
-          className={styles.heading}
-          data-testid="highlight-heading"
-        >
-          {heading}
-        </Heading>
-        <Spacer height="sm" />
-        <Text
-          fontSize={{ md: 'lg' }}
-          className={styles.description}
-          data-testid="highlight-description"
-        >
-          {description}
-        </Text>
-        <Link href="/about" css={{ marginTop: variables.spacing.lg }}>
-          More about me
-        </Link>
-      </div>
-    </div>
-  );
-};
-export default Hero;
diff --git a/src/components/HeroList/HeroList.css.ts b/src/components/HeroList/HeroList.css.ts
deleted file mode 100644
index 8f8c8cb8d..000000000
--- a/src/components/HeroList/HeroList.css.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { globalStyle, style } from '@vanilla-extract/css';
-
-export const root = style({});
-
-export const item = style({});
-
-globalStyle(`${root} > li + li`, {
-  borderTop: `1px solid ${variables.color.borderFaint}`,
-  marginBlockStart: variables.spacing.md,
-  paddingBlockStart: variables.spacing.md,
-});
diff --git a/src/components/HeroList/HeroList.tsx b/src/components/HeroList/HeroList.tsx
deleted file mode 100644
index 6c0eac49f..000000000
--- a/src/components/HeroList/HeroList.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import * as styles from './HeroList.css';
-
-const List = ({ children }: { children: ReactNode }) => {
-  return <ul className={styles.root}>{children}</ul>;
-};
-
-const Item = ({ children }: { children: ReactNode }) => {
-  return <li className={styles.item}>{children}</li>;
-};
-
-List.Item = Item;
-
-export { List };
diff --git a/src/components/Image/Image.css.ts b/src/components/Image/Image.css.ts
deleted file mode 100644
index 8fb964476..000000000
--- a/src/components/Image/Image.css.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
-
-export const root = style({
-  display: 'grid',
-});
-
-export const rounded = style({
-  borderRadius: variables.radius.lg,
-  overflow: 'hidden',
-});
-
-export const bordered = style({
-  border: `1px solid ${variables.color.border}`,
-});
diff --git a/src/components/Image/index.tsx b/src/components/Image/index.tsx
deleted file mode 100644
index d97bbe603..000000000
--- a/src/components/Image/index.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import clsx from 'clsx';
-import type { ImageProps as NextImageProps } from 'next/legacy/image';
-import NextImage from 'next/legacy/image';
-import * as styles from './Image.css';
-
-export type ImageProps = NextImageProps & {
-  rounded?: boolean;
-  bordered?: boolean;
-};
-
-const Image = (props: ImageProps) => {
-  const { alt, rounded = false, bordered = false } = props;
-  return (
-    <div
-      className={clsx(styles.root, {
-        [styles.rounded]: rounded,
-        [styles.bordered]: bordered,
-      })}
-    >
-      <NextImage {...props} alt={alt} />
-    </div>
-  );
-};
-
-export { Image };
diff --git a/src/components/ImageCarousel/ImageCarousel.css.ts b/src/components/ImageCarousel/ImageCarousel.css.ts
deleted file mode 100644
index a4897d1f6..000000000
--- a/src/components/ImageCarousel/ImageCarousel.css.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
-
-export const root = style({
-  position: 'relative',
-  overflow: 'hidden',
-  borderRadius: variables.radius.lg,
-});
-
-export const carousel = style({
-  display: 'flex',
-});
-
-export const item = style({
-  position: 'relative',
-  display: 'grid',
-  minWidth: '100%',
-});
-
-export const pagination = style({
-  position: 'absolute',
-  inset: 0,
-  display: 'flex',
-  justifyContent: 'space-between',
-  padding: variables.spacing.md,
-  pointerEvents: 'none',
-});
-
-export const button = style({
-  position: 'absolute',
-  top: 0,
-  height: '100%',
-  display: 'grid',
-  placeItems: 'center',
-  flexShrink: 0,
-  pointerEvents: 'auto',
-});
-
-export const prev = style({
-  left: 0,
-  paddingLeft: variables.spacing.md,
-});
-
-export const next = style({
-  right: 0,
-  paddingRight: variables.spacing.md,
-});
-
-export const disc = style({
-  width: variables.spacing.xxl,
-  height: variables.spacing.xxl,
-  background: variables.color.surface,
-  display: 'grid',
-  placeItems: 'center',
-  borderRadius: variables.radius.full,
-  selectors: {
-    [`${button}:focus &`]: {
-      outline: 'transparent',
-    },
-    [`${button}:focus-visible &`]: {
-      outlineWidth: '2px',
-      outlineStyle: 'solid',
-      outlineOffset: '2px',
-      outlineColor: variables.color.outline,
-    },
-  },
-});
-export const list = style({
-  position: 'absolute',
-  bottom: variables.spacing.md,
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  width: '100%',
-  gap: variables.spacing.sm,
-});
-
-export const dot = style({
-  width: variables.spacing.sm,
-  height: variables.spacing.sm,
-  backgroundColor: variables.color.surface,
-  borderRadius: variables.radius.full,
-  pointerEvents: 'auto',
-  ':focus': {
-    outline: 'transparent',
-  },
-  ':focus-visible': {
-    outlineWidth: '2px',
-    outlineStyle: 'solid',
-    outlineOffset: '2px',
-    outlineColor: variables.color.outline,
-  },
-});
-
-export const rounded = style({
-  borderRadius: variables.radius.lg,
-  overflow: 'hidden',
-});
diff --git a/src/components/ImageCarousel/index.tsx b/src/components/ImageCarousel/index.tsx
deleted file mode 100644
index b3103ce22..000000000
--- a/src/components/ImageCarousel/index.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-'use client';
-
-import clsx from 'clsx';
-import {
-  motion,
-  MotionConfig,
-  AnimatePresence,
-  LazyMotion,
-  domAnimation,
-} from 'framer-motion';
-import type { ImageProps } from 'next/legacy/image';
-import Image from 'next/legacy/image';
-import { ArrowRight, ArrowLeft } from 'react-feather';
-import { useRovingIndex } from 'use-roving-index';
-import VisuallyHidden from '../VisuallyHidden';
-import * as styles from './ImageCarousel.css';
-
-interface Props {
-  aspectRatio?: '16/9' | '4/3';
-  items: (ImageProps & { rounded?: boolean })[];
-}
-
-const ImageCarousel = ({ items, aspectRatio = '4/3' }: Props) => {
-  const [antecedent, consequent] = aspectRatio.split('/');
-  const {
-    activeIndex,
-    setActiveIndex,
-    moveBackward,
-    moveBackwardDisabled,
-    moveForward,
-    moveForwardDisabled,
-  } = useRovingIndex({ maxIndex: items.length - 1 });
-
-  return (
-    <LazyMotion features={domAnimation}>
-      <MotionConfig transition={{ duration: 0.7, ease: [0.32, 0.72, 0, 1] }}>
-        <motion.div className={styles.root}>
-          <motion.div
-            className={styles.carousel}
-            animate={{ x: `-${activeIndex * 100}%` }}
-          >
-            {items &&
-              items.map((item, index) => (
-                // eslint-disable-next-line react/no-array-index-key
-                <div key={index} className={styles.item}>
-                  <Image
-                    src={item.src}
-                    alt={item.alt}
-                    width={300}
-                    height={(Number(consequent) / Number(antecedent)) * 600}
-                    objectFit="scale-down"
-                    className={clsx({
-                      [styles.rounded]: item.rounded,
-                    })}
-                  />
-                </div>
-              ))}
-          </motion.div>
-          {items.length > 1 && (
-            <nav className={styles.pagination}>
-              <AnimatePresence initial={false}>
-                {!moveBackwardDisabled && (
-                  <motion.button
-                    initial={{ opacity: 0 }}
-                    animate={{ opacity: 0.7 }}
-                    exit={{ opacity: 0, pointerEvents: 'none' }}
-                    whileHover={{ opacity: 1 }}
-                    whileFocus={{ opacity: 1 }}
-                    onClick={() => moveBackward()}
-                    className={clsx(styles.button, styles.prev)}
-                  >
-                    <VisuallyHidden>Previous</VisuallyHidden>
-                    <span className={styles.disc}>
-                      <ArrowLeft width="16" height="16" />
-                    </span>
-                  </motion.button>
-                )}
-              </AnimatePresence>
-              <AnimatePresence initial={false}>
-                {!moveForwardDisabled && (
-                  <motion.button
-                    initial={{ opacity: 0 }}
-                    animate={{ opacity: 0.7 }}
-                    exit={{ opacity: 0, pointerEvents: 'none' }}
-                    whileHover={{ opacity: 1 }}
-                    whileFocus={{ opacity: 1 }}
-                    onClick={() => moveForward()}
-                    className={clsx(styles.button, styles.next)}
-                  >
-                    <VisuallyHidden>Next</VisuallyHidden>
-                    <span className={styles.disc}>
-                      <ArrowRight width="16" height="16" />
-                    </span>
-                  </motion.button>
-                )}
-              </AnimatePresence>
-              <ol className={styles.list}>
-                {items.map((_, index) => (
-                  // eslint-disable-next-line react/no-array-index-key
-                  <li key={index}>
-                    <motion.button
-                      variants={{
-                        inactive: {
-                          opacity: 0.7,
-                        },
-                        active: {
-                          opacity: 1,
-                        },
-                      }}
-                      initial="inactive"
-                      animate={activeIndex === index ? 'active' : 'inactive'}
-                      whileHover={{ opacity: 1 }}
-                      whileFocus={{ opacity: 1 }}
-                      className={styles.dot}
-                      onClick={() => setActiveIndex(index)}
-                      aria-current={activeIndex === index ? 'true' : 'false'}
-                    >
-                      <VisuallyHidden>View item {index + 1}</VisuallyHidden>
-                    </motion.button>
-                  </li>
-                ))}
-              </ol>
-            </nav>
-          )}
-        </motion.div>
-      </MotionConfig>
-    </LazyMotion>
-  );
-};
-export default ImageCarousel;
diff --git a/src/components/Intro/Intro.css.ts b/src/components/Intro/Intro.css.ts
index 432b4aadf..d27591545 100644
--- a/src/components/Intro/Intro.css.ts
+++ b/src/components/Intro/Intro.css.ts
@@ -1,40 +1,48 @@
-import { variables } from '@frontend/styles/variables.css';
-import { responsiveStyle } from '@frontend/utils/style.css';
-import { globalStyle, style } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 
-export const page = style({
+export const header = style({
   display: 'flex',
   flexDirection: 'column',
-  rowGap: '1.5rem',
-  maxWidth: '75ch',
-  ...responsiveStyle({
-    sm: {
-      marginBottom: variables.spacing.xl,
+  alignItems: 'left',
+  padding: '2rem',
+  gap: '2rem',
+  '@media': {
+    'screen and (min-width: 768px)': {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
     },
-  }),
+  },
 });
 
-globalStyle(`${page} & p`, {
-  fontSize: '1.1rem',
-  lineHeight: 1.4,
-  fontWeight: 500,
-  letterSpacing: '0.01em',
-  textWrap: 'pretty',
-});
+export const imageContainer = style({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  textAlign: 'left',
 
-export const title = style({
-  fontWeight: 400,
-  fontSize: variables.fontSize.xxxxl,
-  lineHeight: 1.1,
-  letterSpacing: '-0.0125em',
+  '@media': {
+    'screen and (min-width: 768px)': {
+      justifyContent: 'flex-start',
+      textAlign: 'left',
+    },
+  },
 });
 
-globalStyle(`${title} & strong`, {
-  fontWeight: 700,
+export const image = style({
+  filter: 'grayscale(1)',
+  opacity: 0.45,
+  borderRadius: '8px',
 });
 
-globalStyle(`${title} & a`, {
-  textDecoration: 'underline',
-  textUnderlineOffset: '0.125em',
-  textDecorationThickness: '0.075em',
+export const textContainer = style({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  textAlign: 'left',
+  '@media': {
+    'screen and (min-width: 768px)': {
+      alignItems: 'flex-start',
+      textAlign: 'left',
+    },
+  },
 });
diff --git a/src/components/Intro/Intro.test.tsx b/src/components/Intro/Intro.test.tsx
new file mode 100644
index 000000000..69c04502a
--- /dev/null
+++ b/src/components/Intro/Intro.test.tsx
@@ -0,0 +1,32 @@
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import Intro from '.';
+
+describe('Intro Component', () => {
+  test('renders the intro heading correctly', () => {
+    render(<Intro />);
+
+    expect(screen.getByTestId('intro-heading')).toHaveTextContent(
+      'Software Engineer interested in DevOps, React, Python, TypeScript and AWS.',
+    );
+  });
+
+  test('renders the image correctly', () => {
+    render(<Intro />);
+
+    const image = screen.getByAltText('Headshot');
+    expect(image).toBeInTheDocument();
+  });
+
+  test('renders the buttons correctly', () => {
+    render(<Intro />);
+
+    const readCvButton = screen.getByTestId('read-cv');
+    expect(readCvButton).toBeInTheDocument();
+    expect(readCvButton).toHaveAttribute('href', '/static/cv.pdf');
+
+    const viewExperienceButton = screen.getByTestId('view-experience');
+    expect(viewExperienceButton).toBeInTheDocument();
+    expect(viewExperienceButton).toHaveAttribute('href', '/about#experience');
+  });
+});
diff --git a/src/components/Intro/Intro.tsx b/src/components/Intro/Intro.tsx
deleted file mode 100644
index a9d5d0afc..000000000
--- a/src/components/Intro/Intro.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import Link from '@frontend/components/Link';
-import * as styles from './Intro.css';
-
-const Intro = () => {
-  return (
-    <div className={styles.page}>
-      <div>
-        <h1 className={styles.title} data-testid="intro-heading">
-          <strong>Luke //</strong> Software Engineer
-        </h1>
-      </div>
-      <p data-testid="intro-description">
-        Software Engineer based in the UK who is interested in React.js,
-        Next.js, Typescript, Python and DevOps
-      </p>
-      <Link href="/about">More about me</Link>
-    </div>
-  );
-};
-export default Intro;
diff --git a/src/components/Intro/index.tsx b/src/components/Intro/index.tsx
new file mode 100644
index 000000000..d6abd8919
--- /dev/null
+++ b/src/components/Intro/index.tsx
@@ -0,0 +1,63 @@
+import { buttonStyles } from '@frontend/styles/button.css';
+import featureFlags from '@frontend/utils/featureFlags';
+import Image from 'next/image';
+import ButtonGroup from '../ButtonGroup';
+import Link from '../Link';
+import Spacer from '../Spacer';
+import Text from '../Text';
+import * as styles from './Intro.css';
+
+export default function Intro() {
+  const newJobEnabled = featureFlags.find(f => f.name === 'newJob')?.enabled;
+
+  return (
+    <header className={styles.header}>
+      <div className={styles.imageContainer}>
+        <Image
+          src="/luke-1.png"
+          width="200"
+          height="200"
+          alt="Headshot"
+          className={styles.image}
+          style={{
+            maxWidth: '100%',
+            height: 'auto',
+          }}
+        />
+      </div>
+      <div className={styles.textContainer}>
+        <Text
+          fontSize={{ xs: 'lg', md: 'xl' }}
+          gradient
+          fontFamily="mono"
+          testId="intro-heading"
+        >
+          Software Engineer interested in DevOps, React, Python, TypeScript and
+          AWS.{' '}
+          {newJobEnabled &&
+            'Currently working at Ostrom, helping build and maintain a better way of managing energy in Germany'}
+        </Text>
+
+        <Spacer height="xl" />
+
+        <ButtonGroup>
+          <Link
+            href="/static/cv.pdf"
+            className={buttonStyles({ type: 'highContrast' })}
+            testId="read-cv"
+          >
+            Read CV
+          </Link>
+          <Link
+            href="/about#experience"
+            scroll
+            className={buttonStyles({ type: 'outlined' })}
+            testId="view-experience"
+          >
+            View experience
+          </Link>
+        </ButtonGroup>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/Link.test.tsx b/src/components/Link.test.tsx
deleted file mode 100644
index a349db12f..000000000
--- a/src/components/Link.test.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import Link from './Link';
-
-describe('Link', () => {
-  test('links to relative URL correctly', () => {
-    render(<Link href="/about">About</Link>);
-    expect(screen.getByText('About')).toHaveAttribute('href', '/about');
-  });
-  test('links to absolute URL correctly', () => {
-    render(<Link href="https://example.com">Example</Link>);
-    expect(screen.getByText('Example')).toHaveAttribute(
-      'href',
-      'https://example.com',
-    );
-
-    expect(screen.getByText('Example')).toHaveAttribute('target', '_blank');
-    expect(screen.getByText('Example')).toHaveAttribute(
-      'rel',
-      'noopener noreferrer',
-    );
-  });
-  test('links to hash URL correctly', () => {
-    render(<Link href="#about">About</Link>);
-    expect(screen.getByText('About')).toHaveAttribute('href', '#about');
-    expect(screen.getByText('About')).not.toHaveAttribute('target', '_blank');
-    expect(screen.getByText('About')).not.toHaveAttribute(
-      'rel',
-      'noopener noreferrer',
-    );
-  });
-});
diff --git a/src/components/Link/Link.css.ts b/src/components/Link/Link.css.ts
index d2047987f..b44606a31 100644
--- a/src/components/Link/Link.css.ts
+++ b/src/components/Link/Link.css.ts
@@ -20,10 +20,11 @@ export const root = style({
 export const variants = styleVariants({
   highlight: [root, { textDecorationColor: variables.color.highlight }],
   neutral: [root, { textDecorationColor: variables.color.border }],
+  underline: [root, { textDecoration: 'underline' }],
 });
 
 export const underlined = style({
-  textDecoration: 'underline',
+  textDecoration: 'underline !important',
   textDecorationColor: variables.color.underline,
   textDecorationThickness: '1.5',
   textUnderlineOffset: '1.5',
diff --git a/src/components/Link/index.tsx b/src/components/Link/index.tsx
index 6031b6467..5ddf1c126 100644
--- a/src/components/Link/index.tsx
+++ b/src/components/Link/index.tsx
@@ -6,12 +6,13 @@ import * as styles from './Link.css';
 
 type Props = {
   children: ReactNode;
-  variant?: 'highlight' | 'neutral';
+  variant?: 'highlight' | 'neutral' | 'underline';
   underlined?: boolean;
   className?: string;
   id?: string;
   href: string;
   css?: CSSProperties;
+  testId?: string;
 } & Omit<LinkProps, 'href'>;
 
 const Link = ({
@@ -22,6 +23,7 @@ const Link = ({
   id,
   href,
   css,
+  testId,
   ...props
 }: Props) => {
   const isAbsolute = typeof href === 'string' && href.startsWith('http');
@@ -30,6 +32,7 @@ const Link = ({
   if (isAbsolute || isHash) {
     return (
       <a
+        data-testid={testId}
         id={id}
         rel={isAbsolute ? 'noopener noreferrer' : undefined}
         target={isAbsolute ? '_blank' : undefined}
@@ -50,6 +53,7 @@ const Link = ({
 
   return (
     <NextLink
+      data-testid={testId}
       id={id}
       href={href}
       className={clsx(styles.variants[variant], className)}
diff --git a/src/components/List/List.css.ts b/src/components/List/List.css.ts
index 5493cbe9d..672ef7e7a 100644
--- a/src/components/List/List.css.ts
+++ b/src/components/List/List.css.ts
@@ -1,14 +1,17 @@
 import { variables } from '@frontend/styles/variables.css';
-import { globalStyle, style } from '@vanilla-extract/css';
+import { style } from '@vanilla-extract/css';
 
-export const root = style({});
-
-export const item = style({
-  marginBottom: variables.spacing.md,
+export const list = style({
+  position: 'relative',
 });
 
-globalStyle(`${root} > li + li`, {
-  borderTop: `1px solid ${variables.color.border}`,
-  marginBlockStart: variables.spacing.xxl,
-  paddingBlockStart: variables.spacing.xxl,
+export const item = style({
+  paddingTop: variables.spacing.lg,
+  paddingBottom: variables.spacing.lg,
+  borderColor: variables.color.border,
+  borderBottom: `1px solid ${variables.color.border}`,
+  listStyle: 'none',
+  ':last-child': {
+    borderBottom: 'none',
+  },
 });
diff --git a/src/components/List/index.tsx b/src/components/List/index.tsx
index ec489e0ed..6f0918d65 100644
--- a/src/components/List/index.tsx
+++ b/src/components/List/index.tsx
@@ -1,91 +1,31 @@
-import { Sprinkles, sprinkles } from '@frontend/styles/sprinkles.css';
-import { PolymorphicComponentProps } from '@frontend/types/style';
-import clsx from 'clsx';
-import { ElementType, ReactNode, createElement } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import * as styles from './List.css';
 
-type ListProps<T extends ElementType> = PolymorphicComponentProps<T, Sprinkles>;
+interface Props {
+  children: ReactNode;
+  testId?: string;
+  style?: CSSProperties;
+}
 
-const List = <T extends ElementType = 'ul'>({
-  as,
-  position,
-  className,
-  padding,
-  paddingTop,
-  paddingRight,
-  paddingBottom,
-  paddingLeft,
-  paddingX,
-  paddingY,
-  marginTop,
-  marginRight,
-  marginBottom,
-  marginLeft,
-  marginX,
-  marginY,
-  display,
-  flexDirection,
-  alignItems,
-  justifyContent,
-  placeItems,
-  flexShrink,
-  flexGrow,
-  gap,
-  columnGap,
-  rowGap,
-  columns,
-  gridTemplateColumns,
-  width,
-  maxWidth,
-  height,
-  aspectRatio,
-  textAlign,
-  ...rest
-}: ListProps<T>) => {
-  const atomClasses = clsx(
-    sprinkles({
-      position,
-      padding,
-      paddingTop,
-      paddingRight,
-      paddingBottom,
-      paddingLeft,
-      paddingX,
-      paddingY,
-      marginTop,
-      marginRight,
-      marginBottom,
-      marginLeft,
-      marginX,
-      marginY,
-      display,
-      flexDirection,
-      alignItems,
-      justifyContent,
-      placeItems,
-      flexShrink,
-      flexGrow,
-      gap,
-      columnGap,
-      rowGap,
-      columns,
-      gridTemplateColumns,
-      width,
-      maxWidth,
-      height,
-      aspectRatio,
-      textAlign,
-    }),
-    className,
+export function Container({ children, style, testId }: Props) {
+  return (
+    <ul className={styles.list} data-testid={testId} style={style}>
+      {children}
+    </ul>
   );
-  const component = as || 'ul';
-  return createElement(component, { className: atomClasses, ...rest });
-};
+}
 
-const Item = ({ children }: { children: ReactNode }) => {
-  return <li className={styles.item}>{children}</li>;
-};
+interface ListItemProps {
+  id?: string;
+  hidden?: boolean;
+  style?: CSSProperties;
+  children: ReactNode;
+}
 
-List.Item = Item;
-
-export { List };
+export function Item({ children, hidden, id, style }: ListItemProps) {
+  return (
+    <li className={styles.item} id={id} hidden={hidden} style={style}>
+      {children}
+    </li>
+  );
+}
diff --git a/src/components/MDXComponents/index.tsx b/src/components/MDXComponents.tsx
similarity index 74%
rename from src/components/MDXComponents/index.tsx
rename to src/components/MDXComponents.tsx
index 5ac3a3e31..27ba32ec7 100644
--- a/src/components/MDXComponents/index.tsx
+++ b/src/components/MDXComponents.tsx
@@ -1,9 +1,9 @@
+import * as List from '@frontend/components/List';
+import Image, { ImageProps } from 'next/image';
 import { ComponentPropsWithoutRef } from 'react';
-import { Heading } from '../Heading';
-import { Image, ImageProps } from '../Image';
-import Link from '../Link';
-import { List } from '../List';
-import Text from '../Text';
+import Heading from './Heading';
+import Link from './Link';
+import Text from './Text';
 
 const MDXComponents = {
   Image: (props: ImageProps & { rounded?: boolean; bordered?: boolean }) => {
@@ -14,6 +14,8 @@ const MDXComponents = {
         alt={alt}
         style={{
           borderRadius: rounded ? 10 : undefined,
+          maxWidth: '100%',
+          height: 'auto',
         }}
       />
     );
@@ -32,14 +34,16 @@ const MDXComponents = {
   ),
   p: (props: ComponentPropsWithoutRef<'p'>) => (
     <Text
-      {...props}
       fontSize="md"
+      maxWidth="container"
       color="foregroundNeutral"
       style={{
         marginBottom: '1.25rem',
         lineHeight: '1.75rem',
       }}
-    />
+    >
+      {props.children}
+    </Text>
   ),
   h2: ({ children, ...props }: ComponentPropsWithoutRef<'h2'>) => (
     <Heading
@@ -67,7 +71,7 @@ const MDXComponents = {
     </Heading>
   ),
   ul: ({ children, ...props }: ComponentPropsWithoutRef<'ul'>) => (
-    <List
+    <List.Container
       {...props}
       style={{
         listStyleType: 'disc',
@@ -75,10 +79,20 @@ const MDXComponents = {
         marginLeft: '1.25rem',
         color: 'var(--color-foreground-neutral)',
       }}
-      color="foregroundNeutral"
     >
       {children}
-    </List>
+    </List.Container>
+  ),
+  li: ({ children, ...props }: ComponentPropsWithoutRef<'li'>) => (
+    <List.Item
+      {...props}
+      style={{
+        marginBottom: '0.75rem',
+        marginLeft: '1.25rem',
+      }}
+    >
+      {children}
+    </List.Item>
   ),
 };
 
diff --git a/src/components/Marquee/Marquee.css.ts b/src/components/Marquee/Marquee.css.ts
deleted file mode 100644
index 4790278b5..000000000
--- a/src/components/Marquee/Marquee.css.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
-
-export const root = style({
-  position: 'relative',
-  display: 'flex',
-  overflow: 'hidden',
-  ':after': {
-    content: '',
-    position: 'absolute',
-    inset: 0,
-    backgroundImage: `linear-gradient(to right, ${variables.color.page} 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90% ${variables.color.page} 100%)`,
-    pointerEvents: 'none',
-  },
-});
-
-export const scroller = style({
-  display: 'flex',
-  flexShrink: 0,
-  whiteSpace: 'nowrap',
-});
-
-export const item = style({
-  paddingRight: variables.spacing.xl,
-  display: 'grid',
-  placeItems: 'center',
-  flexShrink: 0,
-  color: variables.color.foregroundNeutral,
-});
diff --git a/src/components/Marquee/index.tsx b/src/components/Marquee/index.tsx
deleted file mode 100644
index a04278675..000000000
--- a/src/components/Marquee/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-'use client';
-
-import { motion, useAnimationControls } from 'framer-motion';
-import { Children, ReactNode, useEffect } from 'react';
-import * as styles from './Marquee.css';
-
-interface Props {
-  children: ReactNode;
-}
-
-const Marquee = ({ children }: Props) => {
-  const controls = useAnimationControls();
-
-  useEffect(() => {
-    controls.start({
-      x: '-100%',
-      transition: {
-        duration: 50,
-        repeat: Infinity,
-        ease: 'linear',
-      },
-    });
-    return () => controls.stop();
-  }, [controls]);
-
-  return (
-    <div className={styles.root}>
-      <motion.div key="rowOne" className={styles.scroller} animate={controls}>
-        {Children.map(children, (child, index) => (
-          // eslint-disable-next-line react/no-array-index-key
-          <div key={`rowTwo-${index}`} className={styles.item}>
-            {child}
-          </div>
-        ))}
-      </motion.div>
-    </div>
-  );
-};
-
-export default Marquee;
diff --git a/src/components/NowPlaying/index.tsx b/src/components/NowPlaying/index.tsx
index 6a9b14fae..70c5465b8 100644
--- a/src/components/NowPlaying/index.tsx
+++ b/src/components/NowPlaying/index.tsx
@@ -2,7 +2,7 @@
 
 import spotifyQueries from '@frontend/queries/spotifyQueries';
 import { useQuery } from '@tanstack/react-query';
-import { Image } from '../Image';
+import Image from 'next/image';
 import * as styles from './NowPlaying.css';
 import s from './NowPlaying.module.scss';
 
@@ -34,6 +34,8 @@ export default function NowPlaying() {
           <p className={styles.cover}>
             <Image
               src={data.albumImageUrl}
+              blurDataURL={data.albumImageUrl}
+              placeholder="blur"
               alt="Album cover"
               layout="intrinsic"
               width={65}
diff --git a/src/components/Page.tsx b/src/components/Page.tsx
index 65664db59..78a902e56 100644
--- a/src/components/Page.tsx
+++ b/src/components/Page.tsx
@@ -2,40 +2,31 @@ import dynamic from 'next/dynamic';
 import { ReactNode } from 'react';
 import Box from './Box';
 import Header from './Header';
-import PageHeader, { PageHeaderProps } from './PageHeader';
 import { Toaster } from './Toaster';
 
-const Footer = dynamic(() => import('./Footer'));
-
-interface PageProps extends PageHeaderProps {
+interface PageProps {
   children: ReactNode;
+  showHeader?: boolean;
   showFooter?: boolean;
-  heading?: string;
-  description?: string;
 }
+const Footer = dynamic(() => import('./Footer'));
 
-const Page = ({
+export default function Page({
   children,
   showFooter = true,
-  heading,
-  description,
-  headerFontSize,
-}: PageProps) => {
+  showHeader = true,
+}: PageProps) {
   return (
     <>
-      <Header />
       <div className="container">
+        {showHeader && <Header />}
+
         <Box
           maxWidth="container"
           style={{
             margin: '0 auto',
           }}
         >
-          <PageHeader
-            heading={heading}
-            description={description}
-            headerFontSize={headerFontSize}
-          />
           {children}
           <Toaster />
         </Box>
@@ -43,5 +34,4 @@ const Page = ({
       {showFooter && <Footer />}
     </>
   );
-};
-export default Page;
+}
diff --git a/src/components/PageHeader/PageHeader.css.ts b/src/components/PageHeader/PageHeader.css.ts
deleted file mode 100644
index 71b73f71e..000000000
--- a/src/components/PageHeader/PageHeader.css.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { style } from '@vanilla-extract/css';
-
-export const root = style({
-  paddingTop: variables.spacing.xs,
-  marginBottom: variables.spacing.md,
-  paddingBottom: 0,
-});
diff --git a/src/components/PageHeader/PageHeader.test.tsx b/src/components/PageHeader/PageHeader.test.tsx
deleted file mode 100644
index bf2e0a8b9..000000000
--- a/src/components/PageHeader/PageHeader.test.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import PageHeader from '.';
-
-describe('PageHeader', () => {
-  test('renders null if no heading or description', () => {
-    render(<PageHeader />);
-    expect(screen.queryByRole('heading')).not.toBeInTheDocument();
-    expect(
-      screen.queryByTestId('pageHeader-description'),
-    ).not.toBeInTheDocument();
-  });
-  test('renders heading & description', () => {
-    render(<PageHeader heading="heading" description="description" />);
-
-    expect(screen.getByRole('heading')).toBeInTheDocument();
-    expect(screen.getByTestId('pageHeader-description')).toBeInTheDocument();
-  });
-});
diff --git a/src/components/PageHeader/index.tsx b/src/components/PageHeader/index.tsx
deleted file mode 100644
index 8b82f6a53..000000000
--- a/src/components/PageHeader/index.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ElementType } from 'react';
-import Box from '../Box';
-import { Heading, HeadingProps } from '../Heading';
-import Text from '../Text';
-import * as styles from './PageHeader.css';
-
-export interface PageHeaderProps {
-  heading?: string;
-  description?: string;
-  id?: string;
-  headerFontSize?: HeadingProps<ElementType>['fontSize'];
-}
-
-const PageHeader = ({
-  heading,
-  description,
-  id = 'pageHeader',
-  headerFontSize = 'xxl',
-}: PageHeaderProps) => {
-  if (!heading && !description) {
-    return null;
-  }
-
-  return (
-    <header className={styles.root}>
-      <Box>
-        <Heading as="h1" fontSize={headerFontSize}>
-          {heading}
-        </Heading>
-        {description && (
-          <Text
-            fontSize="lg"
-            color="foregroundNeutral"
-            data-testid={`${id}-description`}
-          >
-            {description}
-          </Text>
-        )}
-      </Box>
-    </header>
-  );
-};
-
-export default PageHeader;
diff --git a/src/components/PageTransition/PageTransition.tsx b/src/components/PageTransition/PageTransition.tsx
deleted file mode 100644
index 22a4a1f18..000000000
--- a/src/components/PageTransition/PageTransition.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-'use client';
-
-import { motion, Variants } from 'framer-motion';
-import { ReactNode } from 'react';
-
-const variants: Variants = {
-  initial: {
-    opacity: 0,
-    y: 8,
-  },
-  enter: {
-    opacity: 1,
-    y: 0,
-    transition: {
-      duration: 0.4,
-      ease: [0.61, 1, 0.88, 1],
-    },
-  },
-};
-
-interface Props {
-  children: ReactNode;
-}
-
-const PageTransition = ({ children }: Props) => {
-  return (
-    <motion.div initial="initial" animate="enter" variants={variants}>
-      {children}
-    </motion.div>
-  );
-};
-export default PageTransition;
diff --git a/src/components/PostItem/PostItem.css.ts b/src/components/PostItem/PostItem.css.ts
index 6a3074f88..64245ba44 100644
--- a/src/components/PostItem/PostItem.css.ts
+++ b/src/components/PostItem/PostItem.css.ts
@@ -1,5 +1,5 @@
-import { responsiveStyle } from '@frontend/styles/style.css';
 import { variables } from '@frontend/styles/variables.css';
+import { responsiveStyle } from '@frontend/utils/style.css';
 import { style } from '@vanilla-extract/css';
 
 export const content = style({
diff --git a/src/components/PostItem/PostItem.test.tsx b/src/components/PostItem/PostItem.test.tsx
index 7f5796a0a..0cadad3ad 100644
--- a/src/components/PostItem/PostItem.test.tsx
+++ b/src/components/PostItem/PostItem.test.tsx
@@ -1,39 +1,33 @@
+import { posts } from '@frontend/test/__mocks__/post';
 import render from '@frontend/test/render';
-import { screen, within } from '@testing-library/react';
-import { post } from '../__tests__/__mocks__/post';
+import { screen } from '@testing-library/react';
 import PostItem from '.';
 
 describe('PostItem', () => {
-  test('renders postItem', () => {
-    render(<PostItem post={post} />);
+  test('renders correctly', () => {
+    render(<PostItem post={posts[0]} />);
 
-    const heading = screen.getByRole('heading', {
-      name: 'post-title',
-    });
-    expect(heading).toBeInTheDocument();
-    expect(screen.getByText('post intro')).toBeInTheDocument();
-    expect(screen.getByRole('time')).toBeInTheDocument();
-    expect(screen.getByTestId('post-tag-1')).toBeInTheDocument();
-  });
-
-  test('constructs tag URL correctly', () => {
-    render(<PostItem post={post} />);
+    expect(screen.getByRole('article')).toBeInTheDocument();
 
-    const tagContainer = screen.getByTestId('tag-container');
+    expect(screen.getByText(posts[0].title)).toBeInTheDocument();
+    expect(screen.getByText(posts[0].intro)).toBeInTheDocument();
 
-    const links = within(tagContainer).getAllByRole('link');
+    expect(screen.getByRole('link', { name: posts[0].title })).toHaveAttribute(
+      'href',
+      `/blog/${posts[0].slug.current}`,
+    );
 
-    expect(links).toHaveLength(1);
-
-    expect(links[0]).toHaveAttribute('href', '/blog/tags/react-js');
-  });
+    for (let i = 0; i < posts[0].tags.length; i += 1) {
+      const tagId = `post-tag-${posts[0].tags[i]._id}`;
 
-  test('constructs post URL correctly', () => {
-    render(<PostItem post={post} />);
+      expect(screen.getByTestId(tagId)).toHaveTextContent(
+        posts[0].tags[i].title.toUpperCase(),
+      );
 
-    const link = screen.queryByRole('link', {
-      name: 'post-title',
-    });
-    expect(link).toHaveAttribute('href', '/blog/post-slug');
+      expect(screen.getByTestId(tagId)).toHaveAttribute(
+        'href',
+        `/blog/tags/${posts[0].tags[i].slug.current}`,
+      );
+    }
   });
 });
diff --git a/src/components/PostItem/index.tsx b/src/components/PostItem/index.tsx
index 27eb8a1c1..7b8ed2bd7 100644
--- a/src/components/PostItem/index.tsx
+++ b/src/components/PostItem/index.tsx
@@ -1,11 +1,12 @@
 import * as utils from '@frontend/styles/util.css';
+import { variables } from '@frontend/styles/variables.css';
 import { Post } from '@frontend/types/sanity';
 import clsx from 'clsx';
 import Box from '../Box';
 import FormattedDate from '../FormattedDate';
-import { Heading } from '../Heading';
+import Heading from '../Heading';
 import Link from '../Link';
-import { Spacer } from '../Spacer';
+import Spacer from '../Spacer';
 import Text from '../Text';
 import * as styles from './PostItem.css';
 
@@ -13,7 +14,7 @@ interface Props {
   post: Post;
 }
 
-const PostItem = ({ post }: Props) => {
+export default function PostItem({ post }: Props) {
   return (
     <article>
       <Box
@@ -34,10 +35,35 @@ const PostItem = ({ post }: Props) => {
           marginBottom="sm"
         />
         <Box paddingBottom="lg" className={styles.content} marginBottom="lg">
+          <Spacer height="xs" />
+          <Heading as="h3" fontSize="xxl" className={styles.heading}>
+            <Link
+              href={`/blog/${post.slug.current}`}
+              className={utils.anchor}
+              data-testid="post-title"
+              css={{
+                fontSize: variables.fontSize.lg,
+              }}
+            >
+              {post.title}
+            </Link>
+          </Heading>
+          <Spacer height="sm" />
           <Text
+            className={styles.intro}
+            data-testid="post-intro"
             color="foregroundNeutral"
-            textTransform="uppercase"
-            fontSize="sm"
+            fontSize={{
+              xs: 'sm',
+              sm: 'lg',
+            }}
+          >
+            {post.intro}
+          </Text>
+          <Text
+            color="foregroundNeutral"
+            // textTransform="uppercase"
+            fontSize="xs"
             fontFamily="mono"
             data-testid="tag-container"
           >
@@ -52,25 +78,6 @@ const PostItem = ({ post }: Props) => {
               </Link>
             ))}
           </Text>{' '}
-          <Spacer height="xs" />
-          <Heading
-            as="h3"
-            fontSize="xl"
-            style={{ lineHeight: 1.2 }}
-            className={styles.heading}
-          >
-            <Link
-              href={`/blog/${post.slug.current}`}
-              className={utils.anchor}
-              data-testid="post-title"
-            >
-              {post.title}
-            </Link>
-          </Heading>
-          <Spacer height="sm" />
-          <Text className={styles.intro} data-testid="post-intro">
-            {post.intro}
-          </Text>
           <Spacer height="sm" />
           <Text
             color="foregroundNeutral"
@@ -84,5 +91,4 @@ const PostItem = ({ post }: Props) => {
       </Box>
     </article>
   );
-};
-export default PostItem;
+}
diff --git a/src/components/ProjectItem/ProjectItem.css.ts b/src/components/ProjectItem/ProjectItem.css.ts
index 09d68ad3d..92cd29c1c 100644
--- a/src/components/ProjectItem/ProjectItem.css.ts
+++ b/src/components/ProjectItem/ProjectItem.css.ts
@@ -1,78 +1,21 @@
 import { variables } from '@frontend/styles/variables.css';
 import { style } from '@vanilla-extract/css';
 
-export const outer = style({
-  margin: '2rem 0rem 0rem',
-  display: 'flex',
-  maxWidth: '90%',
-  flexDirection: 'row',
-  alignItems: 'flex-start',
-});
-
-export const date = style({
-  width: '6rem',
-  flexShrink: 0,
-  padding: '1rem',
-  fontSize: variables.fontSize.sm,
-  fontWeight: variables.fontWeight.normal,
-  color: variables.color.foregroundNeutral,
-  textAlign: 'right',
-});
-
-export const container = style({
+export const content = style({
   width: '100%',
-  borderRadius: '8px',
-  flexDirection: 'column',
-  alignItems: 'flex-start',
-  border: `1px solid ${variables.color.spotifyBgColor}`,
-  position: 'relative',
-  display: 'block',
-  overflow: 'hidden',
-  transition: 'background-color -.15s ease, border 0.15s ease',
-  ':hover': {
-    cursor: 'pointer',
-    backgroundColor: variables.color.borderNeutral,
-    border: `1px solid ${variables.color.surfaceFaint}`,
-    transition: 'background-color 0.15s ease, border 0.15s ease',
-  },
-});
-
-export const image = style({
-  borderRadius: '6px 6px 0px 0px',
-});
-
-export const stack = style({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'flex-start',
-  padding: '1rem',
 });
 
-export const row = style({
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-});
-
-export const tileTitle = style({
-  letterSpacing: '0.1px',
-  lineHeight: '1.1',
-  transition: 'color 0.25s ease',
-  marginBottom: variables.spacing.sm,
-});
-
-export const tileContent = style({
-  marginTop: '0.25rem',
-  fontSize: variables.fontSize.md,
-  lineHeight: '1.4',
-  transition: 'color 0.25s ease',
-});
-
-export const type = style({
-  marginTop: '0.5rem',
-  fontSize: variables.fontSize.sm,
+export const anchor = style({
+  ':focus': {
+    outline: 'transparent',
+  },
+  ':focus-visible': {
+    outlineWidth: '2px',
+    outlineStyle: 'solid',
+    outlineOffset: '2px',
+    outlineColor: variables.color.outline,
+  },
 });
-
 export const links = style({
   display: 'flex',
   flexDirection: 'row',
diff --git a/src/components/ProjectItem/ProjectItem.test.tsx b/src/components/ProjectItem/ProjectItem.test.tsx
index 48d0c0cf7..30b70cd04 100644
--- a/src/components/ProjectItem/ProjectItem.test.tsx
+++ b/src/components/ProjectItem/ProjectItem.test.tsx
@@ -1,37 +1,45 @@
 import render from '@frontend/test/render';
 import { screen } from '@testing-library/react';
-import omit from 'lodash/omit';
+import React from 'react';
 import { project } from '../__tests__/__mocks__/project';
 import ProjectItem from '.';
 
-describe('ProjectItem', () => {
-  test('renders ProjectItem', () => {
+describe('ProjectItem Component', () => {
+  test('renders the project item correctly', () => {
     render(<ProjectItem project={project} />);
 
-    const image = screen.getByRole('img');
-    expect(image).toBeInTheDocument();
-
-    const heading = screen.getByRole('heading', {
-      name: 'My website',
-    });
-    expect(heading).toBeInTheDocument();
+    expect(screen.getByTestId('project-link')).toHaveAttribute(
+      'href',
+      '/projects/lhowsam.com',
+    );
+    expect(screen.getByRole('img')).toHaveAttribute('alt', 'alt');
+    expect(screen.getByTestId('project-title')).toHaveTextContent('My website');
+    expect(screen.getByText('project intro')).toBeInTheDocument();
+  });
 
-    const intro = screen.getByTestId('project-intro');
-    expect(intro).toHaveTextContent('project intro');
+  test('renders the GitHub link correctly', () => {
+    render(<ProjectItem project={project} />);
 
     const githubLink = screen.getByTestId('project-github');
+    expect(githubLink).toBeInTheDocument();
     expect(githubLink).toHaveAttribute(
       'href',
       'https://github.com/luke-h1/lhowsam.com',
     );
+  });
+
+  test('renders the site link correctly', () => {
+    render(<ProjectItem project={project} />);
 
     const siteLink = screen.getByTestId('project-siteUrl');
+    expect(siteLink).toBeInTheDocument();
     expect(siteLink).toHaveAttribute('href', 'https://lhowsam.com');
   });
-  test("doesn't render site link if not provided", async () => {
-    render(<ProjectItem project={omit(project, 'siteUrl')} />);
 
-    const siteLink = screen.queryByTestId('project-siteUrl');
-    expect(siteLink).not.toBeInTheDocument();
+  test('does not render the site link if siteUrl is not provided', () => {
+    const projectWithoutSiteUrl = { ...project, siteUrl: undefined };
+    render(<ProjectItem project={projectWithoutSiteUrl} />);
+
+    expect(screen.queryByTestId('project-siteUrl')).not.toBeInTheDocument();
   });
 });
diff --git a/src/components/ProjectItem/index.tsx b/src/components/ProjectItem/index.tsx
index 2898e11ca..8d65a7526 100644
--- a/src/components/ProjectItem/index.tsx
+++ b/src/components/ProjectItem/index.tsx
@@ -1,10 +1,11 @@
 import imageService from '@frontend/services/imageService';
 import { Project } from '@frontend/types/sanity';
+import Image from 'next/image';
 import { FiGithub, FiLink } from 'react-icons/fi';
 import Box from '../Box';
-import { Heading } from '../Heading';
-import { Image } from '../Image';
+import Heading from '../Heading';
 import Link from '../Link';
+import Spacer from '../Spacer';
 import Text from '../Text';
 import VisuallyHidden from '../VisuallyHidden';
 import * as styles from './ProjectItem.css';
@@ -13,67 +14,68 @@ interface Props {
   project: Project;
 }
 
-const ProjectItem = ({ project }: Props) => {
+export default function ProjectItem({ project }: Props) {
   return (
-    <Box className={styles.outer}>
-      <Box className={styles.container}>
+    <Box as="article" display={{ md: 'flex' }} alignItems="flex-start" gap="md">
+      <Box
+        display="flex"
+        float={{ sm: 'right', md: 'none' }}
+        flexShrink={0}
+        marginTop="xs"
+        marginLeft={{ sm: 'sm', md: 'none' }}
+        marginBottom={{ sm: 'sm', md: 'none' }}
+      >
         <Image
-          className={styles.image}
-          src={imageService.urlFor(project.image.asset)}
+          src={imageService.urlFor(project.image.asset) ?? ''}
           alt={project.image.alt ?? project.title}
-          width={400}
-          height={220}
-          data-testid="project-image"
-          priority
-          quality={80}
-          layout="responsive"
+          width={200}
+          height={200}
+          placeholder="blur"
+          blurDataURL={imageService.urlFor(project.image.asset) ?? ''}
+          style={{
+            maxWidth: '100%',
+            height: 'auto',
+            objectFit: 'cover',
+          }}
         />
-        <Box className={styles.stack}>
-          <Link
-            href={`/projects/${project.slug.current}`}
-            data-testid="project-link"
+      </Box>
+      <Link href={`/projects/${project.slug.current}`} testId="project-link">
+        <Box paddingBottom="lg" className={styles.content}>
+          <Spacer height="xs" />
+          <Heading
+            as="h3"
+            fontSize="xl"
+            style={{ lineHeight: 1.2 }}
+            className={styles.anchor}
+            testId="project-title"
           >
-            <Box className={styles.row}>
-              <Heading
-                as="h3"
-                className={styles.tileTitle}
-                data-testid="project-title"
-              >
-                {project.title}
-              </Heading>
-            </Box>
+            {project.title}
+          </Heading>
+          <>
+            <Spacer height="sm" />
+            <Text>{project.intro}</Text>
+          </>
+        </Box>
+      </Link>
 
-            <Text className={styles.tileContent} data-testid="project-intro">
-              {project.intro}
-            </Text>
+      <Box display="flex" alignItems="stretch" className={styles.links}>
+        <Link
+          testId="project-github"
+          href={project.githubUrl}
+          css={{
+            marginRight: '1rem',
+          }}
+        >
+          <VisuallyHidden>View GitHub</VisuallyHidden>
+          <FiGithub size={18} name="GitHub" />
+        </Link>
+        {project.siteUrl && (
+          <Link href={project.siteUrl} testId="project-siteUrl">
+            <VisuallyHidden>View site</VisuallyHidden>
+            <FiLink size={18} name="Link" />
           </Link>
-          <Box
-            display="flex"
-            alignItems="stretch"
-            justifyContent="space-between"
-            className={styles.links}
-          >
-            <Link
-              data-testid="project-github"
-              href={project.githubUrl}
-              css={{
-                marginRight: '1rem',
-              }}
-            >
-              <VisuallyHidden>View GitHub</VisuallyHidden>
-              <FiGithub size={18} name="GitHub" />
-            </Link>
-            {project.siteUrl && (
-              <Link href={project.siteUrl} data-testid="project-siteUrl">
-                <VisuallyHidden>View site</VisuallyHidden>
-                <FiLink size={18} name="Link" />
-              </Link>
-            )}
-          </Box>
-        </Box>
+        )}
       </Box>
     </Box>
   );
-};
-
-export default ProjectItem;
+}
diff --git a/src/components/Providers.tsx b/src/components/Providers.tsx
index 496053c13..3d348b5cf 100644
--- a/src/components/Providers.tsx
+++ b/src/components/Providers.tsx
@@ -13,7 +13,6 @@ import { MotionConfig as FramerMotionConfig } from 'framer-motion';
 import Head from 'next/head';
 import { ThemeProvider as NextThemeProvider } from 'next-themes';
 import { ReactNode, useState } from 'react';
-import Gradient from './Gradient';
 import SkipLink from './SkipLink';
 
 interface Props {
@@ -70,7 +69,7 @@ const Providers = ({ children }: Props) => {
   return (
     <ComposedProviders>
       <SkipLink />
-      <Gradient />
+      {/* <Gradient /> */}
       <Head>
         <meta
           name="viewport"
diff --git a/src/components/Settings/Settings.css.ts b/src/components/Settings/Settings.css.ts
deleted file mode 100644
index b28f26e51..000000000
--- a/src/components/Settings/Settings.css.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { variables } from '@frontend/styles/variables.css';
-import { globalStyle, keyframes, style } from '@vanilla-extract/css';
-
-export const settingButton = style({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  width: '26px',
-  height: '26px',
-  borderRadius: '4px',
-  cursor: 'pointer',
-  ':hover': {
-    backgroundColor: '#F5F5F5',
-  },
-  ':focus': {
-    backgroundColor: '#F5F5F5',
-    outline: 'none',
-  },
-});
-
-const slideDownAndFade = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: 'translateY(-2px)',
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'translateY(0)',
-  },
-});
-
-const slideLeftAndFade = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: 'translateX(2px)',
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'translateX(0)',
-  },
-});
-
-const slideRightAndFade = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: 'translateX(-2px)',
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'translateX(0)',
-  },
-});
-
-const slideUpAndFade = keyframes({
-  '0%': {
-    opacity: 0,
-    transform: 'translateY(2px)',
-  },
-  '100%': {
-    opacity: 1,
-    transform: 'translateY(0)',
-  },
-});
-
-export const popover = style({
-  borderRadius: '5px',
-  padding: '12px 12px',
-  display: 'flex',
-  flexDirection: 'row',
-  alignItems: 'center',
-  lineHeight: 1,
-  backgroundColor: variables.color.border,
-  boxShadow:
-    'hsl(206 22% 7% / 60%) 0px 10px 38px -10px, hsl(206 22% 7% / 30%) 0px 10px 20px -15px',
-
-  '@media': {
-    '(prefers-reduced-motion: no-preference)': {
-      animationDuration: '250ms',
-      animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',
-      animationFillMode: 'forwards',
-      willChange: 'transform, opacity',
-    },
-  },
-});
-
-globalStyle('popover:[data-side="top"]', { animationName: slideUpAndFade });
-globalStyle('popover:[data-side="right"]', {
-  animationName: slideRightAndFade,
-});
-globalStyle('popover:[data-side="bottom"]', {
-  animationName: slideDownAndFade,
-});
-globalStyle('popover:[data-side="left"]', { animationName: slideLeftAndFade });
-
-export const checkbox = style({
-  all: 'unset',
-  width: '1rem',
-  height: '1rem',
-  borderRadius: '0.25rem',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  transition: 'background-color 0.2s ease',
-  marginRight: '0.5rem',
-  ':hover': {
-    backgroundColor: '#F5F5F5',
-  },
-  ':focus': {
-    boxShadow: '0 0 0 2px #F5F5F5',
-  },
-});
diff --git a/src/components/Settings/index.tsx b/src/components/Settings/index.tsx
deleted file mode 100644
index a817edd6c..000000000
--- a/src/components/Settings/index.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-'use client';
-
-/* eslint-disable jsx-a11y/label-has-associated-control */
-import * as Checkbox from '@radix-ui/react-checkbox';
-import * as Popover from '@radix-ui/react-popover';
-import Box from '../Box';
-import * as styles from './Settings.css';
-
-interface Props {
-  id?: string;
-  status: boolean;
-  text: string;
-  onCheckedChange: (status: boolean) => void;
-}
-
-const Settings = ({ id, onCheckedChange, text, status }: Props) => {
-  return (
-    <Popover.Root>
-      <Popover.Trigger asChild>
-        <Box className={styles.settingButton}>
-          {status ? (
-            <svg
-              width="20"
-              height="20"
-              viewBox="0 0 24 24"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6V6ZM6 12C6 11.7348 6.10536 11.4804 6.29289 11.2929C6.48043 11.1054 6.73478 11 7 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12C18 12.2652 17.8946 12.5196 17.7071 12.7071C17.5196 12.8946 17.2652 13 17 13H7C6.73478 13 6.48043 12.8946 6.29289 12.7071C6.10536 12.5196 6 12.2652 6 12ZM10 17C9.73478 17 9.48043 17.1054 9.29289 17.2929C9.10536 17.4804 9 17.7348 9 18C9 18.2652 9.10536 18.5196 9.29289 18.7071C9.48043 18.8946 9.73478 19 10 19H14C14.2652 19 14.5196 18.8946 14.7071 18.7071C14.8946 18.5196 15 18.2652 15 18C15 17.7348 14.8946 17.4804 14.7071 17.2929C14.5196 17.1054 14.2652 17 14 17H10Z"
-                fill="#7D7D7D"
-              />
-              <circle cx="20" cy="6" r="3" fill="#7D7D7D" />
-            </svg>
-          ) : (
-            <svg
-              width="20"
-              height="20"
-              viewBox="0 0 24 24"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6V6ZM6 12C6 11.7348 6.10536 11.4804 6.29289 11.2929C6.48043 11.1054 6.73478 11 7 11H17C17.2652 11 17.5196 11.1054 17.7071 11.2929C17.8946 11.4804 18 11.7348 18 12C18 12.2652 17.8946 12.5196 17.7071 12.7071C17.5196 12.8946 17.2652 13 17 13H7C6.73478 13 6.48043 12.8946 6.29289 12.7071C6.10536 12.5196 6 12.2652 6 12ZM10 17C9.73478 17 9.48043 17.1054 9.29289 17.2929C9.10536 17.4804 9 17.7348 9 18C9 18.2652 9.10536 18.5196 9.29289 18.7071C9.48043 18.8946 9.73478 19 10 19H14C14.2652 19 14.5196 18.8946 14.7071 18.7071C14.8946 18.5196 15 18.2652 15 18C15 17.7348 14.8946 17.4804 14.7071 17.2929C14.5196 17.1054 14.2652 17 14 17H10Z"
-                fill="#7D7D7D"
-              />
-            </svg>
-          )}
-        </Box>
-      </Popover.Trigger>
-      <Popover.Content
-        className={styles.popover}
-        onOpenAutoFocus={e => e.preventDefault()}
-      >
-        <Checkbox.Root
-          checked={status}
-          onCheckedChange={() => onCheckedChange(!status)}
-          id={id ?? 'settings'}
-          className={styles.checkbox}
-        >
-          <Checkbox.Indicator asChild>
-            <svg
-              width="13"
-              height="10"
-              viewBox="0 0 13 10"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M1 5L4.5 8.5L11.5 1.5"
-                stroke="#7D7D7D"
-                strokeWidth="1.5"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              />
-            </svg>
-          </Checkbox.Indicator>
-        </Checkbox.Root>
-        <label htmlFor={id ?? 'settings'}>Show {text} only</label>
-      </Popover.Content>
-    </Popover.Root>
-  );
-};
-
-export default Settings;
diff --git a/src/components/SkipLink/SkipLink.css.ts b/src/components/SkipLink/SkipLink.css.ts
index 7d728a7f3..5c241bb14 100644
--- a/src/components/SkipLink/SkipLink.css.ts
+++ b/src/components/SkipLink/SkipLink.css.ts
@@ -1,18 +1,18 @@
 import { variables } from '@frontend/styles/variables.css';
 import { style } from '@vanilla-extract/css';
-import { calc } from '@vanilla-extract/css-utils';
 
 export const root = style({
   position: 'fixed',
   top: variables.spacing.sm,
   left: variables.spacing.sm,
-  padding: variables.spacing.sm,
-  transform: `translateY(${calc.subtract('-100%', variables.spacing.sm)})`,
-  ':focus': {
-    outlineWidth: '2px',
-    outlineStyle: 'solid',
-    outlineOffset: '2px',
-    outlineColor: variables.color.outline,
+  fontSize: variables.fontSize.sm,
+  paddingTop: variables.spacing.sm,
+  paddingBottom: variables.spacing.sm,
+  paddingRight: variables.spacing.md,
+  paddingLeft: variables.spacing.md,
+  transform: 'translateY(-100%)',
+  zIndex: 100,
+  ':focus-visible': {
     transform: 'none',
   },
 });
diff --git a/src/components/SkipLink/index.tsx b/src/components/SkipLink/index.tsx
index ca12241c4..9c86aec6f 100644
--- a/src/components/SkipLink/index.tsx
+++ b/src/components/SkipLink/index.tsx
@@ -1,11 +1,9 @@
 import * as styles from './SkipLink.css';
 
-const SkipLink = () => {
+export default function SkipLink() {
   return (
     <a href="#main" className={styles.root}>
       Skip to main content
     </a>
   );
-};
-
-export default SkipLink;
+}
diff --git a/src/components/SocialShare/SocialShare.css.ts b/src/components/SocialShare/SocialShare.css.ts
index f3ebe5d52..afca7d21b 100644
--- a/src/components/SocialShare/SocialShare.css.ts
+++ b/src/components/SocialShare/SocialShare.css.ts
@@ -12,7 +12,7 @@ export const item = style({
   cursor: 'pointer',
   width: '1.5rem',
   height: '1.5rem',
-  borderRadius: variables.radius.sm,
+  borderRadius: variables.radii.md,
   ':focus': {
     outline: 'transparent',
   },
diff --git a/src/components/SocialShare/index.tsx b/src/components/SocialShare/index.tsx
index 3fd2d988b..6a85145c6 100644
--- a/src/components/SocialShare/index.tsx
+++ b/src/components/SocialShare/index.tsx
@@ -7,7 +7,7 @@ import Link from '../Link';
 import Tooltip from '../Tooltip';
 import * as styles from './SocialShare.css';
 
-const SocialShare = () => {
+export default function SocialShare() {
   const pathname = usePathname();
   const { setToast } = useToast();
 
@@ -46,5 +46,4 @@ const SocialShare = () => {
       </Tooltip>
     </div>
   );
-};
-export default SocialShare;
+}
diff --git a/src/components/Spacer/index.tsx b/src/components/Spacer/index.tsx
index 5f1c23ae0..a4408e53e 100644
--- a/src/components/Spacer/index.tsx
+++ b/src/components/Spacer/index.tsx
@@ -1,9 +1,17 @@
-import { PartialPick } from '@frontend/types/style';
-import Box, { BoxProps } from '../Box';
+import { sprinkles, Sprinkles } from '@frontend/styles/sprinkles.css';
+import clsx from 'clsx';
+import { createElement } from 'react';
 
-export const Spacer = ({
-  height,
-  width,
-}: PartialPick<BoxProps<'span'>, 'width' | 'height'>) => {
-  return <Box as="span" display="block" height={height} width={width} />;
-};
+interface Props {
+  width?: Sprinkles['height'];
+  height?: Sprinkles['width'];
+}
+
+export default function Spacer({ height, width }: Props) {
+  return createElement('span', {
+    'aria-hidden': true,
+    className: clsx(
+      sprinkles({ display: width ? 'inline-block' : 'block', width, height }),
+    ),
+  });
+}
diff --git a/src/components/TalkItem/TalkItem.test.tsx b/src/components/TalkItem/TalkItem.test.tsx
deleted file mode 100644
index d4e9871fc..000000000
--- a/src/components/TalkItem/TalkItem.test.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import render from '@frontend/test/render';
-import { screen } from '@testing-library/react';
-import React from 'react';
-import talks from '../__tests__/__mocks__/talk';
-import TalkItem from '.';
-
-describe('TalkItem', () => {
-  test('renders TalkItem', () => {
-    const talk = talks[0];
-    render(<TalkItem talk={talk} />);
-
-    const title = screen.getByText(talk.title);
-    expect(title).toBeInTheDocument();
-
-    const description = screen.getByText(talk.description);
-    expect(description).toBeInTheDocument();
-
-    const date = screen.getByTestId('talk-date');
-    expect(date).toBeInTheDocument();
-
-    const slides = screen.getByRole('link', {
-      name: 'Slides',
-    });
-
-    expect(slides).toHaveAttribute('href', talk.slideUrl);
-  });
-});
diff --git a/src/components/TalkItem/index.tsx b/src/components/TalkItem/index.tsx
index 8434d3929..ac01101be 100644
--- a/src/components/TalkItem/index.tsx
+++ b/src/components/TalkItem/index.tsx
@@ -1,9 +1,9 @@
 import imageService from '@frontend/services/imageService';
 import { variables } from '@frontend/styles/variables.css';
 import { Talk } from '@frontend/types/sanity';
+import Image from 'next/image';
 import Box from '../Box';
 import FormattedDate from '../FormattedDate';
-import { Image } from '../Image';
 import Link from '../Link';
 import Text from '../Text';
 import * as styles from './TalkItem.css';
@@ -29,14 +29,13 @@ const TalkItem = ({ talk }: Props) => {
                 alt={talk.title}
                 width={400}
                 height={300}
-                rounded
                 style={{
                   marginBottom: variables.spacing.sm,
                 }}
               />
             )}
           </Box>
-          <Text fontSize="xxl" fontWeight="bold" marginBottom="md">
+          <Text fontSize="xxl" fontWeight="bold">
             {talk.title}
           </Text>
           <Text
diff --git a/src/components/Text/Text.css.ts b/src/components/Text/Text.css.ts
index 9860d8b9d..66f2cdfe5 100644
--- a/src/components/Text/Text.css.ts
+++ b/src/components/Text/Text.css.ts
@@ -1,9 +1,9 @@
 import { variables } from '@frontend/styles/variables.css';
 import { style } from '@vanilla-extract/css';
 
-export const root = style({
-  maxWidth: variables.contentWidth.container,
-});
+// export const root = style({
+//   maxWidth: variables.contentWidth.prose,
+// });
 
 export const gradient = style({
   backgroundImage: `linear-gradient(to bottom right, ${variables.color.foreground}, ${variables.color.foregroundNeutral})`,
diff --git a/src/components/Text/index.tsx b/src/components/Text/index.tsx
index 7660e489a..f250fbcba 100644
--- a/src/components/Text/index.tsx
+++ b/src/components/Text/index.tsx
@@ -1,50 +1,60 @@
-import { Sprinkles, sprinkles } from '@frontend/styles/sprinkles.css';
+import { sprinkles, Sprinkles } from '@frontend/styles/sprinkles.css';
 import { PolymorphicComponentProps } from '@frontend/types/style';
 import clsx from 'clsx';
-import { ElementType, createElement } from 'react';
+// eslint-disable-next-line camelcase
+import { Instrument_Serif } from 'next/font/google';
+import { createElement, ElementType } from 'react';
 import * as styles from './Text.css';
 
-type TextProps<T extends ElementType> = PolymorphicComponentProps<
-  T,
+const instrumentSerif = Instrument_Serif({
+  weight: '400',
+  style: 'italic',
+  display: 'swap',
+  subsets: ['latin'],
+});
+
+type TextProps<TElement extends ElementType> = PolymorphicComponentProps<
+  TElement,
   {
     as?: 'p' | 'span' | 'strong' | 'em' | 'time';
     fontFamily?: Sprinkles['fontFamily'];
     fontSize?: Sprinkles['fontSize'];
     fontWeight?: Sprinkles['fontWeight'];
-    marginBottom?: Sprinkles['marginBottom'];
-    color?: Extract<
-      Sprinkles['color'],
-      'foreground' | 'foregroundNeutral' | 'foregroundAction'
-    >;
-    textTransform?: Sprinkles['textTransform'];
+    color?: Extract<Sprinkles['color'], 'foreground' | 'foregroundNeutral'>;
+    maxWidth?: Sprinkles['maxWidth'];
     gradient?: boolean;
+    testId?: string;
   }
 >;
 
-const Text = <TElement extends ElementType = 'p'>({
+export default function Text<TElement extends ElementType = 'p'>({
   as,
   fontFamily,
   fontSize = 'md',
   fontWeight = 'normal',
   color = 'foreground',
   gradient = false,
+  maxWidth = 'prose',
+  testId,
   ...rest
-}: TextProps<TElement>) => {
+}: TextProps<TElement>) {
   const component = as || 'p';
+
   return createElement(component, {
     className: clsx(
-      styles.root,
-      {
-        [styles.gradient]: gradient,
-      },
       sprinkles({
+        maxWidth,
         fontFamily,
         fontSize,
         fontWeight,
         color,
       }),
+      {
+        [styles.gradient]: gradient,
+        [instrumentSerif.className]: fontFamily === 'serif',
+      },
     ),
+    'data-testid': testId,
     ...rest,
   });
-};
-export default Text;
+}
diff --git a/src/components/TextScrambler/TextScrambler.css.ts b/src/components/TextScrambler/TextScrambler.css.ts
new file mode 100644
index 000000000..442db9049
--- /dev/null
+++ b/src/components/TextScrambler/TextScrambler.css.ts
@@ -0,0 +1,15 @@
+import { style } from '@vanilla-extract/css';
+
+export const root = style({
+  display: 'inline-grid',
+});
+
+export const placeholder = style({
+  gridArea: '1/1',
+  opacity: 0,
+  pointerEvents: 'none',
+});
+
+export const scrambled = style({
+  gridArea: '1/1',
+});
diff --git a/src/components/TextScrambler/index.tsx b/src/components/TextScrambler/index.tsx
new file mode 100644
index 000000000..5b2e0009b
--- /dev/null
+++ b/src/components/TextScrambler/index.tsx
@@ -0,0 +1,50 @@
+import useInterval from '@frontend/hooks/useInterval';
+import { useMounted } from '@frontend/hooks/useMounted';
+import { useReducedMotion } from 'framer-motion';
+import * as React from 'react';
+import * as styles from './TextScrambler.css';
+import { getScrambledState } from './util';
+
+interface TextScramblerProps {
+  children: string;
+  speed?: number;
+}
+
+const TextScrambler = ({ children, speed = 0.5 }: TextScramblerProps) => {
+  const { isMounted } = useMounted();
+  const shouldReduceMotion = useReducedMotion();
+  const size = children.length;
+
+  const [[unscrambled, scrambled], setScrambledText] = React.useState(
+    getScrambledState(children, size, 0),
+  );
+  const [count, increment] = React.useReducer(state => state + 1, 0);
+  const finished = count > size;
+
+  useInterval(
+    () => {
+      increment();
+      setScrambledText(getScrambledState(children, size, count));
+    },
+    finished ? 0 : 30 / speed,
+  );
+
+  if (isMounted && shouldReduceMotion) {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return <>{children}</>;
+  }
+
+  return (
+    <span className={styles.root}>
+      <span className={styles.placeholder}>{children}</span>
+      {isMounted ? (
+        <span className={styles.scrambled} aria-hidden>
+          {unscrambled}
+          {scrambled}
+        </span>
+      ) : null}
+    </span>
+  );
+};
+
+export { TextScrambler };
diff --git a/src/components/TextScrambler/util.ts b/src/components/TextScrambler/util.ts
new file mode 100644
index 000000000..987947cb0
--- /dev/null
+++ b/src/components/TextScrambler/util.ts
@@ -0,0 +1,103 @@
+const CHARACTERS = [
+  'A',
+  'a',
+  'B',
+  'b',
+  'C',
+  'c',
+  'D',
+  'd',
+  'E',
+  'e',
+  'F',
+  'f',
+  'G',
+  'g',
+  'H',
+  'h',
+  'I',
+  'i',
+  'J',
+  'j',
+  'K',
+  'k',
+  'L',
+  'l',
+  'M',
+  'm',
+  'N',
+  'n',
+  'O',
+  'o',
+  'P',
+  'p',
+  'Q',
+  'q',
+  'R',
+  'r',
+  'S',
+  's',
+  'T',
+  't',
+  'U',
+  'u',
+  'V',
+  'v',
+  'W',
+  'w',
+  'X',
+  'x',
+  'Y',
+  'y',
+  'Z',
+  'z',
+  '~',
+  '!',
+  '@',
+  '#',
+  '$',
+  '%',
+  '^',
+  '&',
+  '*',
+  '(',
+  ')',
+  '-',
+  '+',
+  '=',
+  '[',
+  ']',
+  '{',
+  '}',
+  '|',
+  ';',
+  ':',
+  ',',
+  '.',
+  '/',
+  '<',
+  '>',
+  '?',
+];
+
+const scramble = (text: string) => {
+  const chars = text.split('');
+  const obfuscatedChars = chars.map(char => {
+    if (/^\s$/.test(char)) {
+      return char;
+    }
+    const randomIndex = Math.floor(Math.random() * CHARACTERS.length);
+    return CHARACTERS[randomIndex];
+  });
+  return obfuscatedChars.join('');
+};
+
+export const getScrambledState = (
+  text: string,
+  windowSize: number,
+  windowStart: number,
+) => {
+  const unscrambled = text.slice(0, windowStart);
+  const scrambled = scramble(text.slice(windowStart, windowStart + windowSize));
+  return [unscrambled, scrambled];
+};
diff --git a/src/components/ThemeSelect/ThemeSelect.css.ts b/src/components/ThemeSelect/ThemeSelect.css.ts
index e80b0d499..0d0d186a6 100644
--- a/src/components/ThemeSelect/ThemeSelect.css.ts
+++ b/src/components/ThemeSelect/ThemeSelect.css.ts
@@ -23,8 +23,8 @@ export const icon = style({
 export const select = style({
   border: '1px solid',
   borderColor: variables.color.border,
-  paddingTop: variables.spacing.xs,
-  paddingBottom: variables.spacing.xs,
+  paddingTop: '5px',
+  paddingBottom: '5px',
   paddingRight: calc.add(
     calc.multiply(variables.spacing.sm, 2),
     variables.spacing.md,
@@ -35,7 +35,7 @@ export const select = style({
   ),
   height: '2rem',
   fontSize: variables.fontSize.sm,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   textAlign: 'left',
   ':focus': {
     outline: 'transparent',
diff --git a/src/components/ThemeSelect/__snapshots__/ThemeSelect.test.tsx.snap b/src/components/ThemeSelect/__snapshots__/ThemeSelect.test.tsx.snap
index aa62dcf9a..170813e33 100644
--- a/src/components/ThemeSelect/__snapshots__/ThemeSelect.test.tsx.snap
+++ b/src/components/ThemeSelect/__snapshots__/ThemeSelect.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`ThemeSelect defaults to system theme 1`] = `
   </script>
   <span
     class="VisuallyHidden_root__rd7gei0"
+    id="visually-hidden"
   >
     <label
       for="theme-select"
@@ -55,6 +56,7 @@ exports[`ThemeSelect defaults to system theme 1`] = `
     </span>
     <span
       class="VisuallyHidden_root__rd7gei0"
+      id="visually-hidden"
     >
       <label
         for="theme-select"
diff --git a/src/components/Toaster/Toaster.css.ts b/src/components/Toaster/Toaster.css.ts
index c8c5639a5..005b44eb7 100644
--- a/src/components/Toaster/Toaster.css.ts
+++ b/src/components/Toaster/Toaster.css.ts
@@ -17,7 +17,7 @@ export const root = style({
   padding: variables.spacing.lg,
   backgroundColor: variables.color.surface,
   border: `1px solid ${variables.color.border}`,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
 });
 
 export const title = style({
@@ -38,7 +38,7 @@ export const close = style({
   height: variables.spacing.xxl,
   display: 'grid',
   placeItems: 'center',
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   cursor: 'pointer',
   transitionTimingFunction: 'ease-in-out',
   transitionDuration: '200ms',
@@ -58,7 +58,7 @@ export const closeHighlight = style({
   position: 'absolute',
   inset: 0,
   backgroundColor: variables.color.surfaceHover,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   opacity: 0,
   transform: 'scale(0)',
   transition: 'all ease-in-out 200ms',
diff --git a/src/components/Tooltip/Tooltip.css.ts b/src/components/Tooltip/Tooltip.css.ts
index 7a9011c47..891b472e9 100644
--- a/src/components/Tooltip/Tooltip.css.ts
+++ b/src/components/Tooltip/Tooltip.css.ts
@@ -13,7 +13,7 @@ const slideUp = keyframes({
 
 export const content = style({
   padding: variables.spacing.sm,
-  borderRadius: variables.radius.md,
+  borderRadius: variables.radii.md,
   fontSize: variables.fontSize.sm,
   backgroundColor: variables.color.surface,
   color: variables.color.foreground,
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
index c467730c6..73fe60e91 100644
--- a/src/components/Tooltip/index.tsx
+++ b/src/components/Tooltip/index.tsx
@@ -4,14 +4,14 @@ import * as styles from './Tooltip.css';
 
 type Props = TooltipProps & { content: string };
 
-const Tooltip = ({
+export default function Tooltip({
   children,
   content,
   open,
   defaultOpen,
   onOpenChange,
   ...props
-}: Props) => {
+}: Props) {
   return (
     <TooltipPrimitive.Root
       open={open}
@@ -29,5 +29,4 @@ const Tooltip = ({
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Root>
   );
-};
-export default Tooltip;
+}
diff --git a/src/components/VisuallyHidden/index.tsx b/src/components/VisuallyHidden/index.tsx
index dd739d9ba..57d0ae548 100644
--- a/src/components/VisuallyHidden/index.tsx
+++ b/src/components/VisuallyHidden/index.tsx
@@ -1,23 +1,24 @@
 import { PolymorphicComponentProps } from '@frontend/types/style';
-import { ElementType, ReactNode, createElement } from 'react';
+import { createElement, ElementType, ReactNode } from 'react';
 import * as styles from './VisuallyHidden.css';
 
-type VisuallyHiddenProps<T extends ElementType> = PolymorphicComponentProps<
-  T,
-  {
-    as?: keyof JSX.IntrinsicElements;
-    children: ReactNode;
-  }
->;
+type VisuallyHiddenProps<TElement extends ElementType> =
+  PolymorphicComponentProps<
+    TElement,
+    {
+      as?: TElement;
+      children: ReactNode;
+    }
+  >;
 
-const VisuallyHidden = <T extends ElementType = 'span'>({
+export default function VisuallyHidden<TElement extends ElementType = 'span'>({
   as,
   ...rest
-}: VisuallyHiddenProps<T>) => {
+}: VisuallyHiddenProps<TElement>) {
   const component = as || 'span';
   return createElement(component, {
     className: styles.root,
+    id: 'visually-hidden',
     ...rest,
   });
-};
-export default VisuallyHidden;
+}
diff --git a/src/components/Button/Button.css.ts b/src/components/WorkItem/WorkItem.css.ts
similarity index 53%
rename from src/components/Button/Button.css.ts
rename to src/components/WorkItem/WorkItem.css.ts
index 4778f36d5..faa417905 100644
--- a/src/components/Button/Button.css.ts
+++ b/src/components/WorkItem/WorkItem.css.ts
@@ -1,12 +1,14 @@
 import { variables } from '@frontend/styles/variables.css';
 import { style } from '@vanilla-extract/css';
 
-export const root = style({
-  padding: `${variables.spacing.sm} ${variables.spacing.md}`,
-  backgroundColor: variables.color.surfaceStrong,
-  color: variables.color.foregroundHighContrast,
-  borderRadius: variables.radius.md,
-  border: '1px solid transparent',
+export const content = style({
+  width: '100%',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+});
+
+export const anchor = style({
   ':focus': {
     outline: 'transparent',
   },
@@ -17,3 +19,7 @@ export const root = style({
     outlineColor: variables.color.outline,
   },
 });
+
+export const image = style({
+  borderRadius: '8px',
+});
diff --git a/src/components/WorkItem/index.tsx b/src/components/WorkItem/index.tsx
new file mode 100644
index 000000000..e38b34e9d
--- /dev/null
+++ b/src/components/WorkItem/index.tsx
@@ -0,0 +1,45 @@
+import imageService from '@frontend/services/imageService';
+import { Work } from '@frontend/types/sanity';
+import Image from 'next/image';
+import Link from 'next/link';
+import Box from '../Box';
+import Heading from '../Heading';
+import Spacer from '../Spacer';
+import Text from '../Text';
+import * as styles from './WorkItem.css';
+
+interface Props {
+  work: Work;
+}
+
+export default function WorkItem({ work }: Props) {
+  return (
+    <Link href={`/work/${work.slug.current}`}>
+      <Box display="flex" alignItems="flex-start" gap="md">
+        <Box display="flex" flexShrink={0} marginTop="xs" marginBottom="sm">
+          <Image
+            src={imageService.urlFor(work.image.asset)}
+            priority
+            width={64}
+            height={64}
+            alt={work.image.alt ?? work.title}
+            className={styles.image}
+            style={{
+              maxWidth: '100%',
+              height: 'auto',
+              objectFit: 'cover',
+            }}
+          />
+        </Box>
+
+        <Box paddingBottom="lg" className={styles.content}>
+          <Heading as="h3" fontSize="xl" style={{ lineHeight: 1.2 }}>
+            {work.title}
+          </Heading>
+          <Spacer height="sm" />
+          <Text>{work.intro}</Text>
+        </Box>
+      </Box>
+    </Link>
+  );
+}
diff --git a/src/components/Works/Works.css.ts b/src/components/Works/Works.css.ts
new file mode 100644
index 000000000..29d5fb71e
--- /dev/null
+++ b/src/components/Works/Works.css.ts
@@ -0,0 +1,89 @@
+import { style } from '@vanilla-extract/css';
+
+export const scrollAreaRoot = style({
+  position: 'relative',
+  overflow: 'hidden',
+  width: '100%',
+  height: '100%',
+});
+
+export const scrollAreaViewport = style({
+  width: '100%',
+  height: '100%',
+  display: 'flex',
+  flexDirection: 'row',
+  gap: '1rem',
+});
+
+export const horizontalList = style({
+  display: 'flex',
+  flexDirection: 'row',
+  gap: '2rem',
+  padding: '1rem',
+});
+
+export const listItem = style({
+  display: 'inline-block',
+  minWidth: '220px',
+});
+
+export const card = style({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'flex-start',
+  textAlign: 'left',
+  padding: '1rem',
+  borderRadius: '8px',
+});
+
+export const imageContainer = style({
+  position: 'relative',
+  width: '220px',
+  height: '275px',
+  marginBottom: '1rem',
+  borderRadius: '8px',
+  overflow: 'hidden',
+});
+
+export const image = style({
+  width: '100%',
+  height: '100%',
+  objectFit: 'cover',
+  filter: 'brightness(0.8)',
+});
+
+export const title = style({
+  fontSize: '1rem',
+  fontWeight: 'bold',
+  marginTop: '0.5rem',
+});
+
+export const scrollAreaScrollbar = style({
+  display: 'flex',
+  userSelect: 'none',
+  touchAction: 'none',
+  padding: '2px',
+  background: 'rgba(0,0,0,0.1)',
+  transition: 'background 160ms ease-out',
+  ':hover': {
+    background: 'rgba(0,0,0,0.2)',
+  },
+});
+
+export const scrollAreaThumb = style({
+  flex: 1,
+  background: 'rgba(0,0,0,0.5)',
+  borderRadius: '10px',
+  position: 'relative',
+  '::before': {
+    content: '""',
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    width: '100%',
+    height: '100%',
+    minWidth: '44px',
+    minHeight: '44px',
+    transform: 'translate(-50%, -50%)',
+  },
+});
diff --git a/src/components/Works/index.tsx b/src/components/Works/index.tsx
new file mode 100644
index 000000000..3dbd314b4
--- /dev/null
+++ b/src/components/Works/index.tsx
@@ -0,0 +1,57 @@
+import imageService from '@frontend/services/imageService';
+import { Work } from '@frontend/types/sanity';
+import * as ScrollArea from '@radix-ui/react-scroll-area';
+import orderBy from 'lodash/orderBy';
+import Image from 'next/image';
+import Box from '../Box';
+import Heading from '../Heading';
+import Link from '../Link';
+import * as styles from './Works.css';
+
+interface Props {
+  works: Work[];
+}
+
+export default function Works({ works }: Props) {
+  // Order works by publishedAt date in descending order
+  const orderedWorks = orderBy(works, ['publishedAt'], ['desc']);
+
+  return (
+    <ScrollArea.Root className={styles.scrollAreaRoot}>
+      <ScrollArea.Viewport className={styles.scrollAreaViewport}>
+        <div className={styles.horizontalList}>
+          {orderedWorks &&
+            orderedWorks.map(item => (
+              <Link key={item._id} href={`/works/${item.slug.current}`}>
+                <div key={item._id} className={styles.listItem}>
+                  <Box className={styles.card}>
+                    <div className={styles.imageContainer}>
+                      <Image
+                        src={imageService.urlFor(item.image.asset)}
+                        alt={item.image.alt || item.title}
+                        className={styles.image}
+                        fill
+                        sizes="100vw"
+                        style={{
+                          objectFit: 'cover',
+                        }}
+                      />
+                    </div>
+                    <Heading as="h3" className={styles.title}>
+                      {item.title}
+                    </Heading>
+                  </Box>
+                </div>
+              </Link>
+            ))}
+        </div>
+      </ScrollArea.Viewport>
+      <ScrollArea.Scrollbar
+        orientation="horizontal"
+        className={styles.scrollAreaScrollbar}
+      >
+        <ScrollArea.Thumb className={styles.scrollAreaThumb} />
+      </ScrollArea.Scrollbar>
+    </ScrollArea.Root>
+  );
+}
diff --git a/src/components/__tests__/ErrorContent.test.tsx b/src/components/__tests__/ErrorContent.test.tsx
new file mode 100644
index 000000000..f61021d61
--- /dev/null
+++ b/src/components/__tests__/ErrorContent.test.tsx
@@ -0,0 +1,55 @@
+import { render, screen } from '@testing-library/react';
+import React from 'react';
+import ErrorContent from '../ErrorContent';
+
+describe('ErrorContent Component', () => {
+  test('renders 404 error content correctly', () => {
+    render(<ErrorContent statusCode="404" title="Page Not Found" />);
+
+    expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
+      'Page Not Found',
+    );
+    expect(
+      screen.getByText("If you typed the web address, check it's correct."),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        'If you copied and pasted the web address, check you copied the entire address.',
+      ),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(
+        'If the web address is correct or you clicked a link or button and ended up on this page, please raise a',
+      ),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: 'GitHub issue' })).toHaveAttribute(
+      'href',
+      'https://github.com/luke-h1/lhowsam.com/issues',
+    );
+    expect(screen.getByRole('link', { name: 'Go Home' })).toHaveAttribute(
+      'href',
+      '/',
+    );
+  });
+
+  test('renders 500 error content correctly', () => {
+    render(<ErrorContent statusCode="500" title="Internal Server Error" />);
+
+    expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
+      'Internal Server Error',
+    );
+    expect(
+      screen.getByText(
+        'It looks like something went wrong. Please try again later. In the meantime, please raise a',
+      ),
+    ).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: 'GitHub issue' })).toHaveAttribute(
+      'href',
+      'https://github.com/luke-h1/lhowsam.com/issues',
+    );
+    expect(screen.getByRole('link', { name: 'Go Home' })).toHaveAttribute(
+      'href',
+      '/',
+    );
+  });
+});
diff --git a/src/components/__tests__/VisuallyHidden.test.tsx b/src/components/__tests__/VisuallyHidden.test.tsx
new file mode 100644
index 000000000..033fce3dc
--- /dev/null
+++ b/src/components/__tests__/VisuallyHidden.test.tsx
@@ -0,0 +1,29 @@
+import render from '@frontend/test/render';
+import VisuallyHidden from '../VisuallyHidden';
+
+describe('VisuallyHidden', () => {
+  test('renders correctly with no `as` prop', () => {
+    const { container } = render(<VisuallyHidden>Test</VisuallyHidden>);
+
+    expect(container.querySelector('#visually-hidden')).toHaveTextContent(
+      'Test',
+    );
+
+    expect(container.querySelector('#visually-hidden')).toHaveProperty(
+      'tagName',
+      'SPAN',
+    );
+  });
+
+  test('renders correctly with `as` props', () => {
+    const { container } = render(<VisuallyHidden as="h1">Test</VisuallyHidden>);
+
+    expect(container.querySelector('#visually-hidden')).toHaveTextContent(
+      'Test',
+    );
+    expect(container.querySelector('#visually-hidden')).toHaveProperty(
+      'tagName',
+      'H1',
+    );
+  });
+});
diff --git a/src/components/sanity/CustomMarkdownInput.tsx b/src/components/sanity/CustomMarkdownInput.tsx
new file mode 100644
index 000000000..321a875ee
--- /dev/null
+++ b/src/components/sanity/CustomMarkdownInput.tsx
@@ -0,0 +1,21 @@
+// CustomMarkdownInput.tsx
+import { useMemo } from 'react';
+import { MarkdownInput, MarkdownInputProps } from 'sanity-plugin-markdown';
+
+export default function CustomMarkdownInput(
+  props: JSX.IntrinsicAttributes & MarkdownInputProps,
+) {
+  const reactMdeProps: MarkdownInputProps['reactMdeProps'] = useMemo(() => {
+    return {
+      options: {
+        inputStyle: 'contenteditable', // fix for grammarly / native spell check not working
+        // more options available, see:
+        // https://github.com/Ionaru/easy-markdown-editor#options-list
+      },
+      // more props available, see:
+      // https://github.com/RIP21/react-simplemde-editor#react-simplemde-easymde-markdown-editor
+    };
+  }, []);
+
+  return <MarkdownInput {...props} reactMdeProps={reactMdeProps} />;
+}
diff --git a/src/components/sanity/Preview.tsx b/src/components/sanity/Preview.tsx
new file mode 100644
index 000000000..32c776911
--- /dev/null
+++ b/src/components/sanity/Preview.tsx
@@ -0,0 +1,99 @@
+// studio/component/preview.tsx
+import {
+  Box,
+  Button,
+  Card,
+  Flex,
+  Spinner,
+  Text,
+  ThemeProvider,
+} from '@sanity/ui';
+import { useEffect, useState, useRef } from 'react';
+import { AiOutlineReload } from 'react-icons/ai';
+import { BiLinkExternal } from 'react-icons/bi';
+import { SanityDocument } from 'sanity';
+import resolveProductionUrl from './util/resolveProductionUrl';
+
+export function PreviewIFrame(props: {
+  options: unknown;
+  document: SanityDocument;
+}) {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { options, document } = props;
+  const [id, setId] = useState(1);
+  const { displayed } = document;
+  const [displayUrl, setDisplayUrl] = useState('');
+  const iframe = useRef<HTMLIFrameElement>(null);
+
+  function handleReload() {
+    if (!iframe?.current) {
+      return;
+    }
+    setId(id + 1);
+  }
+  useEffect(() => {
+    function getUrl() {
+      const productionUrl =
+        resolveProductionUrl(displayed as unknown as SanityDocument) ?? '';
+      setDisplayUrl(productionUrl);
+    }
+    getUrl();
+  }, [displayed]);
+
+  if (displayUrl === '')
+    return (
+      <ThemeProvider>
+        <Flex padding={5} align="center" justify="center">
+          <Spinner />
+        </Flex>
+      </ThemeProvider>
+    );
+
+  return (
+    <ThemeProvider>
+      <Flex direction="column" style={{ height: `100%` }}>
+        <Card padding={2} borderBottom>
+          <Flex align="center" gap={2}>
+            <Box flex={1}>
+              <Text size={0} textOverflow="ellipsis">
+                {displayUrl}
+              </Text>
+            </Box>
+            <Flex align="center" gap={1}>
+              <Button
+                fontSize={[1]}
+                padding={2}
+                icon={AiOutlineReload}
+                title="Reload"
+                text="Reload"
+                aria-label="Reload"
+                onClick={() => handleReload()}
+              />
+              <Button
+                fontSize={[1]}
+                icon={BiLinkExternal}
+                padding={[2]}
+                text="Open"
+                tone="primary"
+                onClick={() => window.open(displayUrl)}
+              />
+            </Flex>
+          </Flex>
+        </Card>
+        <Card tone="transparent" padding={0} style={{ height: `100%` }}>
+          <Flex align="center" justify="center" style={{ height: `100%` }}>
+            <iframe
+              key={id}
+              ref={iframe}
+              title="preview"
+              style={{ width: '100%', height: `100%`, maxHeight: `100%` }}
+              src={displayUrl}
+              referrerPolicy="origin-when-cross-origin"
+              frameBorder={0}
+            />
+          </Flex>
+        </Card>
+      </Flex>
+    </ThemeProvider>
+  );
+}
diff --git a/src/components/sanity/util/defaultDocumentNode.ts b/src/components/sanity/util/defaultDocumentNode.ts
new file mode 100644
index 000000000..a57bf3dc0
--- /dev/null
+++ b/src/components/sanity/util/defaultDocumentNode.ts
@@ -0,0 +1,25 @@
+import { DefaultDocumentNodeResolver } from 'sanity/structure';
+import { PreviewIFrame } from '../Preview';
+
+const defaultDocumentNode: DefaultDocumentNodeResolver = (
+  S,
+  { schemaType },
+) => {
+  switch (schemaType) {
+    case 'post': {
+      return S.document().views([
+        S.view.form(),
+        S.view.component(PreviewIFrame).options({}).title('Preview'),
+      ]);
+    }
+    case 'project': {
+      return S.document().views([
+        S.view.form(),
+        S.view.component(PreviewIFrame).options({}).title('Preview'),
+      ]);
+    }
+    default:
+      return S.document().views([S.view.form()]);
+  }
+};
+export default defaultDocumentNode;
diff --git a/src/components/sanity/util/resolveProductionUrl.ts b/src/components/sanity/util/resolveProductionUrl.ts
new file mode 100644
index 000000000..fb3964f64
--- /dev/null
+++ b/src/components/sanity/util/resolveProductionUrl.ts
@@ -0,0 +1,29 @@
+// resolveProductionUrl.ts
+import type { SanityDocument, Slug } from 'sanity';
+
+const previewSecret = process.env.SANITY_STUDIO_DRAFT_SECRET;
+const remoteUrl = process.env.NEXT_PUBLIC_URL;
+
+const localUrl = `http://localhost:3000`;
+
+function getSlug(slug: Slug) {
+  if (!slug) {
+    return '/';
+  }
+  if (slug.current) {
+    return slug.current;
+  }
+  return '/';
+}
+
+export default function resolveProductionUrl(doc: SanityDocument) {
+  const baseUrl =
+    window.location.hostname === 'localhost' ? localUrl : remoteUrl;
+  const previewUrl = new URL(baseUrl);
+  const { slug } = doc;
+  previewUrl.pathname = `/api/draft`;
+  previewUrl.searchParams.append(`secret`, previewSecret);
+  previewUrl.searchParams.append(`slug`, getSlug(slug as unknown as Slug));
+  previewUrl.searchParams.append(`type`, doc._type);
+  return previewUrl.toString().replaceAll('%2F', '/');
+}
diff --git a/src/config/jobs.ts b/src/config/jobs.ts
new file mode 100644
index 000000000..618b026a8
--- /dev/null
+++ b/src/config/jobs.ts
@@ -0,0 +1,62 @@
+interface Job {
+  id: number;
+  title: string;
+  location: string;
+  startDate: string;
+  endDate?: string;
+  description: string;
+}
+
+export interface Company {
+  id: number;
+  title: string;
+  jobs: Job[];
+}
+
+const companies: Company[] = [
+  {
+    id: 1,
+    title: 'Hive IT',
+    jobs: [
+      {
+        id: 1,
+        title: 'Junior Software Tester',
+        location: 'Sheffield, UK',
+        startDate: '05/10/2020',
+        endDate: '01/05/2021',
+        description: `Worked as a Junior software tester to take over from the previous tester. Built up testing skills both automated and manual to aid in the maintenance of large and small projects`,
+      },
+      {
+        id: 2,
+        title: 'Software Tester',
+        location: 'Sheffield, UK',
+        startDate: '01/05/2021',
+        endDate: '01/05/2022',
+        description: `Worked on improving the existing testing culture within the company to reduce technical debt and improve happiness`,
+      },
+      {
+        id: 3,
+        title: 'Software Engineer',
+        location: 'Sheffield, UK',
+        startDate: '01/05/2022',
+        endDate: '11/08/2023',
+        description: `Worked as a full-stack software engineer at a local digital agency mainly on government and charity projects. Responsible for driving DevOps + internal process improvement, feature + maintenance tasks ,presenting technical proof of concepts to stakeholders and supporting + mentoring teammates`,
+      },
+    ],
+  },
+  {
+    id: 2,
+    title: 'Sky Betting & Gaming',
+    jobs: [
+      {
+        id: 4,
+        title: 'Software Engineer',
+        location: 'Leeds, UK',
+        startDate: '14/08/2023',
+        endDate: '14/11/2024',
+        description: `Worked within the GLS (Game Launch Service) squad that provided game-launching capabilities for all gaming content across the business in addition to Reality Check (a safer gambling tool). Responsible for maintaining internal NPM packages, shared SDKs, web apps, serverless functions, driving DevOps improvements, monitoring our services (NewRelic, Grafana & Prometheus), supporting + mentoring teammates and captain duties (support queries etc.)`,
+      },
+    ],
+  },
+];
+export default companies;
diff --git a/src/data/jobs.ts b/src/data/jobs.ts
deleted file mode 100644
index 0e92633ca..000000000
--- a/src/data/jobs.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Job } from '@frontend/types/experience';
-
-const jobs: Job[] = [
-  {
-    id: 1,
-    title: 'Junior Software Tester',
-    company: 'Hive IT',
-    location: 'Sheffield, UK',
-    type: 'hybrid',
-    startDate: '15-10-2020',
-    endDate: '15-05-2021',
-    description:
-      'Worked as a Junior software tester to take over from the previous tester. Built up testing skills both automated and manual to aid in the maintenance of large and small projects',
-    tags: [],
-  },
-  {
-    id: 2,
-    title: 'Software Tester',
-    company: 'Hive IT',
-    location: 'Shefield, UK',
-    type: 'hybrid',
-    startDate: '24-05-2021',
-    endDate: '11-05-2022',
-    description:
-      'Worked on improving the existing testing culture within the company to reduce technical debt and improve happiness.',
-    tags: [],
-  },
-];
-
-export default jobs;
diff --git a/src/hooks/useInterval.ts b/src/hooks/useInterval.ts
new file mode 100644
index 000000000..7ce2b2a9c
--- /dev/null
+++ b/src/hooks/useInterval.ts
@@ -0,0 +1,30 @@
+import { useCallback, useEffect, useRef } from 'react';
+
+type CancelInterval = () => void;
+
+/**
+ * Call a {@param callback} at a regular
+ * {@param delay} interval (in milliseconds).
+ */
+export default function useInterval(
+  callback: () => void,
+  delay: number,
+): [CancelInterval] {
+  const savedCallback = useRef<() => void>(callback);
+  savedCallback.current = callback;
+
+  const interval = useRef<NodeJS.Timeout>();
+
+  const cancelInterval = useCallback(() => {
+    if (interval.current) {
+      clearInterval(interval.current);
+    }
+  }, []);
+
+  useEffect(() => {
+    interval.current = setInterval(() => savedCallback.current(), delay);
+    return cancelInterval;
+  }, [cancelInterval, delay]);
+
+  return [cancelInterval];
+}
diff --git a/src/schemas/fields/altField.ts b/src/schemas/fields/altField.ts
new file mode 100644
index 000000000..858572915
--- /dev/null
+++ b/src/schemas/fields/altField.ts
@@ -0,0 +1,13 @@
+import { defineField } from 'sanity';
+
+const altField = () => {
+  return defineField({
+    title: 'Alt',
+    name: 'alt',
+    description: 'Alternative text for image',
+    type: 'text',
+    rows: 3,
+    validation: rule => rule.required(),
+  });
+};
+export default altField;
diff --git a/src/schemas/index.ts b/src/schemas/index.ts
new file mode 100644
index 000000000..414a57530
--- /dev/null
+++ b/src/schemas/index.ts
@@ -0,0 +1,7 @@
+import post from './post';
+import project from './project';
+import tag from './tag';
+import talk from './talk';
+import work from './work';
+
+export const schemaTypes = [post, project, tag, talk, work];
diff --git a/src/schemas/post.ts b/src/schemas/post.ts
new file mode 100644
index 000000000..32c4e8982
--- /dev/null
+++ b/src/schemas/post.ts
@@ -0,0 +1,67 @@
+import { defineType, defineField } from 'sanity';
+import altField from './fields/altField';
+
+const post = defineType({
+  name: 'post',
+  title: 'Blog Posts',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      options: {
+        source: 'title',
+      },
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'intro',
+      title: 'Intro',
+      description: 'short intro of the blog post',
+      type: 'text',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'content',
+      title: 'Content',
+      description: 'Content of blog post',
+      type: 'markdown',
+    }),
+    defineField({
+      name: 'image',
+      title: 'Image',
+      type: 'image',
+      options: {
+        hotspot: true,
+      },
+      fields: [altField()],
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'publishedAt',
+      title: 'publish date',
+      type: 'date',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'tags',
+      title: 'Tags',
+      type: 'array',
+      of: [{ type: 'reference', to: { type: 'tag' } }],
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      intro: 'intro',
+    },
+  },
+});
+export default post;
diff --git a/src/schemas/project.ts b/src/schemas/project.ts
new file mode 100644
index 000000000..474f002b4
--- /dev/null
+++ b/src/schemas/project.ts
@@ -0,0 +1,81 @@
+import { defineField, defineType } from 'sanity';
+
+const project = defineType({
+  name: 'project',
+  title: 'Project Posts',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      options: {
+        source: 'title',
+      },
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'intro',
+      title: 'Intro',
+      type: 'text',
+      description: 'short intro of project post',
+      rows: 3,
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'content',
+      title: 'Content',
+      type: 'markdown',
+      description: 'Content of project post',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'siteUrl',
+      title: 'deployed site URL',
+      type: 'string',
+      description: 'Deployed project site URL',
+    }),
+    defineField({
+      name: 'image',
+      title: 'Image',
+      type: 'image',
+      options: {
+        hotspot: true,
+      },
+    }),
+    defineField({
+      name: 'githubUrl',
+      title: 'Github URL',
+      type: 'string',
+      description: 'Github URL of project',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'tags',
+      title: 'Tags',
+      type: 'array',
+      of: [{ type: 'reference', to: { type: 'tag' } }],
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'order',
+      title: 'Order',
+      type: 'number',
+      hidden: true,
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      intro: 'intro',
+    },
+  },
+});
+
+export default project;
diff --git a/src/schemas/tag.ts b/src/schemas/tag.ts
new file mode 100644
index 000000000..cacf836b2
--- /dev/null
+++ b/src/schemas/tag.ts
@@ -0,0 +1,28 @@
+import { defineField, defineType } from 'sanity';
+
+const tag = defineType({
+  name: 'tag',
+  title: 'Tags',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      description: 'Tag title (i.e. Next.js, React etc.)',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      description: 'slug for tag',
+      validation: rule => rule.required(),
+      options: {
+        source: 'title',
+      },
+    }),
+  ],
+});
+
+export default tag;
diff --git a/src/schemas/talk.ts b/src/schemas/talk.ts
new file mode 100644
index 000000000..d9e7a5c7d
--- /dev/null
+++ b/src/schemas/talk.ts
@@ -0,0 +1,51 @@
+import { defineType, defineField } from 'sanity';
+import altField from './fields/altField';
+
+const talk = defineType({
+  name: 'talk',
+  title: 'Talks',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'date',
+      title: 'Date',
+      type: 'date',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'location',
+      title: 'Location',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'image',
+      title: 'Image',
+      type: 'image',
+      options: {
+        hotspot: true,
+      },
+      fields: [altField()],
+    }),
+    defineField({
+      name: 'description',
+      title: 'Description',
+      type: 'text',
+      rows: 5,
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'slideUrl',
+      title: 'Slides',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+  ],
+});
+export default talk;
diff --git a/src/schemas/work.ts b/src/schemas/work.ts
new file mode 100644
index 000000000..869d7bdb2
--- /dev/null
+++ b/src/schemas/work.ts
@@ -0,0 +1,63 @@
+import { defineField, defineType } from 'sanity';
+import altField from './fields/altField';
+
+const work = defineType({
+  name: 'work',
+  title: 'Work Projects',
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      options: {
+        source: 'title',
+      },
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'intro',
+      title: 'Intro',
+      type: 'text',
+      description: 'short intro of project post',
+      rows: 3,
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'image',
+      title: 'Image',
+      type: 'image',
+      options: {
+        hotspot: true,
+      },
+      fields: [altField()],
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'content',
+      title: 'Content',
+      type: 'markdown',
+      description: 'Content of project post',
+      validation: rule => rule.required(),
+    }),
+    defineField({
+      name: 'companySite',
+      title: 'Company site',
+      type: 'string',
+      description: 'Link to company',
+    }),
+    defineField({
+      name: 'publishedAt',
+      title: 'publish date',
+      type: 'date',
+      validation: rule => rule.required(),
+    }),
+  ],
+});
+export default work;
diff --git a/src/services/workService.ts b/src/services/workService.ts
new file mode 100644
index 000000000..6ff9cacd8
--- /dev/null
+++ b/src/services/workService.ts
@@ -0,0 +1,42 @@
+import { Slug, Work } from '@frontend/types/sanity';
+import { getSanityClient } from '@frontend/utils/sanity.client';
+import groq from 'groq';
+
+const slugsQuery = groq`
+*[_type == "work"] {
+  slug {
+    current
+  }
+}
+`;
+
+const worksQuery = groq`
+*[_type == "work"] {
+  ...,
+}
+`;
+
+const workQuery = groq`
+*[ _type == "work" && slug.current == $slug][0] {
+  ...,
+  slug {
+    current
+  }
+}
+`;
+
+const workService = {
+  async getWorks(): Promise<Work[]> {
+    return getSanityClient().fetch(worksQuery);
+  },
+  async getWork(slug: string, draft = false): Promise<Work> {
+    return getSanityClient(draft).fetch(workQuery, {
+      slug,
+    });
+  },
+  async getSlugs(): Promise<Slug[]> {
+    return getSanityClient().fetch(slugsQuery);
+  },
+} as const;
+
+export default workService;
diff --git a/src/styles/app.css.ts b/src/styles/app.css.ts
index 3748b1044..674529a96 100644
--- a/src/styles/app.css.ts
+++ b/src/styles/app.css.ts
@@ -1,55 +1,106 @@
-import { globalFontFace, globalStyle } from '@vanilla-extract/css';
+import { globalStyle, globalFontFace } from '@vanilla-extract/css';
 import { variables } from './variables.css';
 
-globalFontFace('Inter var', {
+/**
+ * Easing Linear Gradients
+ * @see https://css-tricks.com/easing-linear-gradients/
+ */
+const scrim = (to: 'top' | 'bottom'): string => {
+  return `linear-gradient(to ${to}, hsl(${variables.color.scrim}) 0%, hsla(${variables.color.scrim}, 0.738) 19%, hsla(${variables.color.scrim}, 0.541) 34%, hsla(${variables.color.scrim}, 0.382) 47%, hsla(${variables.color.scrim}, 0.278) 56.5%, hsla(${variables.color.scrim}, 0.194) 65%, hsla(${variables.color.scrim}, 0.126) 73%, hsla(${variables.color.scrim}, 0.075) 80.2%, hsla(${variables.color.scrim}, 0.042) 86.1%, hsla(${variables.color.scrim}, 0.021) 91%, hsla(${variables.color.scrim}, 0.008) 95.2%, hsla(${variables.color.scrim}, 0.002) 98.2%, hsla(${variables.color.scrim}, 0) 100%)`;
+};
+
+globalFontFace('Inter', {
   fontStyle: 'normal',
   fontWeight: '100 900',
-  fontDisplay: 'swap',
-  src: 'url(/fonts/Inter.var.woff2) format("woff2")',
+  fontDisplay: 'optional',
+  src: 'url(/fonts/inter-var-latin.woff2) format("woff2")',
+  unicodeRange:
+    'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD',
 });
 
-globalFontFace('JetBrains Mono NL', {
+globalFontFace('JetBrainsMono', {
   fontStyle: 'normal',
   fontWeight: '400',
-  fontDisplay: 'swap',
-  src: 'url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")',
-});
-
-globalFontFace('JetBrains Mono NL', {
-  fontStyle: 'normal',
-  fontWeight: '700',
-  fontDisplay: 'swap',
-  src: 'url(/fonts/JetBrainsMono-Bold.woff2) format("woff2")',
+  fontDisplay: 'optional',
+  src: 'url(/fonts/JetBrainsMono-Variable.woff2) format("woff2")',
+  unicodeRange:
+    'U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD',
 });
 
 globalStyle('html', {
-  lineHeight: 1.45,
+  lineHeight: 1.4,
   WebkitTextSizeAdjust: '100%',
 });
 
-// globalStyle('body, #__next, .container', {
-//   display: 'flex',
-//   flexDirection: 'column',
-//   minHeight: '100vh',
-// });
-
 globalStyle('body', {
-  overflowX: 'hidden',
   WebkitFontSmoothing: 'antialiased',
   MozOsxFontSmoothing: 'grayscale',
   textRendering: 'optimizeLegibility',
-  fontFamily: variables.fontFamily.sans,
+  fontFamily: variables.font.sans,
   backgroundColor: variables.color.page,
-  color: variables.color.foreground,
+  overflowX: 'hidden',
 });
 
-globalStyle('svg', {
-  maxWidth: '100%',
-  height: 'auto',
+globalStyle('body::before', {
+  content: '',
+  position: 'fixed',
+  top: 0,
+  left: 0,
+  width: '100%',
+  height: variables.spacing.xxxl,
+  backgroundImage: scrim('bottom'),
+  zIndex: 100,
+  pointerEvents: 'none',
+});
+
+globalStyle('body, #__next, .container', {
+  display: 'flex',
+  flexDirection: 'column',
+  minHeight: '100vh',
+});
+
+globalStyle('body::after', {
+  content: '',
+  position: 'fixed',
+  bottom: 0,
+  left: 0,
+  width: '100%',
+  height: variables.spacing.xxxl,
+  backgroundImage: scrim('top'),
+  zIndex: 100,
+  pointerEvents: 'none',
 });
 
 globalStyle('.container', {
-  position: 'relative',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'left',
+  alignContent: 'center',
+  alignItems: 'left',
+  paddingBlock: variables.spacing.lg,
+  // maxInlineSize: '170ch',
+  // marginInline: 'auto',
+
   paddingInline: variables.spacing.lg,
-  paddingBlock: variables.spacing.xxl,
+  maxInlineSize: variables.contentWidth.header,
+  marginInline: 'auto',
+});
+
+globalStyle('.wrapper', {
+  maxWidth: variables.contentWidth.content,
+});
+
+globalStyle('a:focus, button:focus', {
+  outlineColor: 'transparent',
+});
+
+globalStyle('a:focus-visible, button:focus-visible', {
+  outlineWidth: '2px',
+  outlineStyle: 'solid',
+  outlineOffset: '2px',
+  outlineColor: variables.color.outline,
+});
+
+globalStyle('img', {
+  height: 'auto',
 });
diff --git a/src/styles/box.css.ts b/src/styles/box.css.ts
index c27ad389c..847de382d 100644
--- a/src/styles/box.css.ts
+++ b/src/styles/box.css.ts
@@ -17,7 +17,7 @@ const box = defineProperties({
     ],
     overflow: ['hidden'],
     visibility: ['visible', 'hidden'],
-    borderRadius: variables.radius,
+    borderRadius: variables.radii,
     borderWidth: variables.borderWidth,
   },
 });
diff --git a/src/styles/button.css.ts b/src/styles/button.css.ts
index 801363c7f..5aa2af099 100644
--- a/src/styles/button.css.ts
+++ b/src/styles/button.css.ts
@@ -1,25 +1,7 @@
 import { gray } from '@radix-ui/colors';
-import { style } from '@vanilla-extract/css';
 import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';
 import { variables } from './variables.css';
 
-export const buttonStyling = style({
-  padding: `${variables.spacing.sm} ${variables.spacing.md}`,
-  backgroundColor: variables.color.surfaceStrong,
-  color: variables.color.foregroundHighContrast,
-  borderRadius: variables.radius.md,
-  border: '1px solid transparent',
-  ':focus': {
-    outline: 'transparent',
-  },
-  ':focus-visible': {
-    outlineWidth: '2px',
-    outlineStyle: 'solid',
-    outlineOffset: '2px',
-    outlineColor: variables.color.outline,
-  },
-});
-
 export const buttonStyles = recipe({
   base: {
     position: 'relative',
@@ -34,7 +16,7 @@ export const buttonStyles = recipe({
     fontWeight: variables.fontWeight.semiBold,
     border: '1px solid',
     borderColor: 'transparent',
-    borderRadius: variables.radius.lg,
+    borderRadius: variables.radii.lg,
     cursor: 'pointer',
   },
   variants: {
@@ -56,7 +38,7 @@ export const buttonStyles = recipe({
           inset: -1,
           borderRadius: 'inherit',
           padding: 1,
-          backgroundImage: `linear-gradient(to bottom right, rgba(255, 255, 255, .2), ${variables.color.borderFaint}, rgba(255, 255, 255, .1))`,
+          backgroundImage: `linear-gradient(to bottom right, rgba(255, 255, 255, .2), ${variables.color.borderFaint}, rba(255, 255, 255, .1))`,
           mask: 'linear-gradient(#000, #000) content-box, linear-gradient(#000, #000)',
           maskComposite: 'exclude',
           pointerEvents: 'none',
@@ -76,5 +58,4 @@ export const buttonStyles = recipe({
     type: 'highContrast',
   },
 });
-
 export type ButtonVariants = RecipeVariants<typeof buttonStyles>;
diff --git a/src/styles/link.css.ts b/src/styles/link.css.ts
new file mode 100644
index 000000000..24a763ce6
--- /dev/null
+++ b/src/styles/link.css.ts
@@ -0,0 +1,26 @@
+import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';
+import { variables } from './variables.css';
+
+export const linkStyles = recipe({
+  base: {
+    position: 'relative',
+  },
+  variants: {
+    underlined: {
+      true: {
+        textDecoration: 'underline',
+        textDecorationColor: variables.color.underline,
+        textDecorationThickness: '1.5',
+        textUnderlineOffset: '1.5',
+        ':hover': {
+          textDecorationColor: 'currentcolor',
+        },
+      },
+    },
+  },
+  defaultVariants: {
+    underlined: true,
+  },
+});
+
+export type LinkVariants = RecipeVariants<typeof linkStyles>;
diff --git a/src/styles/prism.css b/src/styles/prism.css
index 27a62d067..d7de1012e 100644
--- a/src/styles/prism.css
+++ b/src/styles/prism.css
@@ -1,286 +1,15 @@
-pre[class*='language-'],
-code[class*='language-'] {
-  color: #d4d4d4;
-  font-size: 13px;
-  text-shadow: none;
-  font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono',
-    'Courier New', monospace;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  line-height: 1.5;
-  tab-size: 4;
-  tab-size: 4;
-  tab-size: 4;
-  hyphens: none;
-  hyphens: none;
-  hyphens: none;
-  hyphens: none;
-}
-
-pre[class*='language-']::selection,
-code[class*='language-']::selection,
-pre[class*='language-'] *::selection,
-code[class*='language-'] *::selection {
-  text-shadow: none;
-  background: #264f78;
-}
-
-@media print {
-  pre[class*='language-'],
-  code[class*='language-'] {
-    text-shadow: none;
-  }
-}
-
-pre[class*='language-'] {
-  padding: 1em;
-  margin: 0.5em 0;
+pre {
+  page-break-inside: avoid;
+  font-size: 15px;
+  line-height: 1.6;
+  margin-bottom: 1.6em;
+  max-width: 100%;
   overflow: auto;
-  background: #1e1e1e;
-}
-
-:not(pre) > code[class*='language-'] {
-  padding: 0.1em 0.3em;
-  border-radius: 0.3em;
-  color: #db4c69;
-  background: #1e1e1e;
-}
-/*********************************************************
-* Tokens
-*/
-.namespace {
-  opacity: 0.7;
-}
-
-.token.doctype .token.doctype-tag {
-  color: #569cd6;
-}
-
-.token.doctype .token.name {
-  color: #9cdcfe;
-}
-
-.token.comment,
-.token.prolog {
-  color: #6a9955;
-}
-
-.token.punctuation,
-.language-html .language-css .token.punctuation,
-.language-html .language-javascript .token.punctuation {
-  color: #d4d4d4;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.inserted,
-.token.unit {
-  color: #b5cea8;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.deleted {
-  color: #ce9178;
-}
-
-.language-css .token.string.url {
-  text-decoration: underline;
-}
-
-.token.operator,
-.token.entity {
-  color: #d4d4d4;
-}
-
-.token.operator.arrow {
-  color: #569cd6;
-}
-
-.token.atrule {
-  color: #ce9178;
-}
-
-.token.atrule .token.rule {
-  color: #c586c0;
-}
-
-.token.atrule .token.url {
-  color: #9cdcfe;
-}
-
-.token.atrule .token.url .token.function {
-  color: #dcdcaa;
-}
-
-.token.atrule .token.url .token.punctuation {
-  color: #d4d4d4;
-}
-
-.token.keyword {
-  color: #569cd6;
-}
-
-.token.keyword.module,
-.token.keyword.control-flow {
-  color: #c586c0;
-}
-
-.token.function,
-.token.function .token.maybe-class-name {
-  color: #dcdcaa;
-}
-
-.token.regex {
-  color: #d16969;
-}
-
-.token.important {
-  color: #569cd6;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.constant {
-  color: #9cdcfe;
-}
-
-.token.class-name,
-.token.maybe-class-name {
-  color: #4ec9b0;
-}
-
-.token.console {
-  color: #9cdcfe;
-}
-
-.token.parameter {
-  color: #9cdcfe;
-}
-
-.token.interpolation {
-  color: #9cdcfe;
-}
-
-.token.punctuation.interpolation-punctuation {
-  color: #569cd6;
-}
-
-.token.boolean {
-  color: #569cd6;
-}
-
-.token.property,
-.token.variable,
-.token.imports .token.maybe-class-name,
-.token.exports .token.maybe-class-name {
-  color: #9cdcfe;
-}
-
-.token.selector {
-  color: #d7ba7d;
-}
-
-.token.escape {
-  color: #d7ba7d;
-}
-
-.token.tag {
-  color: #569cd6;
-}
-
-.token.tag .token.punctuation {
-  color: #808080;
-}
-
-.token.cdata {
-  color: #808080;
-}
-
-.token.attr-name {
-  color: #9cdcfe;
-}
-
-.token.attr-value,
-.token.attr-value .token.punctuation {
-  color: #ce9178;
-}
-
-.token.attr-value .token.punctuation.attr-equals {
-  color: #d4d4d4;
-}
-
-.token.entity {
-  color: #569cd6;
-}
-
-.token.namespace {
-  color: #4ec9b0;
-}
-/*********************************************************
-* Language Specific
-*/
-
-pre[class*='language-javascript'],
-code[class*='language-javascript'],
-pre[class*='language-jsx'],
-code[class*='language-jsx'],
-pre[class*='language-typescript'],
-code[class*='language-typescript'],
-pre[class*='language-tsx'],
-code[class*='language-tsx'] {
-  color: #9cdcfe;
-}
-
-pre[class*='language-css'],
-code[class*='language-css'] {
-  color: #ce9178;
-}
-
-pre[class*='language-html'],
-code[class*='language-html'] {
-  color: #d4d4d4;
-}
-
-.language-regex .token.anchor {
-  color: #dcdcaa;
-}
-
-.language-html .token.punctuation {
-  color: #808080;
-}
-/*********************************************************
-* Line highlighting
-*/
-pre[class*='language-'] > code[class*='language-'] {
-  position: relative;
-  z-index: 1;
-}
-
-.line-highlight.line-highlight {
-  background: #f7ebc6;
-  box-shadow: inset 5px 0 0 #f7d87c;
-  z-index: 0;
-}
-
-code {
-  color: #f8f8f2;
-  font-size: 13px;
-  font-family: Menlo, Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono',
-    'Courier New', monospace;
-  background-color: #1e1e1e;
-  padding: 0.2em 0.4em;
-  border-radius: 3px;
+  padding: 1em 1.5em;
+  display: block;
+  word-wrap: break-word;
+  border-radius: 10px;
+  white-space: pre;
+  overflow-x: auto;
+  counter-reset: line;
 }
diff --git a/src/styles/sprinkles.css.ts b/src/styles/sprinkles.css.ts
index 0a527d77a..ee2f546a8 100644
--- a/src/styles/sprinkles.css.ts
+++ b/src/styles/sprinkles.css.ts
@@ -2,24 +2,21 @@ import {
   defineProperties,
   createSprinkles,
   createMapValueFn,
+  createNormalizeValueFn,
 } from '@vanilla-extract/sprinkles';
 import { variables } from './variables.css';
 
 const {
   spacing: space,
-  radius,
+  radii: borderRadius,
   fontSize,
   fontWeight,
   font: fontFamily,
   contentWidth: maxWidth,
 } = variables;
 
-const columns = {
-  '1/1': `repeat(1, 1fr)`,
-  '1/2': `repeat(2, 1fr)`,
-  '1/3': `repeat(3, 1fr)`,
-  '1/4': `repeat(4, 1fr)`,
-} as const;
+const columns = ['1', '2', '3', '4', '-1'] as const;
+const rows = ['1', '-1'] as const;
 
 const responsiveProperties = defineProperties({
   conditions: {
@@ -28,11 +25,20 @@ const responsiveProperties = defineProperties({
     md: { '@media': 'screen and (min-width: 768px)' },
     lg: { '@media': 'screen and (min-width: 1024px)' },
   },
-  defaultCondition: 'sm',
+  defaultCondition: 'xs',
   properties: {
     position: ['relative', 'absolute', 'static'],
-    display: ['none', 'flex', 'inline-flex', 'grid', 'block', 'inline'],
     flexDirection: ['row', 'row-reverse', 'column'],
+    flexWrap: ['wrap', 'nowrap'],
+    display: [
+      'block',
+      'inline',
+      'inline-flex',
+      'inline-block',
+      'flex',
+      'grid',
+      'inline-grid',
+    ],
     justifyContent: [
       'stretch',
       'flex-start',
@@ -41,8 +47,15 @@ const responsiveProperties = defineProperties({
       'space-around',
       'space-between',
     ],
-    overflow: ['auto'],
-    alignItems: ['stretch', 'flex-start', 'center', 'flex-end'],
+    alignItems: [
+      'start',
+      'flex-start',
+      'flex-end',
+      'center',
+      'baseline',
+      'end',
+      'stretch',
+    ],
     paddingTop: space,
     paddingBottom: space,
     paddingLeft: space,
@@ -52,45 +65,53 @@ const responsiveProperties = defineProperties({
     marginBottom: space,
     marginLeft: space,
     gap: space,
+    gridTemplateColumns: columns,
     rowGap: space,
     columnGap: space,
-    gridTemplateColumns: columns,
-    aspectRatio: ['1/1', '4/3'],
     maxWidth,
+    float: ['none', 'right', 'left'],
     width: space,
     height: space,
     fontSize,
+    gridColumnStart: columns,
+    gridColumnEnd: columns,
+    gridRowStart: rows,
+    gridRowEnd: rows,
+    aspectRatio: ['1/1', '4/3'],
     textAlign: ['left', 'center', 'right'],
+    overflow: ['auto'],
   },
   shorthands: {
+    columns: ['gridTemplateColumns'],
+    placeItems: ['justifyContent', 'alignItems'],
     padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],
     paddingX: ['paddingLeft', 'paddingRight'],
     paddingY: ['paddingTop', 'paddingBottom'],
-    placeItems: ['justifyContent', 'alignItems'],
+    margin: ['marginTop', 'marginBottom', 'marginRight', 'marginLeft'],
     marginX: ['marginLeft', 'marginRight'],
     marginY: ['marginTop', 'marginBottom'],
-    columns: ['gridTemplateColumns'],
   },
 });
 
 const unresponsiveProperties = defineProperties({
   properties: {
-    fontFamily,
     color: variables.color,
-    borderRadius: radius,
-    textTransform: ['none', 'uppercase'],
-    border: { true: `1px solid ${variables.color.border}` },
+    borderRadius,
     flexShrink: [0],
+    textTransform: ['none', 'uppercase'],
     flexGrow: [0, 1],
+    fontFamily,
     fontWeight,
   },
 });
 
-export const mapResponsiveValue = createMapValueFn(responsiveProperties);
-
 export const sprinkles = createSprinkles(
   responsiveProperties,
   unresponsiveProperties,
 );
 
 export type Sprinkles = Parameters<typeof sprinkles>[0];
+
+export const mapResponsiveValue = createMapValueFn(responsiveProperties);
+export const normalizeResponsiveValue =
+  createNormalizeValueFn(responsiveProperties);
diff --git a/src/styles/stack.css.ts b/src/styles/stack.css.ts
new file mode 100644
index 000000000..2ceb2a45a
--- /dev/null
+++ b/src/styles/stack.css.ts
@@ -0,0 +1,31 @@
+import { recipe } from '@vanilla-extract/recipes';
+import { sprinkles } from './sprinkles.css';
+
+export const stack = recipe({
+  base: [sprinkles({ display: 'grid' })],
+  variants: {
+    align: {
+      start: sprinkles({ alignItems: 'start' }),
+      center: sprinkles({ alignItems: 'center' }),
+      end: sprinkles({ alignItems: 'end' }),
+    },
+    justify: {
+      left: sprinkles({ justifyContent: 'flex-start' }),
+      center: sprinkles({ justifyContent: 'center' }),
+      right: sprinkles({ justifyContent: 'flex-end' }),
+    },
+    orientation: {
+      vertical: {
+        gridTemplateColumns: '1fr',
+      },
+      horizontal: {
+        gridTemplateRows: '1fr',
+        gridAutoFlow: 'column',
+      },
+    },
+    inline: {
+      true: sprinkles({ display: 'inline-grid' }),
+      false: sprinkles({ width: 'xxxxl' }),
+    },
+  },
+});
diff --git a/src/styles/style.css.ts b/src/styles/style.css.ts
deleted file mode 100644
index 43dfdb14a..000000000
--- a/src/styles/style.css.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { StyleRule } from '@vanilla-extract/css';
-import { Properties, SimplePseudos } from 'csstype';
-import isEqual from 'lodash/isEqual';
-import mapValues from 'lodash/mapValues';
-import omit from 'lodash/omit';
-
-export const breakpoints = {
-  sm: 0,
-  md: 768,
-  lg: 1024,
-} as const;
-
-export type Breakpoint = keyof typeof breakpoints;
-
-export const queries = mapValues(
-  omit(breakpoints, 'sm'),
-  bp => `screen and (min-width: ${bp}px)`,
-);
-
-const makeMediaQuery =
-  (breakpoint: keyof typeof queries) =>
-  (styles: Properties<string | number>) =>
-    !styles || Object.keys(styles).length === 0
-      ? {}
-      : {
-          [queries[breakpoint]]: styles,
-        };
-
-const mediaQuery = {
-  md: makeMediaQuery('md'),
-  lg: makeMediaQuery('lg'),
-};
-
-type CSSProps = Properties<string | number> & {
-  [P in SimplePseudos]?: Properties<string | number>;
-};
-
-interface ResponsiveStyle {
-  sm?: CSSProps;
-  md?: CSSProps;
-  lg?: CSSProps;
-}
-
-export const responsiveStyle = ({ sm, md, lg }: ResponsiveStyle): StyleRule => {
-  const mobileStyles = omit(sm, '@media');
-
-  const tabletStyles = !md || isEqual(md, mobileStyles) ? null : md;
-
-  const stylesBelowDesktop = tabletStyles || mobileStyles;
-  const desktopStyles = !lg || isEqual(lg, stylesBelowDesktop) ? null : lg;
-
-  const hasMediaQueries = tabletStyles || desktopStyles;
-
-  return {
-    ...mobileStyles,
-    ...(hasMediaQueries
-      ? {
-          '@media': {
-            ...(tabletStyles ? mediaQuery.md(tabletStyles) : {}),
-            ...(desktopStyles ? mediaQuery.lg(desktopStyles) : {}),
-          },
-        }
-      : {}),
-  };
-};
-
-export const mapToProperty =
-  <Property extends keyof Properties<string | number>>(
-    property: Property,
-    breakpoint?: Breakpoint,
-  ) =>
-  (value: string | number) => {
-    const styleRule = { [property]: value };
-
-    return breakpoint
-      ? responsiveStyle({ [breakpoint]: styleRule })
-      : styleRule;
-  };
diff --git a/src/styles/util.css.ts b/src/styles/util.css.ts
index b84cef3f1..11e377015 100644
--- a/src/styles/util.css.ts
+++ b/src/styles/util.css.ts
@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 import { variables } from './variables.css';
 
 export const anchor = style({
@@ -13,9 +13,12 @@ export const anchor = style({
   },
 });
 
+globalStyle(`${anchor}:hover`, {
+  textDecoration: 'underline',
+});
+
 export const tag = style({
   marginRight: '0.5rem',
-  // marginBottom: '1.5rem',
   ':last-child': {
     marginRight: 0,
   },
diff --git a/src/styles/variables.css.ts b/src/styles/variables.css.ts
index b746674b3..97a752c38 100644
--- a/src/styles/variables.css.ts
+++ b/src/styles/variables.css.ts
@@ -1,14 +1,13 @@
 import {
-  slate,
-  slateDark,
-  blue,
   blackA,
   whiteA,
-  greenP3,
-  greenDarkP3,
-  grayDark,
   gray,
+  grayDark,
+  blue,
   blueDark,
+  lime,
+  slateDark,
+  slate,
 } from '@radix-ui/colors';
 import {
   createGlobalThemeContract,
@@ -16,74 +15,70 @@ import {
 } from '@vanilla-extract/css';
 
 const color = createGlobalThemeContract({
-  color: 'color',
   page: 'color-page',
-  pageFaint: 'color-page-faint',
   foreground: 'color-foreground',
   foregroundNeutral: 'color-foreground-neutral',
-  foregroundHighContrast: 'color-foreground-high-contrast',
+  foregroundInverted: 'color-foreground-inverted',
   foregroundAction: 'color-foreground-action',
   surface: 'color-surface',
-  surfaceFaint: 'color-surface-faint',
-  surfaceStrong: 'color-surface-strong',
+  surfaceNeutral: 'color-surface-neutral',
+  surfaceInverted: 'color-surface-inverted',
+  surfaceHighContrast: 'color-surface-high-contrast',
   border: 'color-border',
-  borderNeutral: 'color-border-neutral',
+  borderFaint: 'color-border-faint',
+  underline: 'color-underline',
+  outline: 'color-outline',
   overlay: 'color-overlay',
+  scrim: 'color-scrim',
   highlight: 'color-highlight',
-  outline: 'color-outline',
+  borderNeutral: 'color-border-neutral',
   surfaceHover: 'color-surface-hover',
-  surfaceNeutral: 'color-surface-neutral',
-  borderFaint: 'color-border-faint',
-  underline: 'color-underline',
-
   spotifyBgColor: 'color-spotify-bg-color',
   spotifyLink: 'color-spotify-link-color',
 });
 
 createGlobalTheme(':root.light', color, {
-  color: '#000',
-  page: slate.slate1,
-  pageFaint: slate.slate3,
-  foreground: slate.slate12,
-  foregroundNeutral: slate.slate11,
+  page: gray.gray2,
+  foreground: gray.gray12,
+  foregroundNeutral: gray.gray11,
+  foregroundInverted: gray.gray1,
   foregroundAction: blue.blue11,
-  foregroundHighContrast: slate.slate1,
-  surface: slate.slate2,
-  surfaceFaint: slate.slate4,
-  surfaceStrong: slate.slate12,
-  border: slate.slate8,
-  overlay: whiteA.whiteA11,
-  borderNeutral: slate.slate4,
-  highlight: greenP3.green10,
-  outline: blue.blue8,
-  surfaceHover: gray.gray4,
+  surface: gray.gray3,
   surfaceNeutral: gray.gray6,
+  surfaceInverted: gray.gray12,
+  surfaceHighContrast: gray.gray12,
+  border: gray.gray7,
   borderFaint: gray.gray4,
   underline: gray.gray7,
+  outline: blue.blue11,
+  overlay: whiteA.whiteA11,
+  scrim: '0, 0%, 97.3%',
+  highlight: '#bef34d',
+  borderNeutral: slate.slate4,
+  surfaceHover: gray.gray4,
   spotifyBgColor: '#D1D5DB',
   spotifyLink: '#1F2937',
 });
 
 createGlobalTheme(':root.dark', color, {
-  color: '#fff',
-  page: slateDark.slate1,
-  pageFaint: slateDark.slate3,
-  foreground: slateDark.slate12,
-  foregroundNeutral: slateDark.slate11,
+  page: grayDark.gray1,
+  foreground: grayDark.gray12,
+  foregroundNeutral: grayDark.gray11,
+  foregroundInverted: grayDark.gray1,
   foregroundAction: blueDark.blue11,
-  foregroundHighContrast: slateDark.slate1,
-  surface: slateDark.slate2,
-  surfaceFaint: slateDark.slate4,
-  surfaceStrong: slateDark.slate12,
-  border: slateDark.slate8,
-  borderNeutral: slateDark.slate4,
-  highlight: greenDarkP3.green10,
-  overlay: blackA.blackA11,
-  outline: blue.blue8,
-  surfaceHover: grayDark.gray4,
+  surface: grayDark.gray3,
   surfaceNeutral: grayDark.gray7,
+  surfaceInverted: grayDark.gray12,
+  surfaceHighContrast: lime.lime9,
+  border: grayDark.gray7,
   borderFaint: grayDark.gray4,
   underline: grayDark.gray8,
+  outline: blueDark.blue11,
+  overlay: blackA.blackA11,
+  scrim: '0, 0%, 8.5%',
+  highlight: lime.lime9,
+  borderNeutral: slateDark.slate4,
+  surfaceHover: grayDark.gray4,
   spotifyBgColor: '#6B7280',
   spotifyLink: '#E5E7EB',
 });
@@ -91,61 +86,47 @@ createGlobalTheme(':root.dark', color, {
 const globals = createGlobalTheme(':root', {
   font: {
     sans: "'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
+    serif: 'serif',
     mono: "'JetBrainsMono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
   },
-  fontFamily: {
-    sans: "'Inter var', sans-serif",
-    mono: "'JetBrains Mono NL', monospace",
-  },
   fontSize: {
-    xs: '0.875rem',
-    sm: '1rem',
-    md: '1.125rem',
-    lg: '1.25rem',
-    xl: '1.375rem',
-    xxl: '1.625rem',
-    xxxl: '1.875rem',
-    xxxxl: '2.25rem',
+    xs: '.75rem', // 12px
+    sm: '0.875rem', // 14px
+    md: '1rem', // 16px
+    lg: '1.125rem', // 18px
+    xl: '1.25rem', // 20px
+    xxl: '1.5rem', // 24px
+    xxxl: '1.75rem', // 28px
+    xxxxl: '2rem', // 32px
   },
   fontWeight: {
     normal: '400',
     semiBold: '500',
-    bold: '700',
+    bold: '575',
   },
   spacing: {
     none: '0',
-    auto: 'auto',
-    xs: '0.25rem',
-    sm: '0.5rem',
-    md: '1rem',
-    lg: '2rem',
-    xl: '3rem',
-    xxl: '4rem',
+    xxs: '0.25rem', // 4px
+    xs: '0.5rem', // 8px
+    sm: '.75rem', // 12px
+    md: '1rem', // 16px
+    lg: '1.5rem', // 24px
+    xl: '2rem', // 32px
+    xxl: '3rem', // 48px
     xxxl: '4rem', // 64px
     xxxxl: '6rem', // 96px
-    xxxxxl: '8rem', // 128px
-    xxxxxxl: '12rem', // 192px
   },
-  radius: {
-    sm: '2px',
+  radii: {
+    none: '0',
     md: '4px',
-    lg: '8px',
+    lg: '6px',
     full: '9999px',
   },
-  letterSpacing: {
-    tight: '-.02em',
-    wide: '.02em',
-  },
   maxWidth: {
     sm: '32rem',
     md: '48rem',
-    lg: '64rem',
-    text: '68ch',
-  },
-  aspectRatio: {
-    '1/1': '1/1',
-    '16/9': '16/9',
-    '4/3': '4/3',
+    lg: '68rem',
+    text: '40ch',
   },
   borderWidth: {
     0: '0',
@@ -154,26 +135,12 @@ const globals = createGlobalTheme(':root', {
     4: '4px',
     8: '8px',
   },
-  lineHeight: {
-    none: '1',
-    tight: '1.25',
-    snug: '1.375',
-    normal: '1.5',
-    relaxed: '1.625',
-    loose: '2',
-    3: '.75rem',
-    4: '1rem',
-    5: '1.25rem',
-    6: '1.5rem',
-    7: '1.75rem',
-    8: '2rem',
-    9: '2.25rem',
-    10: '2.5rem',
-  },
   contentWidth: {
-    text: '60ch',
-    // container: '50rem',
-    container: '80ch',
+    prose: '60ch',
+    text: '40ch',
+    container: '100ch',
+    content: '140ch',
+    header: '125ch',
   },
 });
 
diff --git a/src/test/__mocks__/post.ts b/src/test/__mocks__/post.ts
new file mode 100644
index 000000000..54fd2e666
--- /dev/null
+++ b/src/test/__mocks__/post.ts
@@ -0,0 +1,98 @@
+import { Post, Tag } from '@frontend/types/sanity';
+
+const mockTags: Tag[] = [
+  {
+    _id: '1',
+    _type: 'tag',
+    key: 'tag1',
+    title: 'Tag 1',
+    slug: {
+      current: 'tag-1',
+      _type: 'slug',
+    },
+  },
+  {
+    _id: '2',
+    _type: 'tag',
+    key: 'tag2',
+    title: 'Tag 2',
+    slug: {
+      current: 'tag-2',
+      _type: 'slug',
+    },
+  },
+];
+
+export const posts: Post[] = [
+  {
+    _key: '123',
+    image: {
+      _type: 'image',
+      alt: 'eslint + prettier',
+      asset: {
+        _ref: 'image-9171f0f3be491209389bb28a3469c12faab7a68e-1024x285-png',
+        _type: 'reference',
+      },
+    },
+    tags: mockTags,
+    publishedAt: '2024-11-04',
+    intro: "What's the role of a code linter and formatter in our projects?",
+    _type: 'post',
+    _id: '04cf7c81-7686-4f68-a64e-9bf9449d82a9',
+    content:
+      'TL;DR\nLinters flag bugs and bad practices\nFormatters fix your code to match style guides\n\n\n\n## Linting \n\nCode linters perform static analysis on code to identify programming errors, detect bugs, point out stylistic issues, and highlight suspicious constructs using the abstract syntax tree (AST). By ensuring your code adheres to a style guide, code linting promotes and enforces best practices.\n\nA linter typically alerts you to functions that are overly complex, suggests syntax improvements, and flags coding practices that deviate from established conventions or configurations. \n\nFor example, ESLint is a popular linter for JavaScript, while SonarLint is an IDE extension that provides linting support for code in VSCode. Popular configs such as Airbnb make it easy to start adopting strict practices in your projects\n\n\n## Formatters\n\n\nCode formatters manage style elements like spacing, line breaks, and comments, helping to enforce programming and formatting rules that can be easily automated. This reduces future code diffs by allowing an automatic tool to handle formatting instead of relying on individual developers.\n\nFor example, Prettier is a popular code formatter that automatically formats code to ensure a consistent style across various languages.\n\n',
+    slug: {
+      _type: 'slug',
+      current: 'code-linters-and-formatters',
+    },
+    title: 'Code linters and formatters',
+  },
+  {
+    _key: '456',
+    _type: 'post',
+    content:
+      "When creating lambda functions with HTTP API gateways, it's very common to not want to use the default function URL provided out the box by AWS. To achieve this, we are going to go over how to connect your domain in cloudflare to an endpoint exposed via AWS API gateway. \n\n\nSteps:\n\n* Generate an origin server certificate on cloudflare\n* Import the cloudflare certificate in AWS certificate manager\n* Create the custom domain name in AWS API gateway\n* Create a record in cloudflare to point the record to the API gateway\n\n\n## Generate a certificate on cloudflare\nNavigate to the cloudflare dashboard, select the site of interest, navigate to the SSL/TLS menu and click 'Overview'. Ensure the SSL/TLS encryption mode is set to full otherwise we will get 521 errors from cloudflare. \n\n\n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/29492f9fec4269c780050e26dbbbc215f0b61a80-1922x1084.png?w=450)\n\nNavigate to origin server, click 'create certificate' and enter the domain you want. This must match what you enter in 'custom domain name' in AWS API gateway. \n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/c617e70d6ec48cc56c687e76e762370a8b4d42ee-1922x1542.png?w=450) \n\n\nClick create and save the origin certificate and private key somewhere safe. Ideally you should also provide AWS API gateway with the certificate chain. You can find cloudflare's certificate chain [here](https://developers.cloudflare.com/ssl/origin-configuration/origin-ca/#cloudflare-origin-ca-root-certificate)\n\n\n## Import the cloudflare certificate into AWS certificate manager\n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/6d9b1abac26c8efb56cbfaeea5c8b6be6642630b-2012x1298.png?w=450)\n\nFill out the required info and click Next. Enter any tags you want and click 'review and import'. Now that we've got our certificate imported we can move on to adding the domain to the API gateway.\n\n## Create the domain name in AWS API gateway \n\nGo to AWS API gateway and navigate to the custom domain names section and click 'create' \n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/5696580948b3300d084c9c1e84510dc4777753d9-572x1298.png?w=450) \n\n\nFill in the domain name with the domain you entered when creating the certificate in cloudflare and then for the ACM certificate choose the certificate you just imported. \n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/cddb15f9a8db27b9297623036c5ac615593ff66c-1818x2118.png?w=450)\n\nAt this point select the created domain and go to API mappings and click the Configure API mappings.\n\nAdd a new mapping selecting the API Gateway route and relevant stage.\n\n## Point the cloudflare DNS to the API gateway \n\nNow that everything is imported in AWS, we can go back to the cloudflare dashboard and enter our new DNS records for the gateway. Navigate to DNS and records. Click 'Add record', choose CNAME, ensure cloudflare is proxying the traffic and then enter your values. You can get the gateway domain name by navigating to API gateway > custom domain names > configurations > 'API Gateway domain name'\n\n![](https://cdn.sanity.io/images/wdj6ou2i/production/f2ff9d86c29931392bb6b043c0aa7a24e39ef7e8-1414x928.png?w=450)\n\n\n## Resources\n\nView https://github.com/luke-h1/lho-lambda for an example on how to automate this infrastructure with Terraform\n\nIt's worth nothing that Cloudflare origin certificates only support one level of sub domains. So you can't have a domain such as `myapi.staging.mysite.com`",
+    slug: {
+      current: 'how-to-connect-a-custom-domain-to-aws-api-gateway',
+      _type: 'slug',
+    },
+    image: {
+      _type: 'image',
+      alt: 'aws api gateway',
+      asset: {
+        _ref: 'image-ac10eed3e232949959f69e0decbd593b10dfb0ea-972x611-png',
+        _type: 'reference',
+      },
+    },
+    title: 'How to connect a custom domain to AWS API gateway',
+    tags: mockTags,
+    publishedAt: '2024-03-25',
+    intro:
+      'How to connect a custom domain (cloudflare) to AWS API gateway and generate free SSL certificates',
+    _id: 'abd0e41b-300d-4e79-962b-9e499b819e41',
+  },
+  {
+    _key: '789',
+    title: 'Getting started with aws-vault',
+    content:
+      "## Why aws-vault?\n\n\nWhen we are configuring the AWS CLI on our machines, it will save access key and secrets in plain text format in your home directory  `~/.aws/credentials`. As you can imagine, this becomes a big security concern as everyone knows where to look for your credentials, they're in plain text and anyone can scan/look for those keys. If you're unlucky, you've just given someone easy access to your account.  \n\n\nIn order to prevent situations like this from happening, aws-vault comes to the rescue! aws-vault is an open source tool developed by [99Designs](https://github.com/99designs) which is widely used to secure our AWS keys in an encrypted format.\n\nMoreover, aws-vault maximizes security through transient credentials obtained from Amazon's STS service. These are procured via `GetSessionToken` and `AssumeRole` API calls and have a limited timespan. Since these credentials are temporary, the danger of becoming compromised is significantly reduced. \n\n\n\n## Getting started\n\nHere's a quick starter on how you can get up and running with aws-vault\n\n\n### Setting up the tool\n\nOn mac OS, we can install aws-vault with one command:\n\n```bash\nbrew install --cask aws-vault\n\n```\n\n### Transfer any existing credentials \n\n\nMove existing credentials to aws-vault: \n\n```bash\ncat ~/.aws/credentials\naws-vault add profile_1\naws-vault add profile_2\n```\n\n### Pick an account to launch \n\nTo review all your available accounts run: \n\n```bash \n\naws-vault list\n\n```\n\nTo assume an account role: \n\n```bash\n\naws-vault exec my_profile\n\n```\n\n## Passwordless AWS console access \n\nAnother advantage of using aws-vault is that you can perform safe sign-in to the aws console. This saves the hassle of having to use your browser to navigate to aws. This command utilises your MacOS keychain and 2FA to authenticate you with your profile: \n\n```\naws-vault login my-profile --duration 2h\n```\n\n## Ending the session \n\nTo Safeguard against your account becoming comprimised you can terminate the vault session by pressing `ctrl+d`. In addition to this you can set short session durations to avoid being authenticated longer than necessary ",
+    intro:
+      'AWS vault is a handy tool I use every day to manage my AWS credentials when developing locally',
+    _id: 'b21d981c-ada1-4db8-aeca-c5c928bb8d71',
+    _type: 'post',
+    tags: mockTags,
+    publishedAt: '2024-03-06',
+    slug: {
+      current: 'getting-started-with-aws-vault',
+      _type: 'slug',
+    },
+    image: {
+      _type: 'image',
+      alt: 'aws vault github card',
+      asset: {
+        _ref: 'image-bbf409c3d66ac0b9ce20bfe4aebb9678e7eb2cab-1200x600-png',
+        _type: 'reference',
+      },
+    },
+  },
+];
diff --git a/src/test/render.tsx b/src/test/render.tsx
index 57e6d61c6..efb98696b 100644
--- a/src/test/render.tsx
+++ b/src/test/render.tsx
@@ -5,7 +5,6 @@ import {
   RenderResult,
 } from '@testing-library/react';
 import userEvent, { UserEvent } from '@testing-library/user-event';
-import {} from 'next-router-mock';
 import { ThemeProvider as NextThemeProvider } from 'next-themes';
 import React, { ReactElement, ReactNode } from 'react';
 
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index 1b4a38dbb..67445061e 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -8,6 +8,8 @@ declare global {
       NEXT_PUBLIC_NOW_PLAYING_API_BASE_URL: string;
       NEW_RELIC_APP_NAME: string;
       NEW_RELIC_LICENSE_KEY: string;
+
+      SANITY_STUDIO_DRAFT_SECRET: string;
     }
   }
   interface Window {
diff --git a/src/types/sanity.ts b/src/types/sanity.ts
index 44bbe663a..1787e68f3 100644
--- a/src/types/sanity.ts
+++ b/src/types/sanity.ts
@@ -65,3 +65,19 @@ export interface Talk {
   location: string;
   image?: Image;
 }
+
+export interface Work {
+  _rev: string;
+  _createdAt: string;
+  _id: string;
+  _type: 'work';
+  _key?: string;
+  _updatedAt: string;
+  title: string;
+  slug: Slug;
+  intro: string;
+  image: Image;
+  content: string;
+  companySite: string;
+  publishedAt: string;
+}
diff --git a/src/utils/__tests__/date.test.ts b/src/utils/__tests__/date.test.ts
new file mode 100644
index 000000000..6aa683d4a
--- /dev/null
+++ b/src/utils/__tests__/date.test.ts
@@ -0,0 +1,15 @@
+import { parseDate } from '../date';
+
+describe('date', () => {
+  describe('parseDate', () => {
+    test('should parse a date string in DD/MM/YYYY format correctly', () => {
+      const date = parseDate('14/08/2023');
+      expect(date).toEqual(new Date(2023, 7, 14));
+    });
+
+    test('should handle invalid date strings', () => {
+      const date = parseDate('invalid-date');
+      expect(date.toString()).toBe('Invalid Date');
+    });
+  });
+});
diff --git a/src/utils/__tests__/toCamelCase.test.ts b/src/utils/__tests__/toCamelCase.test.ts
new file mode 100644
index 000000000..c8e0b5e29
--- /dev/null
+++ b/src/utils/__tests__/toCamelCase.test.ts
@@ -0,0 +1,21 @@
+import toCamelCase from '../toCamelCase';
+
+describe('toCamelCase', () => {
+  test('should convert a string to camel case', () => {
+    const str = 'Hello World';
+    const result = toCamelCase(str);
+    expect(result).toBe('HelloWorld');
+  });
+
+  test('should convert a string to camel case', () => {
+    const str = 'Hello World';
+    const result = toCamelCase(str);
+    expect(result).toBe('HelloWorld');
+  });
+
+  test('should convert a string to camel case', () => {
+    const str = 'Hello World';
+    const result = toCamelCase(str);
+    expect(result).toBe('HelloWorld');
+  });
+});
diff --git a/src/utils/date.ts b/src/utils/date.ts
new file mode 100644
index 000000000..0d7c653d7
--- /dev/null
+++ b/src/utils/date.ts
@@ -0,0 +1,5 @@
+import { parse } from 'date-fns';
+
+export const parseDate = (date: string) => {
+  return parse(date, 'dd/MM/yyyy', new Date());
+};
diff --git a/src/utils/featureFlags.ts b/src/utils/featureFlags.ts
index 705cb4832..eda38cc34 100644
--- a/src/utils/featureFlags.ts
+++ b/src/utils/featureFlags.ts
@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const allowedFeatureFlags = ['talks'] as const;
+const allowedFeatureFlags = ['talks', 'newJob'] as const;
 
 export type AllowedFeatureFlag = (typeof allowedFeatureFlags)[number];
 
@@ -15,5 +15,10 @@ const featureFlags: FeatureFlag[] = [
     description: 'Whether to show the talks page and navigation item',
     enabled: false,
   },
+  {
+    name: 'newJob',
+    description: 'Whether to show the new job on intro and about page',
+    enabled: false,
+  },
 ];
 export default featureFlags;
diff --git a/src/utils/mdToHtml.ts b/src/utils/mdToHtml.ts
new file mode 100644
index 000000000..c138d356d
--- /dev/null
+++ b/src/utils/mdToHtml.ts
@@ -0,0 +1,27 @@
+import { transformerCopyButton } from '@rehype-pretty/transformers';
+import rehypePrettyCode from 'rehype-pretty-code';
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+
+export default async function markdownToHtml(markdown: string) {
+  const result = await unified()
+    .use(remarkParse)
+    .use(remarkRehype, { allowDangerousHtml: true })
+    .use(rehypePrettyCode, {
+      theme: 'catppuccin-macchiato',
+      keepBackground: false,
+      transformers: [
+        transformerCopyButton({
+          visibility: 'always',
+          feedbackDuration: 3000,
+        }),
+      ],
+    })
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    .use(rehypeStringify as any)
+    .process(markdown);
+
+  return String(result);
+}
diff --git a/src/utils/remarkCodeTitle.ts b/src/utils/remarkCodeTitle.ts
deleted file mode 100644
index 78c35dd7b..000000000
--- a/src/utils/remarkCodeTitle.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { visit } from 'unist-util-visit';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const remarkCodeTitle = () => (tree: any) => {
-  return visit(tree, 'code', node => {
-    const nodeLang = node.lang || '';
-
-    if (!nodeLang.includes(':')) {
-      // eslint-disable-next-line no-useless-return
-      return;
-    }
-
-    const language = nodeLang.slice(0, nodeLang.search(':'));
-    const title = nodeLang.slice(nodeLang.search(':') + 1, nodeLang.length);
-    // eslint-disable-next-line no-param-reassign
-    const data = node.data || (node.data = {});
-    const props = data.hProperties || (data.hProperties = {});
-
-    // eslint-disable-next-line no-param-reassign
-    node.lang = language;
-
-    data['data-title'] = title;
-    props['data-title'] = title;
-  });
-};
-export default remarkCodeTitle;
diff --git a/src/utils/sanity.client.ts b/src/utils/sanity.client.ts
index 10a3f9f94..e746389d1 100644
--- a/src/utils/sanity.client.ts
+++ b/src/utils/sanity.client.ts
@@ -14,7 +14,7 @@ const sanityPreviewClient = createClient({
 
 const studioClient = createClient({
   ...config,
-  useCdn: process.env.NODE_ENV === 'production',
+  useCdn: process.env.NEXT_PUBLIC_URL !== 'http://localhost:3000',
 });
 
 export const getSanityClient = (isDraft = false) =>
diff --git a/src/utils/toCamelCase.ts b/src/utils/toCamelCase.ts
new file mode 100644
index 000000000..f97a5b2b3
--- /dev/null
+++ b/src/utils/toCamelCase.ts
@@ -0,0 +1,11 @@
+export default function toCamelCase(str: string) {
+  return str
+    .split(' ')
+    .map((word, index) => {
+      if (index === 0) {
+        return word;
+      }
+      return word.charAt(0) + word.slice(1);
+    })
+    .join(''); // Join all the words back together
+}
diff --git a/test/setupGlobals.js b/test/setupGlobals.js
index c7ed0604f..8b1e831ad 100644
--- a/test/setupGlobals.js
+++ b/test/setupGlobals.js
@@ -7,6 +7,10 @@ const domElementWarning = /Warning: React does not*/;
 const forwardRefWarning = /Warning: Function components*/;
 const trueForNonBoolProp = /Warning: React does not recognize the*/;
 const trueForNonBoolProp2 = /Warning: Received*/;
+const radixUiDialog =
+  /`DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users./;
+const radixUiDialogWarn =
+  /Warning: Missing `Description` or `aria-describedby={undefined}` for {DialogContent}./;
 
 beforeAll(() => {
   console.error = (...args) => {
@@ -14,7 +18,9 @@ beforeAll(() => {
       domElementWarning.test(args[0]) ||
       forwardRefWarning.test(args[0]) ||
       trueForNonBoolProp.test(args[0]) ||
-      trueForNonBoolProp2.test(args[0])
+      trueForNonBoolProp2.test(args[0]) ||
+      radixUiDialog.test(args[0]) ||
+      radixUiDialogWarn.test(args[0])
     ) {
       return;
     }
diff --git a/test/setupTests.js b/test/setupTests.js
index 9e325cb89..76ab6b555 100644
--- a/test/setupTests.js
+++ b/test/setupTests.js
@@ -33,3 +33,11 @@ if (typeof window !== 'undefined') {
 }
 global.Request = jest.requireActual('node-fetch').Request;
 global.Response = jest.requireActual('node-fetch').Response;
+
+jest.mock('next/font/google', () => ({
+  Instrument_Serif: () => ({
+    style: {
+      fontFamily: 'mocked',
+    },
+  }),
+}));