From 9ddf068049c58758053100b2a2450f6f8042b856 Mon Sep 17 00:00:00 2001
From: OCbwoy3 <ocbwoy3@ocbwoy3.dev>
Date: Fri, 14 Feb 2025 11:59:11 +0200
Subject: [PATCH] a

---
 .editorconfig                                 |  12 +
 .prettierrc                                   |   5 +
 .../discovery/omni-recommendation/route.ts    |  52 ++
 app/api/thumbnails/batch/route.ts             |  52 ++
 app/favicon.ico                               | Bin 25931 -> 0 bytes
 app/globals.css                               | 108 ++-
 app/page.tsx                                  | 171 ++--
 bun.lockb                                     | Bin 62008 -> 132154 bytes
 components.json                               |  21 +
 components/gameCard.tsx                       |  64 ++
 components/lazyLoadedImage.tsx                |  24 +
 components/ui/accordion.tsx                   |  57 ++
 components/ui/alert-dialog.tsx                | 141 ++++
 components/ui/alert.tsx                       |  59 ++
 components/ui/aspect-ratio.tsx                |   7 +
 components/ui/avatar.tsx                      |  50 ++
 components/ui/badge.tsx                       |  36 +
 components/ui/breadcrumb.tsx                  | 115 +++
 components/ui/button.tsx                      |  57 ++
 components/ui/calendar.tsx                    |  76 ++
 components/ui/card.tsx                        |  76 ++
 components/ui/carousel.tsx                    | 262 ++++++
 components/ui/chart.tsx                       | 365 +++++++++
 components/ui/checkbox.tsx                    |  30 +
 components/ui/collapsible.tsx                 |  11 +
 components/ui/command.tsx                     | 153 ++++
 components/ui/context-menu.tsx                | 200 +++++
 components/ui/dialog.tsx                      | 122 +++
 components/ui/drawer.tsx                      | 118 +++
 components/ui/dropdown-menu.tsx               | 201 +++++
 components/ui/form.tsx                        | 178 ++++
 components/ui/hover-card.tsx                  |  29 +
 components/ui/input-otp.tsx                   |  71 ++
 components/ui/input.tsx                       |  22 +
 components/ui/label.tsx                       |  26 +
 components/ui/menubar.tsx                     | 256 ++++++
 components/ui/navigation-menu.tsx             | 128 +++
 components/ui/pagination.tsx                  | 117 +++
 components/ui/popover.tsx                     |  33 +
 components/ui/progress.tsx                    |  28 +
 components/ui/radio-group.tsx                 |  44 +
 components/ui/resizable.tsx                   |  45 ++
 components/ui/scroll-area.tsx                 |  48 ++
 components/ui/select.tsx                      | 159 ++++
 components/ui/separator.tsx                   |  31 +
 components/ui/sheet.tsx                       | 140 ++++
 components/ui/sidebar.tsx                     | 763 ++++++++++++++++++
 components/ui/skeleton.tsx                    |  15 +
 components/ui/slider.tsx                      |  28 +
 components/ui/sonner.tsx                      |  31 +
 components/ui/switch.tsx                      |  29 +
 components/ui/table.tsx                       | 120 +++
 components/ui/tabs.tsx                        |  55 ++
 components/ui/textarea.tsx                    |  22 +
 components/ui/toast.tsx                       | 129 +++
 components/ui/toaster.tsx                     |  35 +
 components/ui/toggle-group.tsx                |  61 ++
 components/ui/toggle.tsx                      |  45 ++
 components/ui/tooltip.tsx                     |  32 +
 hooks/use-lazy-load.ts                        |  24 +
 hooks/use-mobile.tsx                          |  19 +
 hooks/use-toast.ts                            | 194 +++++
 lib/omniRecommendation.ts                     |  80 ++
 lib/roblox.ts                                 |   9 +
 lib/thumbnailLoader.ts                        |  52 ++
 lib/utils.ts                                  |   6 +
 package.json                                  |  47 +-
 public/file.svg                               |   1 -
 public/globe.svg                              |   1 -
 public/next.svg                               |   1 -
 public/vercel.svg                             |   1 -
 public/window.svg                             |   1 -
 tailwind.config.ts                            |  92 ++-
 73 files changed, 5767 insertions(+), 126 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 .prettierrc
 create mode 100644 app/api/discovery/omni-recommendation/route.ts
 create mode 100644 app/api/thumbnails/batch/route.ts
 delete mode 100644 app/favicon.ico
 create mode 100644 components.json
 create mode 100644 components/gameCard.tsx
 create mode 100644 components/lazyLoadedImage.tsx
 create mode 100644 components/ui/accordion.tsx
 create mode 100644 components/ui/alert-dialog.tsx
 create mode 100644 components/ui/alert.tsx
 create mode 100644 components/ui/aspect-ratio.tsx
 create mode 100644 components/ui/avatar.tsx
 create mode 100644 components/ui/badge.tsx
 create mode 100644 components/ui/breadcrumb.tsx
 create mode 100644 components/ui/button.tsx
 create mode 100644 components/ui/calendar.tsx
 create mode 100644 components/ui/card.tsx
 create mode 100644 components/ui/carousel.tsx
 create mode 100644 components/ui/chart.tsx
 create mode 100644 components/ui/checkbox.tsx
 create mode 100644 components/ui/collapsible.tsx
 create mode 100644 components/ui/command.tsx
 create mode 100644 components/ui/context-menu.tsx
 create mode 100644 components/ui/dialog.tsx
 create mode 100644 components/ui/drawer.tsx
 create mode 100644 components/ui/dropdown-menu.tsx
 create mode 100644 components/ui/form.tsx
 create mode 100644 components/ui/hover-card.tsx
 create mode 100644 components/ui/input-otp.tsx
 create mode 100644 components/ui/input.tsx
 create mode 100644 components/ui/label.tsx
 create mode 100644 components/ui/menubar.tsx
 create mode 100644 components/ui/navigation-menu.tsx
 create mode 100644 components/ui/pagination.tsx
 create mode 100644 components/ui/popover.tsx
 create mode 100644 components/ui/progress.tsx
 create mode 100644 components/ui/radio-group.tsx
 create mode 100644 components/ui/resizable.tsx
 create mode 100644 components/ui/scroll-area.tsx
 create mode 100644 components/ui/select.tsx
 create mode 100644 components/ui/separator.tsx
 create mode 100644 components/ui/sheet.tsx
 create mode 100644 components/ui/sidebar.tsx
 create mode 100644 components/ui/skeleton.tsx
 create mode 100644 components/ui/slider.tsx
 create mode 100644 components/ui/sonner.tsx
 create mode 100644 components/ui/switch.tsx
 create mode 100644 components/ui/table.tsx
 create mode 100644 components/ui/tabs.tsx
 create mode 100644 components/ui/textarea.tsx
 create mode 100644 components/ui/toast.tsx
 create mode 100644 components/ui/toaster.tsx
 create mode 100644 components/ui/toggle-group.tsx
 create mode 100644 components/ui/toggle.tsx
 create mode 100644 components/ui/tooltip.tsx
 create mode 100644 hooks/use-lazy-load.ts
 create mode 100644 hooks/use-mobile.tsx
 create mode 100644 hooks/use-toast.ts
 create mode 100644 lib/omniRecommendation.ts
 create mode 100644 lib/roblox.ts
 create mode 100644 lib/thumbnailLoader.ts
 create mode 100644 lib/utils.ts
 delete mode 100644 public/file.svg
 delete mode 100644 public/globe.svg
 delete mode 100644 public/next.svg
 delete mode 100644 public/vercel.svg
 delete mode 100644 public/window.svg

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..633a125
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = tab
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..1035938
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "tabWidth": 4,
+  "useTabs": true,
+  "semi": true
+}
diff --git a/app/api/discovery/omni-recommendation/route.ts b/app/api/discovery/omni-recommendation/route.ts
new file mode 100644
index 0000000..ef15d14
--- /dev/null
+++ b/app/api/discovery/omni-recommendation/route.ts
@@ -0,0 +1,52 @@
+import { type NextRequest, NextResponse } from "next/server"
+
+export async function GET(request: NextRequest) {
+	const { searchParams } = new URL(request.url);
+	const apiUrl = "https://apis.roblox.com/discovery-api/omni-recommendation";
+
+	const url = `${apiUrl}?${searchParams.toString()}`;
+
+	try {
+		const response = await fetch(url, {
+			headers: {
+				"User-Agent": "OCbwoy3ChanAI/1.0",
+				"Accept": "application/json, text/plain, */*",
+				"Accept-Encoding": "gzip, deflate, br, zstd",
+				"Content-Type": "application/json;charset=UTF-8",
+				"Cookie": request.headers.get("Authorization") || "",
+			},
+		});
+
+		return NextResponse.json(await response.json());
+	} catch (error) {
+		console.error("Error proxying request:", error);
+		return NextResponse.json({ error: "Internal Server Error" });
+	}
+}
+
+export async function POST(request: NextRequest) {
+	const { searchParams } = new URL(request.url);
+	const apiUrl = "https://apis.roblox.com/discovery-api/omni-recommendation";
+	const url = `${apiUrl}?${searchParams.toString()}`;
+
+	try {
+		const body = await request.json()
+		const response = await fetch(url, {
+			method: "POST",
+			headers: {
+				"User-Agent": "OCbwoy3ChanAI/1.0",
+				"Accept": "application/json, text/plain, */*",
+				"Accept-Encoding": "gzip, deflate, br, zstd",
+				"Content-Type": "application/json;charset=UTF-8",
+				"Cookie": request.headers.get("Authorization") || "",
+			},
+			body: JSON.stringify(body),
+		});
+
+		return NextResponse.json(await response.json());
+	} catch (error) {
+		console.error("Error proxying request:", error);
+		return NextResponse.json({ error: "Internal Server Error" });
+	}
+}
+
diff --git a/app/api/thumbnails/batch/route.ts b/app/api/thumbnails/batch/route.ts
new file mode 100644
index 0000000..2d0a12c
--- /dev/null
+++ b/app/api/thumbnails/batch/route.ts
@@ -0,0 +1,52 @@
+import { type NextRequest, NextResponse } from "next/server"
+
+export async function GET(request: NextRequest) {
+	const { searchParams } = new URL(request.url);
+	const apiUrl = "https://thumbnails.roblox.com/v1/batch";
+
+	const url = `${apiUrl}?${searchParams.toString()}`;
+
+	try {
+		const response = await fetch(url, {
+			headers: {
+				"User-Agent": "OCbwoy3ChanAI/1.0",
+				"Accept": "application/json, text/plain, */*",
+				"Accept-Encoding": "gzip, deflate, br, zstd",
+				"Content-Type": "application/json;charset=UTF-8",
+				"Cookie": request.headers.get("Authorization") || "",
+			},
+		});
+
+		return NextResponse.json(await response.json());
+	} catch (error) {
+		console.error("Error proxying request:", error);
+		return NextResponse.json({ error: "Internal Server Error" });
+	}
+}
+
+export async function POST(request: NextRequest) {
+	const { searchParams } = new URL(request.url);
+	const apiUrl = "https://thumbnails.roblox.com/v1/batch";
+	const url = `${apiUrl}?${searchParams.toString()}`;
+
+	try {
+		const body = await request.json()
+		const response = await fetch(url, {
+			method: "POST",
+			headers: {
+				"User-Agent": "OCbwoy3ChanAI/1.0",
+				"Accept": "application/json, text/plain, */*",
+				"Accept-Encoding": "gzip, deflate, br, zstd",
+				"Content-Type": "application/json;charset=UTF-8",
+				"Cookie": request.headers.get("Authorization") || "",
+			},
+			body: JSON.stringify(body),
+		});
+
+		return NextResponse.json(await response.json());
+	} catch (error) {
+		console.error("Error proxying request:", error);
+		return NextResponse.json({ error: "Internal Server Error" });
+	}
+}
+
diff --git a/app/favicon.ico b/app/favicon.ico
deleted file mode 100644
index 718d6fea4835ec2d246af9800eddb7ffb276240c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 25931
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

diff --git a/app/globals.css b/app/globals.css
index 6b717ad..a4d605b 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,20 +2,98 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer base {
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 0 0% 3.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 0 0% 3.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 0 0% 3.9%;
+		--primary: 0 0% 9%;
+		--primary-foreground: 0 0% 98%;
+		--secondary: 0 0% 96.1%;
+		--secondary-foreground: 0 0% 9%;
+		--muted: 0 0% 96.1%;
+		--muted-foreground: 0 0% 45.1%;
+		--accent: 0 0% 96.1%;
+		--accent-foreground: 0 0% 9%;
+		--destructive: 0 84.2% 60.2%;
+		--destructive-foreground: 0 0% 98%;
+		--border: 0 0% 89.8%;
+		--input: 0 0% 89.8%;
+		--ring: 0 0% 3.9%;
+		--chart-1: 12 76% 61%;
+		--chart-2: 173 58% 39%;
+		--chart-3: 197 37% 24%;
+		--chart-4: 43 74% 66%;
+		--chart-5: 27 87% 67%;
+		--radius: 0.5rem;
+		--sidebar-background: 0 0% 98%;
+		--sidebar-foreground: 240 5.3% 26.1%;
+		--sidebar-primary: 240 5.9% 10%;
+		--sidebar-primary-foreground: 0 0% 98%;
+		--sidebar-accent: 240 4.8% 95.9%;
+		--sidebar-accent-foreground: 240 5.9% 10%;
+		--sidebar-border: 220 13% 91%;
+		--sidebar-ring: 217.2 91.2% 59.8%;
+	}
+	.dark {
+		--background: 0 0% 3.9%;
+		--foreground: 0 0% 98%;
+		--card: 0 0% 3.9%;
+		--card-foreground: 0 0% 98%;
+		--popover: 0 0% 3.9%;
+		--popover-foreground: 0 0% 98%;
+		--primary: 0 0% 98%;
+		--primary-foreground: 0 0% 9%;
+		--secondary: 0 0% 14.9%;
+		--secondary-foreground: 0 0% 98%;
+		--muted: 0 0% 14.9%;
+		--muted-foreground: 0 0% 63.9%;
+		--accent: 0 0% 14.9%;
+		--accent-foreground: 0 0% 98%;
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 0 0% 98%;
+		--border: 0 0% 14.9%;
+		--input: 0 0% 14.9%;
+		--ring: 0 0% 83.1%;
+		--chart-1: 220 70% 50%;
+		--chart-2: 160 60% 45%;
+		--chart-3: 30 80% 55%;
+		--chart-4: 280 65% 60%;
+		--chart-5: 340 75% 55%;
+		--sidebar-background: 240 5.9% 10%;
+		--sidebar-foreground: 240 4.8% 95.9%;
+		--sidebar-primary: 224.3 76.3% 48%;
+		--sidebar-primary-foreground: 0 0% 100%;
+		--sidebar-accent: 240 3.7% 15.9%;
+		--sidebar-accent-foreground: 240 4.8% 95.9%;
+		--sidebar-border: 240 3.7% 15.9%;
+		--sidebar-ring: 217.2 91.2% 59.8%;
+	}
+}
+
+@layer base {
+	* {
+		@apply border-border;
+	}
+	body {
+		@apply bg-background text-foreground;
+	}
+}
+
+/* https://dev.to/derick1530/how-to-create-scrollable-element-in-tailwind-without-a-scrollbar-4mbd */
+@layer utilities {
+	.no-scrollbar::-webkit-scrollbar {
+		display: none;
+	}
+	.no-scrollbar {
+		-ms-overflow-style: none;
+		scrollbar-width: 0;
+	}
 }
diff --git a/app/page.tsx b/app/page.tsx
index 9007252..09233ec 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,101 +1,78 @@
-import Image from "next/image";
+"use client";
+
+import { GameCard } from "@/components/gameCard";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+	getOmniRecommendationsHome,
+	OmniRecommendation,
+} from "@/lib/omniRecommendation";
+import { loadThumbnails, ThumbnailRequest } from "@/lib/thumbnailLoader";
+import { useEffect, useState } from "react";
 
 export default function Home() {
-  return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-      <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
-        <Image
-          className="dark:invert"
-          src="/next.svg"
-          alt="Next.js logo"
-          width={180}
-          height={38}
-          priority
-        />
-        <ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
-          <li className="mb-2">
-            Get started by editing{" "}
-            <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
-              app/page.tsx
-            </code>
-            .
-          </li>
-          <li>Save and see your changes instantly.</li>
-        </ol>
+	const [rec, setRec] = useState<OmniRecommendation | null>(null);
+	const SORTS_ALLOWED_IDS = [100000003, 100000001];
+	useEffect(() => {
+		(async () => {
+			const r = await getOmniRecommendationsHome();
+			console.log("[ROBLOX]", "got omni recommendation from api", r);
+			let th: ThumbnailRequest[] = [];
+			r.sorts.filter(a=>SORTS_ALLOWED_IDS.includes(a.topicId)).forEach(b=>{
+				(b.recommendationList || []).forEach(c=>{
+					th.push({
+						type: "GameThumbnail",
+						targetId: r.contentMetadata.Game[c.contentId.toString()].rootPlaceId,
+						format: "webp",
+						size: "384x216"
+					})
+				})
+			});
+			loadThumbnails(th).catch(a=>console.error(a))
+			setRec(r);
+		})();
+	}, []);
 
-        <div className="flex gap-4 items-center flex-col sm:flex-row">
-          <a
-            className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
-            Deploy now
-          </a>
-          <a
-            className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Read our docs
-          </a>
-        </div>
-      </main>
-      <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="/file.svg"
-            alt="File icon"
-            width={16}
-            height={16}
-          />
-          Learn
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="/window.svg"
-            alt="Window icon"
-            width={16}
-            height={16}
-          />
-          Examples
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="/globe.svg"
-            alt="Globe icon"
-            width={16}
-            height={16}
-          />
-          Go to nextjs.org →
-        </a>
-      </footer>
-    </div>
-  );
+	if (!rec) {
+		return (
+			<div className="p-4">
+				<Card>
+					<CardContent className="p-4">
+						<div className="h-[200px] flex items-center justify-center">
+							<div className="animate-pulse text-muted-foreground">
+								Loading...
+							</div>
+						</div>
+					</CardContent>
+				</Card>
+			</div>
+		);
+	}
+
+	return (
+		<div className="overflow-scroll no-scrollbar w-screen max-h-screen h-screen">
+			{"roblox x next.js when"}
+			<br/>
+			{"experimental (functional) roblox.com clone"}
+			<div className="p-4 space-y-8 no-scrollbar">
+				{rec.sorts
+					.filter((a) => SORTS_ALLOWED_IDS.includes(a.topicId))
+					.map((sort, idx) => (
+						<div key={idx}>
+							<h1 className="text-2xl">{sort.topic}</h1>
+							<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+								{(sort.recommendationList || []).map(
+									(recommendation, idxb) => {
+										const game =
+											rec.contentMetadata.Game[
+												recommendation.contentId.toString()
+											];
+										return <GameCard key={idxb} game={game} />;
+									}
+								)}
+							</div>
+						</div>
+					))}
+			</div>
+		</div>
+	);
 }
diff --git a/bun.lockb b/bun.lockb
index da9d9835ecec7b8af4da32b7180c43c2a9bc5f9b..7856b31efc955bcbdb9edfd517a75b2f59865a6b 100755
GIT binary patch
literal 132154
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
KA+!vG6aWBR4fd4)

delta 11983
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

diff --git a/components.json b/components.json
new file mode 100644
index 0000000..dea737b
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/components/gameCard.tsx b/components/gameCard.tsx
new file mode 100644
index 0000000..9f83944
--- /dev/null
+++ b/components/gameCard.tsx
@@ -0,0 +1,64 @@
+import { useGameThumbnailLazyLoad } from "@/hooks/use-lazy-load";
+import { ContentMetadata } from "@/lib/omniRecommendation";
+import LazyLoadedImage from "./lazyLoadedImage";
+import { ContextMenu, ContextMenuContent, ContextMenuSeparator, ContextMenuTrigger } from "./ui/context-menu";
+import { ContextMenuItem } from "@radix-ui/react-context-menu";
+
+interface GameCardProps {
+	game: ContentMetadata;
+}
+
+export function GameCard({ game }: GameCardProps) {
+	return (
+		<ContextMenu>
+			<ContextMenuTrigger>
+				<div className="overflow-hidden aspect-video relative bg-muted rounded-2xl">
+					<div className="overflow-hidden">
+						{game.primaryMediaAsset ? (
+							<LazyLoadedImage
+								imgId={game.rootPlaceId.toString()}
+								alt={game.name}
+								className="object-cover w-full h-full"
+							/>
+						) : (
+							<div className="w-full h-full flex items-center justify-center bg-muted">
+								<span className="text-muted-foreground">No image</span>
+							</div>
+						)}
+					</div>
+					<div className="bg-muted-foreground flex right-2 bottom-2 absolute rounded-lg p-1 py-0">
+						{game.playerCount.toLocaleString()}
+					</div>
+				</div>
+			</ContextMenuTrigger>
+			<ContextMenuContent className="w-64">
+				<ContextMenuItem disabled className="text-xs text-muted-foreground">
+					{game.name}
+				</ContextMenuItem>
+				<ContextMenuItem disabled className="text-xs text-muted-foreground">
+					{Math.round((game.totalUpVotes/(game.totalUpVotes+game.totalDownVotes))*100)}% rating - {game.playerCount} players
+				</ContextMenuItem>
+				<ContextMenuSeparator/>
+				<ContextMenuItem onClick={()=>{window.location.href = (`https://roblox.com/games/${game.rootPlaceId}`)}}>
+					Open
+				</ContextMenuItem>
+				<ContextMenuItem onClick={()=>{window.location.href = (`roblox://placeId=${game.rootPlaceId}`)}}>
+					Play
+				</ContextMenuItem>
+				<ContextMenuSeparator/>
+				<ContextMenuItem onClick={()=>{navigator.clipboard.writeText(`https://roblox.com/games/${game.rootPlaceId}`)}}>
+					copy game url
+				</ContextMenuItem>
+				<ContextMenuItem onClick={()=>{navigator.clipboard.writeText(`${game.rootPlaceId}`)}}>
+					copy game id
+				</ContextMenuItem>
+				<ContextMenuItem onClick={()=>{navigator.clipboard.writeText(`${game.universeId}`)}}>
+					copy universe id
+				</ContextMenuItem>
+				<ContextMenuItem onClick={()=>{navigator.clipboard.writeText(`roblox://placeId=${game.rootPlaceId}`)}}>
+					copy roblox:// uri
+				</ContextMenuItem>
+			</ContextMenuContent>
+		</ContextMenu>
+	);
+}
diff --git a/components/lazyLoadedImage.tsx b/components/lazyLoadedImage.tsx
new file mode 100644
index 0000000..55b2dee
--- /dev/null
+++ b/components/lazyLoadedImage.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import { useGameThumbnailLazyLoad } from '@/hooks/use-lazy-load';
+
+interface LazyLoadedImageProps {
+	imgId: string;
+	alt: string;
+	[prop: string]: string
+}
+
+const LazyLoadedImage: React.FC<LazyLoadedImageProps> = ({ imgId, alt, ...props }: LazyLoadedImageProps) => {
+	const imgUrl = useGameThumbnailLazyLoad(imgId);
+
+	return (
+		<div>
+			{imgUrl ? (
+				<img src={imgUrl} alt={alt} {...props} />
+			) : (
+				<p>Loading...</p>
+			)}
+		</div>
+	);
+};
+
+export default LazyLoadedImage;
\ No newline at end of file
diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx
new file mode 100644
index 0000000..2f55a32
--- /dev/null
+++ b/components/ui/accordion.tsx
@@ -0,0 +1,57 @@
+"use client"
+
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Accordion = AccordionPrimitive.Root
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+))
+AccordionItem.displayName = "AccordionItem"
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+))
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+))
+AccordionContent.displayName = AccordionPrimitive.Content.displayName
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/components/ui/alert-dialog.tsx b/components/ui/alert-dialog.tsx
new file mode 100644
index 0000000..57760f2
--- /dev/null
+++ b/components/ui/alert-dialog.tsx
@@ -0,0 +1,141 @@
+"use client"
+
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants(), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/components/ui/alert.tsx b/components/ui/alert.tsx
new file mode 100644
index 0000000..5afd41d
--- /dev/null
+++ b/components/ui/alert.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Alert = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
+>(({ className, variant, ...props }, ref) => (
+  <div
+    ref={ref}
+    role="alert"
+    className={cn(alertVariants({ variant }), className)}
+    {...props}
+  />
+))
+Alert.displayName = "Alert"
+
+const AlertTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h5
+    ref={ref}
+    className={cn("mb-1 font-medium leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+AlertTitle.displayName = "AlertTitle"
+
+const AlertDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm [&_p]:leading-relaxed", className)}
+    {...props}
+  />
+))
+AlertDescription.displayName = "AlertDescription"
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/components/ui/aspect-ratio.tsx b/components/ui/aspect-ratio.tsx
new file mode 100644
index 0000000..d6a5226
--- /dev/null
+++ b/components/ui/aspect-ratio.tsx
@@ -0,0 +1,7 @@
+"use client"
+
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
+
+const AspectRatio = AspectRatioPrimitive.Root
+
+export { AspectRatio }
diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx
new file mode 100644
index 0000000..51e507b
--- /dev/null
+++ b/components/ui/avatar.tsx
@@ -0,0 +1,50 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    )}
+    {...props}
+  />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn("aspect-square h-full w-full", className)}
+    {...props}
+  />
+))
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx
new file mode 100644
index 0000000..e87d62b
--- /dev/null
+++ b/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/components/ui/breadcrumb.tsx b/components/ui/breadcrumb.tsx
new file mode 100644
index 0000000..60e6c96
--- /dev/null
+++ b/components/ui/breadcrumb.tsx
@@ -0,0 +1,115 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Breadcrumb = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React.ReactNode
+  }
+>(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
+Breadcrumb.displayName = "Breadcrumb"
+
+const BreadcrumbList = React.forwardRef<
+  HTMLOListElement,
+  React.ComponentPropsWithoutRef<"ol">
+>(({ className, ...props }, ref) => (
+  <ol
+    ref={ref}
+    className={cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    )}
+    {...props}
+  />
+))
+BreadcrumbList.displayName = "BreadcrumbList"
+
+const BreadcrumbItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<"li">
+>(({ className, ...props }, ref) => (
+  <li
+    ref={ref}
+    className={cn("inline-flex items-center gap-1.5", className)}
+    {...props}
+  />
+))
+BreadcrumbItem.displayName = "BreadcrumbItem"
+
+const BreadcrumbLink = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentPropsWithoutRef<"a"> & {
+    asChild?: boolean
+  }
+>(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      className={cn("transition-colors hover:text-foreground", className)}
+      {...props}
+    />
+  )
+})
+BreadcrumbLink.displayName = "BreadcrumbLink"
+
+const BreadcrumbPage = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<"span">
+>(({ className, ...props }, ref) => (
+  <span
+    ref={ref}
+    role="link"
+    aria-disabled="true"
+    aria-current="page"
+    className={cn("font-normal text-foreground", className)}
+    {...props}
+  />
+))
+BreadcrumbPage.displayName = "BreadcrumbPage"
+
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) => (
+  <li
+    role="presentation"
+    aria-hidden="true"
+    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
+    {...props}
+  >
+    {children ?? <ChevronRight />}
+  </li>
+)
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
+
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    role="presentation"
+    aria-hidden="true"
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More</span>
+  </span>
+)
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
new file mode 100644
index 0000000..65d4fcd
--- /dev/null
+++ b/components/ui/button.tsx
@@ -0,0 +1,57 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default:
+          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean
+}
+
+const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = "Button"
+
+export { Button, buttonVariants }
diff --git a/components/ui/calendar.tsx b/components/ui/calendar.tsx
new file mode 100644
index 0000000..115cff9
--- /dev/null
+++ b/components/ui/calendar.tsx
@@ -0,0 +1,76 @@
+"use client"
+
+import * as React from "react"
+import { ChevronLeft, ChevronRight } from "lucide-react"
+import { DayPicker } from "react-day-picker"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+export type CalendarProps = React.ComponentProps<typeof DayPicker>
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: CalendarProps) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-3", className)}
+      classNames={{
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell:
+          "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range"
+            ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+            : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected:
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside:
+          "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle:
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames,
+      }}
+      components={{
+        IconLeft: ({ className, ...props }) => (
+          <ChevronLeft className={cn("h-4 w-4", className)} {...props} />
+        ),
+        IconRight: ({ className, ...props }) => (
+          <ChevronRight className={cn("h-4 w-4", className)} {...props} />
+        ),
+      }}
+      {...props}
+    />
+  )
+}
+Calendar.displayName = "Calendar"
+
+export { Calendar }
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
new file mode 100644
index 0000000..cabfbfc
--- /dev/null
+++ b/components/ui/card.tsx
@@ -0,0 +1,76 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/components/ui/carousel.tsx b/components/ui/carousel.tsx
new file mode 100644
index 0000000..ec505d0
--- /dev/null
+++ b/components/ui/carousel.tsx
@@ -0,0 +1,262 @@
+"use client"
+
+import * as React from "react"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+import { ArrowLeft, ArrowRight } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeft className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRight className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/components/ui/chart.tsx b/components/ui/chart.tsx
new file mode 100644
index 0000000..32dc873
--- /dev/null
+++ b/components/ui/chart.tsx
@@ -0,0 +1,365 @@
+"use client"
+
+import * as React from "react"
+import * as RechartsPrimitive from "recharts"
+
+import { cn } from "@/lib/utils"
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { light: "", dark: ".dark" } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />")
+  }
+
+  return context
+}
+
+const ChartContainer = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    config: ChartConfig
+    children: React.ComponentProps<
+      typeof RechartsPrimitive.ResponsiveContainer
+    >["children"]
+  }
+>(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        data-chart={chartId}
+        ref={ref}
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+          className
+        )}
+        {...props}
+      >
+        <ChartStyle id={chartId} config={config} />
+        <RechartsPrimitive.ResponsiveContainer>
+          {children}
+        </RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config]) => config.theme || config.color
+  )
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color =
+      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+      itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join("\n")}
+}
+`
+          )
+          .join("\n"),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+const ChartTooltipContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+    React.ComponentProps<"div"> & {
+      hideLabel?: boolean
+      hideIndicator?: boolean
+      indicator?: "line" | "dot" | "dashed"
+      nameKey?: string
+      labelKey?: string
+    }
+>(
+  (
+    {
+      active,
+      payload,
+      className,
+      indicator = "dot",
+      hideLabel = false,
+      hideIndicator = false,
+      label,
+      labelFormatter,
+      labelClassName,
+      formatter,
+      color,
+      nameKey,
+      labelKey,
+    },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    const tooltipLabel = React.useMemo(() => {
+      if (hideLabel || !payload?.length) {
+        return null
+      }
+
+      const [item] = payload
+      const key = `${labelKey || item.dataKey || item.name || "value"}`
+      const itemConfig = getPayloadConfigFromPayload(config, item, key)
+      const value =
+        !labelKey && typeof label === "string"
+          ? config[label as keyof typeof config]?.label || label
+          : itemConfig?.label
+
+      if (labelFormatter) {
+        return (
+          <div className={cn("font-medium", labelClassName)}>
+            {labelFormatter(value, payload)}
+          </div>
+        )
+      }
+
+      if (!value) {
+        return null
+      }
+
+      return <div className={cn("font-medium", labelClassName)}>{value}</div>
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey,
+    ])
+
+    if (!active || !payload?.length) {
+      return null
+    }
+
+    const nestLabel = payload.length === 1 && indicator !== "dot"
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          className
+        )}
+      >
+        {!nestLabel ? tooltipLabel : null}
+        <div className="grid gap-1.5">
+          {payload.map((item, index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`
+            const itemConfig = getPayloadConfigFromPayload(config, item, key)
+            const indicatorColor = color || item.payload.fill || item.color
+
+            return (
+              <div
+                key={item.dataKey}
+                className={cn(
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                  indicator === "dot" && "items-center"
+                )}
+              >
+                {formatter && item?.value !== undefined && item.name ? (
+                  formatter(item.value, item.name, item, index, item.payload)
+                ) : (
+                  <>
+                    {itemConfig?.icon ? (
+                      <itemConfig.icon />
+                    ) : (
+                      !hideIndicator && (
+                        <div
+                          className={cn(
+                            "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                            {
+                              "h-2.5 w-2.5": indicator === "dot",
+                              "w-1": indicator === "line",
+                              "w-0 border-[1.5px] border-dashed bg-transparent":
+                                indicator === "dashed",
+                              "my-0.5": nestLabel && indicator === "dashed",
+                            }
+                          )}
+                          style={
+                            {
+                              "--color-bg": indicatorColor,
+                              "--color-border": indicatorColor,
+                            } as React.CSSProperties
+                          }
+                        />
+                      )
+                    )}
+                    <div
+                      className={cn(
+                        "flex flex-1 justify-between leading-none",
+                        nestLabel ? "items-end" : "items-center"
+                      )}
+                    >
+                      <div className="grid gap-1.5">
+                        {nestLabel ? tooltipLabel : null}
+                        <span className="text-muted-foreground">
+                          {itemConfig?.label || item.name}
+                        </span>
+                      </div>
+                      {item.value && (
+                        <span className="font-mono font-medium tabular-nums text-foreground">
+                          {item.value.toLocaleString()}
+                        </span>
+                      )}
+                    </div>
+                  </>
+                )}
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    )
+  }
+)
+ChartTooltipContent.displayName = "ChartTooltip"
+
+const ChartLegend = RechartsPrimitive.Legend
+
+const ChartLegendContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> &
+    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+      hideIcon?: boolean
+      nameKey?: string
+    }
+>(
+  (
+    { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
+    ref
+  ) => {
+    const { config } = useChart()
+
+    if (!payload?.length) {
+      return null
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn(
+          "flex items-center justify-center gap-4",
+          verticalAlign === "top" ? "pb-3" : "pt-3",
+          className
+        )}
+      >
+        {payload.map((item) => {
+          const key = `${nameKey || item.dataKey || "value"}`
+          const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+          return (
+            <div
+              key={item.value}
+              className={cn(
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+              )}
+            >
+              {itemConfig?.icon && !hideIcon ? (
+                <itemConfig.icon />
+              ) : (
+                <div
+                  className="h-2 w-2 shrink-0 rounded-[2px]"
+                  style={{
+                    backgroundColor: item.color,
+                  }}
+                />
+              )}
+              {itemConfig?.label}
+            </div>
+          )
+        })}
+      </div>
+    )
+  }
+)
+ChartLegendContent.displayName = "ChartLegend"
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(
+  config: ChartConfig,
+  payload: unknown,
+  key: string
+) {
+  if (typeof payload !== "object" || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    "payload" in payload &&
+    typeof payload.payload === "object" &&
+    payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (
+    key in payload &&
+    typeof payload[key as keyof typeof payload] === "string"
+  ) {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+  ) {
+    configLabelKey = payloadPayload[
+      key as keyof typeof payloadPayload
+    ] as string
+  }
+
+  return configLabelKey in config
+    ? config[configLabelKey]
+    : config[key as keyof typeof config]
+}
+
+export {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+}
diff --git a/components/ui/checkbox.tsx b/components/ui/checkbox.tsx
new file mode 100644
index 0000000..c6fdd07
--- /dev/null
+++ b/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+"use client"
+
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { Check } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <Check className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/components/ui/collapsible.tsx b/components/ui/collapsible.tsx
new file mode 100644
index 0000000..9fa4894
--- /dev/null
+++ b/components/ui/collapsible.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+const Collapsible = CollapsiblePrimitive.Root
+
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
+
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/components/ui/command.tsx b/components/ui/command.tsx
new file mode 100644
index 0000000..2cecd91
--- /dev/null
+++ b/components/ui/command.tsx
@@ -0,0 +1,153 @@
+"use client"
+
+import * as React from "react"
+import { type DialogProps } from "@radix-ui/react-dialog"
+import { Command as CommandPrimitive } from "cmdk"
+import { Search } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+
+const Command = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive
+    ref={ref}
+    className={cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+Command.displayName = CommandPrimitive.displayName
+
+const CommandDialog = ({ children, ...props }: DialogProps) => {
+  return (
+    <Dialog {...props}>
+      <DialogContent className="overflow-hidden p-0">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+const CommandInput = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Input>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
+>(({ className, ...props }, ref) => (
+  <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
+    <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
+    <CommandPrimitive.Input
+      ref={ref}
+      className={cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  </div>
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.List
+    ref={ref}
+    className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+    {...props}
+  />
+))
+
+CommandList.displayName = CommandPrimitive.List.displayName
+
+const CommandEmpty = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Empty>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
+>((props, ref) => (
+  <CommandPrimitive.Empty
+    ref={ref}
+    className="py-6 text-center text-sm"
+    {...props}
+  />
+))
+
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName
+
+const CommandGroup = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Group>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Group
+    ref={ref}
+    className={cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandGroup.displayName = CommandPrimitive.Group.displayName
+
+const CommandSeparator = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName
+
+const CommandItem = React.forwardRef<
+  React.ElementRef<typeof CommandPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <CommandPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      className
+    )}
+    {...props}
+  />
+))
+
+CommandItem.displayName = CommandPrimitive.Item.displayName
+
+const CommandShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+CommandShortcut.displayName = "CommandShortcut"
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/components/ui/context-menu.tsx b/components/ui/context-menu.tsx
new file mode 100644
index 0000000..f7257a6
--- /dev/null
+++ b/components/ui/context-menu.tsx
@@ -0,0 +1,200 @@
+"use client"
+
+import * as React from "react"
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ContextMenu = ContextMenuPrimitive.Root
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger
+
+const ContextMenuGroup = ContextMenuPrimitive.Group
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal
+
+const ContextMenuSub = ContextMenuPrimitive.Sub
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+))
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+))
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+))
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+))
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-border", className)}
+    {...props}
+  />
+))
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+ContextMenuShortcut.displayName = "ContextMenuShortcut"
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuGroup,
+  ContextMenuPortal,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuRadioGroup,
+}
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
new file mode 100644
index 0000000..1647513
--- /dev/null
+++ b/components/ui/dialog.tsx
@@ -0,0 +1,122 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/components/ui/drawer.tsx b/components/ui/drawer.tsx
new file mode 100644
index 0000000..6a0ef53
--- /dev/null
+++ b/components/ui/drawer.tsx
@@ -0,0 +1,118 @@
+"use client"
+
+import * as React from "react"
+import { Drawer as DrawerPrimitive } from "vaul"
+
+import { cn } from "@/lib/utils"
+
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
+  <DrawerPrimitive.Root
+    shouldScaleBackground={shouldScaleBackground}
+    {...props}
+  />
+)
+Drawer.displayName = "Drawer"
+
+const DrawerTrigger = DrawerPrimitive.Trigger
+
+const DrawerPortal = DrawerPrimitive.Portal
+
+const DrawerClose = DrawerPrimitive.Close
+
+const DrawerOverlay = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Overlay
+    ref={ref}
+    className={cn("fixed inset-0 z-50 bg-black/80", className)}
+    {...props}
+  />
+))
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
+
+const DrawerContent = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DrawerPortal>
+    <DrawerOverlay />
+    <DrawerPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      )}
+      {...props}
+    >
+      <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
+      {children}
+    </DrawerPrimitive.Content>
+  </DrawerPortal>
+))
+DrawerContent.displayName = "DrawerContent"
+
+const DrawerHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
+    {...props}
+  />
+)
+DrawerHeader.displayName = "DrawerHeader"
+
+const DrawerFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+    {...props}
+  />
+)
+DrawerFooter.displayName = "DrawerFooter"
+
+const DrawerTitle = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName
+
+const DrawerDescription = React.forwardRef<
+  React.ElementRef<typeof DrawerPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DrawerPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName
+
+export {
+  Drawer,
+  DrawerPortal,
+  DrawerOverlay,
+  DrawerTrigger,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription,
+}
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..082639f
--- /dev/null
+++ b/components/ui/dropdown-menu.tsx
@@ -0,0 +1,201 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/components/ui/form.tsx b/components/ui/form.tsx
new file mode 100644
index 0000000..b6daa65
--- /dev/null
+++ b/components/ui/form.tsx
@@ -0,0 +1,178 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  ControllerProps,
+  FieldPath,
+  FieldValues,
+  FormProvider,
+  useFormContext,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState, formState } = useFormContext()
+
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-[0.8rem] text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message) : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-[0.8rem] font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/components/ui/hover-card.tsx b/components/ui/hover-card.tsx
new file mode 100644
index 0000000..e54d91c
--- /dev/null
+++ b/components/ui/hover-card.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+const HoverCard = HoverCardPrimitive.Root
+
+const HoverCardTrigger = HoverCardPrimitive.Trigger
+
+const HoverCardContent = React.forwardRef<
+  React.ElementRef<typeof HoverCardPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <HoverCardPrimitive.Content
+    ref={ref}
+    align={align}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/components/ui/input-otp.tsx b/components/ui/input-otp.tsx
new file mode 100644
index 0000000..eb2a1ba
--- /dev/null
+++ b/components/ui/input-otp.tsx
@@ -0,0 +1,71 @@
+"use client"
+
+import * as React from "react"
+import { OTPInput, OTPInputContext } from "input-otp"
+import { Minus } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const InputOTP = React.forwardRef<
+  React.ElementRef<typeof OTPInput>,
+  React.ComponentPropsWithoutRef<typeof OTPInput>
+>(({ className, containerClassName, ...props }, ref) => (
+  <OTPInput
+    ref={ref}
+    containerClassName={cn(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    )}
+    className={cn("disabled:cursor-not-allowed", className)}
+    {...props}
+  />
+))
+InputOTP.displayName = "InputOTP"
+
+const InputOTPGroup = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("flex items-center", className)} {...props} />
+))
+InputOTPGroup.displayName = "InputOTPGroup"
+
+const InputOTPSlot = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div"> & { index: number }
+>(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext)
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
+
+  return (
+    <div
+      ref={ref}
+      className={cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      )}
+      {...props}
+    >
+      {char}
+      {hasFakeCaret && (
+        <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
+          <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
+        </div>
+      )}
+    </div>
+  )
+})
+InputOTPSlot.displayName = "InputOTPSlot"
+
+const InputOTPSeparator = React.forwardRef<
+  React.ElementRef<"div">,
+  React.ComponentPropsWithoutRef<"div">
+>(({ ...props }, ref) => (
+  <div ref={ref} role="separator" {...props}>
+    <Minus />
+  </div>
+))
+InputOTPSeparator.displayName = "InputOTPSeparator"
+
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
new file mode 100644
index 0000000..69b64fb
--- /dev/null
+++ b/components/ui/input.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/components/ui/label.tsx b/components/ui/label.tsx
new file mode 100644
index 0000000..5341821
--- /dev/null
+++ b/components/ui/label.tsx
@@ -0,0 +1,26 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+)
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+))
+Label.displayName = LabelPrimitive.Root.displayName
+
+export { Label }
diff --git a/components/ui/menubar.tsx b/components/ui/menubar.tsx
new file mode 100644
index 0000000..20f4d5c
--- /dev/null
+++ b/components/ui/menubar.tsx
@@ -0,0 +1,256 @@
+"use client"
+
+import * as React from "react"
+import * as MenubarPrimitive from "@radix-ui/react-menubar"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function MenubarMenu({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {
+  return <MenubarPrimitive.Menu {...props} />
+}
+
+function MenubarGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Group>) {
+  return <MenubarPrimitive.Group {...props} />
+}
+
+function MenubarPortal({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {
+  return <MenubarPrimitive.Portal {...props} />
+}
+
+function MenubarRadioGroup({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {
+  return <MenubarPrimitive.RadioGroup {...props} />
+}
+
+function MenubarSub({
+  ...props
+}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {
+  return <MenubarPrimitive.Sub data-slot="menubar-sub" {...props} />
+}
+
+const Menubar = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Root
+    ref={ref}
+    className={cn(
+      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Menubar.displayName = MenubarPrimitive.Root.displayName
+
+const MenubarTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName
+
+const MenubarSubTrigger = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <MenubarPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </MenubarPrimitive.SubTrigger>
+))
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName
+
+const MenubarSubContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName
+
+const MenubarContent = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>
+>(
+  (
+    { className, align = "start", alignOffset = -4, sideOffset = 8, ...props },
+    ref
+  ) => (
+    <MenubarPrimitive.Portal>
+      <MenubarPrimitive.Content
+        ref={ref}
+        align={align}
+        alignOffset={alignOffset}
+        sideOffset={sideOffset}
+        className={cn(
+          "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          className
+        )}
+        {...props}
+      />
+    </MenubarPrimitive.Portal>
+  )
+)
+MenubarContent.displayName = MenubarPrimitive.Content.displayName
+
+const MenubarItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarItem.displayName = MenubarPrimitive.Item.displayName
+
+const MenubarCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <MenubarPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.CheckboxItem>
+))
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName
+
+const MenubarRadioItem = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <MenubarPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <MenubarPrimitive.ItemIndicator>
+        <Circle className="h-4 w-4 fill-current" />
+      </MenubarPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </MenubarPrimitive.RadioItem>
+))
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName
+
+const MenubarLabel = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <MenubarPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName
+
+const MenubarSeparator = React.forwardRef<
+  React.ElementRef<typeof MenubarPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <MenubarPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName
+
+const MenubarShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+MenubarShortcut.displayname = "MenubarShortcut"
+
+export {
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSeparator,
+  MenubarLabel,
+  MenubarCheckboxItem,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarPortal,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarGroup,
+  MenubarSub,
+  MenubarShortcut,
+}
diff --git a/components/ui/navigation-menu.tsx b/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000..a5d4d27
--- /dev/null
+++ b/components/ui/navigation-menu.tsx
@@ -0,0 +1,128 @@
+import * as React from "react"
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
+import { cva } from "class-variance-authority"
+import { ChevronDown } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const NavigationMenu = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <NavigationMenuViewport />
+  </NavigationMenuPrimitive.Root>
+))
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
+
+const NavigationMenuList = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.List
+    ref={ref}
+    className={cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
+
+const NavigationMenuItem = NavigationMenuPrimitive.Item
+
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+)
+
+const NavigationMenuTrigger = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <NavigationMenuPrimitive.Trigger
+    ref={ref}
+    className={cn(navigationMenuTriggerStyle(), "group", className)}
+    {...props}
+  >
+    {children}{" "}
+    <ChevronDown
+      className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
+      aria-hidden="true"
+    />
+  </NavigationMenuPrimitive.Trigger>
+))
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
+
+const NavigationMenuContent = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Content
+    ref={ref}
+    className={cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
+      className
+    )}
+    {...props}
+  />
+))
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
+
+const NavigationMenuLink = NavigationMenuPrimitive.Link
+
+const NavigationMenuViewport = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
+>(({ className, ...props }, ref) => (
+  <div className={cn("absolute left-0 top-full flex justify-center")}>
+    <NavigationMenuPrimitive.Viewport
+      className={cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  </div>
+))
+NavigationMenuViewport.displayName =
+  NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Indicator
+    ref={ref}
+    className={cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    )}
+    {...props}
+  >
+    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
+  </NavigationMenuPrimitive.Indicator>
+))
+NavigationMenuIndicator.displayName =
+  NavigationMenuPrimitive.Indicator.displayName
+
+export {
+  navigationMenuTriggerStyle,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuContent,
+  NavigationMenuTrigger,
+  NavigationMenuLink,
+  NavigationMenuIndicator,
+  NavigationMenuViewport,
+}
diff --git a/components/ui/pagination.tsx b/components/ui/pagination.tsx
new file mode 100644
index 0000000..d331105
--- /dev/null
+++ b/components/ui/pagination.tsx
@@ -0,0 +1,117 @@
+import * as React from "react"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { ButtonProps, buttonVariants } from "@/components/ui/button"
+
+const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
+  <nav
+    role="navigation"
+    aria-label="pagination"
+    className={cn("mx-auto flex w-full justify-center", className)}
+    {...props}
+  />
+)
+Pagination.displayName = "Pagination"
+
+const PaginationContent = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    className={cn("flex flex-row items-center gap-1", className)}
+    {...props}
+  />
+))
+PaginationContent.displayName = "PaginationContent"
+
+const PaginationItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li ref={ref} className={cn("", className)} {...props} />
+))
+PaginationItem.displayName = "PaginationItem"
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<ButtonProps, "size"> &
+  React.ComponentProps<"a">
+
+const PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) => (
+  <a
+    aria-current={isActive ? "page" : undefined}
+    className={cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size,
+      }),
+      className
+    )}
+    {...props}
+  />
+)
+PaginationLink.displayName = "PaginationLink"
+
+const PaginationPrevious = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to previous page"
+    size="default"
+    className={cn("gap-1 pl-2.5", className)}
+    {...props}
+  >
+    <ChevronLeft className="h-4 w-4" />
+    <span>Previous</span>
+  </PaginationLink>
+)
+PaginationPrevious.displayName = "PaginationPrevious"
+
+const PaginationNext = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) => (
+  <PaginationLink
+    aria-label="Go to next page"
+    size="default"
+    className={cn("gap-1 pr-2.5", className)}
+    {...props}
+  >
+    <span>Next</span>
+    <ChevronRight className="h-4 w-4" />
+  </PaginationLink>
+)
+PaginationNext.displayName = "PaginationNext"
+
+const PaginationEllipsis = ({
+  className,
+  ...props
+}: React.ComponentProps<"span">) => (
+  <span
+    aria-hidden
+    className={cn("flex h-9 w-9 items-center justify-center", className)}
+    {...props}
+  >
+    <MoreHorizontal className="h-4 w-4" />
+    <span className="sr-only">More pages</span>
+  </span>
+)
+PaginationEllipsis.displayName = "PaginationEllipsis"
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}
diff --git a/components/ui/popover.tsx b/components/ui/popover.tsx
new file mode 100644
index 0000000..29c7bd2
--- /dev/null
+++ b/components/ui/popover.tsx
@@ -0,0 +1,33 @@
+"use client"
+
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+const Popover = PopoverPrimitive.Root
+
+const PopoverTrigger = PopoverPrimitive.Trigger
+
+const PopoverAnchor = PopoverPrimitive.Anchor
+
+const PopoverContent = React.forwardRef<
+  React.ElementRef<typeof PopoverPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+  <PopoverPrimitive.Portal>
+    <PopoverPrimitive.Content
+      ref={ref}
+      align={align}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </PopoverPrimitive.Portal>
+))
+PopoverContent.displayName = PopoverPrimitive.Content.displayName
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/components/ui/progress.tsx b/components/ui/progress.tsx
new file mode 100644
index 0000000..4fc3b47
--- /dev/null
+++ b/components/ui/progress.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "@/lib/utils"
+
+const Progress = React.forwardRef<
+  React.ElementRef<typeof ProgressPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
+>(({ className, value, ...props }, ref) => (
+  <ProgressPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    )}
+    {...props}
+  >
+    <ProgressPrimitive.Indicator
+      className="h-full w-full flex-1 bg-primary transition-all"
+      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+    />
+  </ProgressPrimitive.Root>
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/components/ui/radio-group.tsx b/components/ui/radio-group.tsx
new file mode 100644
index 0000000..0bdf685
--- /dev/null
+++ b/components/ui/radio-group.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  )
+})
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <Circle className="h-3.5 w-3.5 fill-primary" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+})
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
+
+export { RadioGroup, RadioGroupItem }
diff --git a/components/ui/resizable.tsx b/components/ui/resizable.tsx
new file mode 100644
index 0000000..f4bc558
--- /dev/null
+++ b/components/ui/resizable.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import { GripVertical } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
+  <ResizablePrimitive.PanelGroup
+    className={cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    )}
+    {...props}
+  />
+)
+
+const ResizablePanel = ResizablePrimitive.Panel
+
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean
+}) => (
+  <ResizablePrimitive.PanelResizeHandle
+    className={cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    )}
+    {...props}
+  >
+    {withHandle && (
+      <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
+        <GripVertical className="h-2.5 w-2.5" />
+      </div>
+    )}
+  </ResizablePrimitive.PanelResizeHandle>
+)
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/components/ui/scroll-area.tsx b/components/ui/scroll-area.tsx
new file mode 100644
index 0000000..0b4a48d
--- /dev/null
+++ b/components/ui/scroll-area.tsx
@@ -0,0 +1,48 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
new file mode 100644
index 0000000..0cbf77d
--- /dev/null
+++ b/components/ui/select.tsx
@@ -0,0 +1,159 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDown className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUp className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDown className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}
diff --git a/components/ui/separator.tsx b/components/ui/separator.tsx
new file mode 100644
index 0000000..12d81c4
--- /dev/null
+++ b/components/ui/separator.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+const Separator = React.forwardRef<
+  React.ElementRef<typeof SeparatorPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
+>(
+  (
+    { className, orientation = "horizontal", decorative = true, ...props },
+    ref
+  ) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
new file mode 100644
index 0000000..272cb72
--- /dev/null
+++ b/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client"
+
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Sheet = SheetPrimitive.Root
+
+const SheetTrigger = SheetPrimitive.Trigger
+
+const SheetClose = SheetPrimitive.Close
+
+const SheetPortal = SheetPrimitive.Portal
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+)
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+      {children}
+    </SheetPrimitive.Content>
+  </SheetPortal>
+))
+SheetContent.displayName = SheetPrimitive.Content.displayName
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+SheetHeader.displayName = "SheetHeader"
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+SheetFooter.displayName = "SheetFooter"
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+))
+SheetTitle.displayName = SheetPrimitive.Title.displayName
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+SheetDescription.displayName = SheetPrimitive.Description.displayName
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx
new file mode 100644
index 0000000..5e9f37b
--- /dev/null
+++ b/components/ui/sidebar.tsx
@@ -0,0 +1,763 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { VariantProps, cva } from "class-variance-authority"
+import { PanelLeft } from "lucide-react"
+
+import { useIsMobile } from "@/hooks/use-mobile"
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import { Sheet, SheetContent } from "@/components/ui/sheet"
+import { Skeleton } from "@/components/ui/skeleton"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContext = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContext | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+const SidebarProvider = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    defaultOpen?: boolean
+    open?: boolean
+    onOpenChange?: (open: boolean) => void
+  }
+>(
+  (
+    {
+      defaultOpen = true,
+      open: openProp,
+      onOpenChange: setOpenProp,
+      className,
+      style,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const isMobile = useIsMobile()
+    const [openMobile, setOpenMobile] = React.useState(false)
+
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React.useState(defaultOpen)
+    const open = openProp ?? _open
+    const setOpen = React.useCallback(
+      (value: boolean | ((value: boolean) => boolean)) => {
+        const openState = typeof value === "function" ? value(open) : value
+        if (setOpenProp) {
+          setOpenProp(openState)
+        } else {
+          _setOpen(openState)
+        }
+
+        // This sets the cookie to keep the sidebar state.
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+      },
+      [setOpenProp, open]
+    )
+
+    // Helper to toggle the sidebar.
+    const toggleSidebar = React.useCallback(() => {
+      return isMobile
+        ? setOpenMobile((open) => !open)
+        : setOpen((open) => !open)
+    }, [isMobile, setOpen, setOpenMobile])
+
+    // Adds a keyboard shortcut to toggle the sidebar.
+    React.useEffect(() => {
+      const handleKeyDown = (event: KeyboardEvent) => {
+        if (
+          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+          (event.metaKey || event.ctrlKey)
+        ) {
+          event.preventDefault()
+          toggleSidebar()
+        }
+      }
+
+      window.addEventListener("keydown", handleKeyDown)
+      return () => window.removeEventListener("keydown", handleKeyDown)
+    }, [toggleSidebar])
+
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
+    const state = open ? "expanded" : "collapsed"
+
+    const contextValue = React.useMemo<SidebarContext>(
+      () => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+      }),
+      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+    )
+
+    return (
+      <SidebarContext.Provider value={contextValue}>
+        <TooltipProvider delayDuration={0}>
+          <div
+            style={
+              {
+                "--sidebar-width": SIDEBAR_WIDTH,
+                "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+                ...style,
+              } as React.CSSProperties
+            }
+            className={cn(
+              "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+              className
+            )}
+            ref={ref}
+            {...props}
+          >
+            {children}
+          </div>
+        </TooltipProvider>
+      </SidebarContext.Provider>
+    )
+  }
+)
+SidebarProvider.displayName = "SidebarProvider"
+
+const Sidebar = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    side?: "left" | "right"
+    variant?: "sidebar" | "floating" | "inset"
+    collapsible?: "offcanvas" | "icon" | "none"
+  }
+>(
+  (
+    {
+      side = "left",
+      variant = "sidebar",
+      collapsible = "offcanvas",
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+    if (collapsible === "none") {
+      return (
+        <div
+          className={cn(
+            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
+            className
+          )}
+          ref={ref}
+          {...props}
+        >
+          {children}
+        </div>
+      )
+    }
+
+    if (isMobile) {
+      return (
+        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+          <SheetContent
+            data-sidebar="sidebar"
+            data-mobile="true"
+            className="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
+            style={
+              {
+                "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+              } as React.CSSProperties
+            }
+            side={side}
+          >
+            <div className="flex h-full w-full flex-col">{children}</div>
+          </SheetContent>
+        </Sheet>
+      )
+    }
+
+    return (
+      <div
+        ref={ref}
+        className="group peer hidden text-sidebar-foreground md:block"
+        data-state={state}
+        data-collapsible={state === "collapsed" ? collapsible : ""}
+        data-variant={variant}
+        data-side={side}
+      >
+        {/* This is what handles the sidebar gap on desktop */}
+        <div
+          className={cn(
+            "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+            "group-data-[collapsible=offcanvas]:w-0",
+            "group-data-[side=right]:rotate-180",
+            variant === "floating" || variant === "inset"
+              ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
+              : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+          )}
+        />
+        <div
+          className={cn(
+            "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+            side === "left"
+              ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+              : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+            // Adjust the padding for floating and inset variants.
+            variant === "floating" || variant === "inset"
+              ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
+              : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+            className
+          )}
+          {...props}
+        >
+          <div
+            data-sidebar="sidebar"
+            className="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+          >
+            {children}
+          </div>
+        </div>
+      </div>
+    )
+  }
+)
+Sidebar.displayName = "Sidebar"
+
+const SidebarTrigger = React.forwardRef<
+  React.ElementRef<typeof Button>,
+  React.ComponentProps<typeof Button>
+>(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      ref={ref}
+      data-sidebar="trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("h-7 w-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeft />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+})
+SidebarTrigger.displayName = "SidebarTrigger"
+
+const SidebarRail = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button">
+>(({ className, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      ref={ref}
+      data-sidebar="rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarRail.displayName = "SidebarRail"
+
+const SidebarInset = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"main">
+>(({ className, ...props }, ref) => {
+  return (
+    <main
+      ref={ref}
+      className={cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarInset.displayName = "SidebarInset"
+
+const SidebarInput = React.forwardRef<
+  React.ElementRef<typeof Input>,
+  React.ComponentProps<typeof Input>
+>(({ className, ...props }, ref) => {
+  return (
+    <Input
+      ref={ref}
+      data-sidebar="input"
+      className={cn(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarInput.displayName = "SidebarInput"
+
+const SidebarHeader = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => {
+  return (
+    <div
+      ref={ref}
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+})
+SidebarHeader.displayName = "SidebarHeader"
+
+const SidebarFooter = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => {
+  return (
+    <div
+      ref={ref}
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  )
+})
+SidebarFooter.displayName = "SidebarFooter"
+
+const SidebarSeparator = React.forwardRef<
+  React.ElementRef<typeof Separator>,
+  React.ComponentProps<typeof Separator>
+>(({ className, ...props }, ref) => {
+  return (
+    <Separator
+      ref={ref}
+      data-sidebar="separator"
+      className={cn("mx-2 w-auto bg-sidebar-border", className)}
+      {...props}
+    />
+  )
+})
+SidebarSeparator.displayName = "SidebarSeparator"
+
+const SidebarContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => {
+  return (
+    <div
+      ref={ref}
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarContent.displayName = "SidebarContent"
+
+const SidebarGroup = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => {
+  return (
+    <div
+      ref={ref}
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  )
+})
+SidebarGroup.displayName = "SidebarGroup"
+
+const SidebarGroupLabel = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & { asChild?: boolean }
+>(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="group-label"
+      className={cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarGroupLabel.displayName = "SidebarGroupLabel"
+
+const SidebarGroupAction = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button"> & { asChild?: boolean }
+>(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="group-action"
+      className={cn(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarGroupAction.displayName = "SidebarGroupAction"
+
+const SidebarGroupContent = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    data-sidebar="group-content"
+    className={cn("w-full text-sm", className)}
+    {...props}
+  />
+))
+SidebarGroupContent.displayName = "SidebarGroupContent"
+
+const SidebarMenu = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    data-sidebar="menu"
+    className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+    {...props}
+  />
+))
+SidebarMenu.displayName = "SidebarMenu"
+
+const SidebarMenuItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ className, ...props }, ref) => (
+  <li
+    ref={ref}
+    data-sidebar="menu-item"
+    className={cn("group/menu-item relative", className)}
+    {...props}
+  />
+))
+SidebarMenuItem.displayName = "SidebarMenuItem"
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const SidebarMenuButton = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button"> & {
+    asChild?: boolean
+    isActive?: boolean
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>
+  } & VariantProps<typeof sidebarMenuButtonVariants>
+>(
+  (
+    {
+      asChild = false,
+      isActive = false,
+      variant = "default",
+      size = "default",
+      tooltip,
+      className,
+      ...props
+    },
+    ref
+  ) => {
+    const Comp = asChild ? Slot : "button"
+    const { isMobile, state } = useSidebar()
+
+    const button = (
+      <Comp
+        ref={ref}
+        data-sidebar="menu-button"
+        data-size={size}
+        data-active={isActive}
+        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+        {...props}
+      />
+    )
+
+    if (!tooltip) {
+      return button
+    }
+
+    if (typeof tooltip === "string") {
+      tooltip = {
+        children: tooltip,
+      }
+    }
+
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>{button}</TooltipTrigger>
+        <TooltipContent
+          side="right"
+          align="center"
+          hidden={state !== "collapsed" || isMobile}
+          {...tooltip}
+        />
+      </Tooltip>
+    )
+  }
+)
+SidebarMenuButton.displayName = "SidebarMenuButton"
+
+const SidebarMenuAction = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button"> & {
+    asChild?: boolean
+    showOnHover?: boolean
+  }
+>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="menu-action"
+      className={cn(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarMenuAction.displayName = "SidebarMenuAction"
+
+const SidebarMenuBadge = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div">
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    data-sidebar="menu-badge"
+    className={cn(
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    )}
+    {...props}
+  />
+))
+SidebarMenuBadge.displayName = "SidebarMenuBadge"
+
+const SidebarMenuSkeleton = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    showIcon?: boolean
+  }
+>(({ className, showIcon = false, ...props }, ref) => {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div
+      ref={ref}
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-[--skeleton-width] flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+})
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton"
+
+const SidebarMenuSub = React.forwardRef<
+  HTMLUListElement,
+  React.ComponentProps<"ul">
+>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    data-sidebar="menu-sub"
+    className={cn(
+      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    )}
+    {...props}
+  />
+))
+SidebarMenuSub.displayName = "SidebarMenuSub"
+
+const SidebarMenuSubItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentProps<"li">
+>(({ ...props }, ref) => <li ref={ref} {...props} />)
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem"
+
+const SidebarMenuSubButton = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentProps<"a"> & {
+    asChild?: boolean
+    size?: "sm" | "md"
+    isActive?: boolean
+  }
+>(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton"
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/components/ui/skeleton.tsx b/components/ui/skeleton.tsx
new file mode 100644
index 0000000..d7e45f7
--- /dev/null
+++ b/components/ui/skeleton.tsx
@@ -0,0 +1,15 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div
+      className={cn("animate-pulse rounded-md bg-primary/10", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/components/ui/slider.tsx b/components/ui/slider.tsx
new file mode 100644
index 0000000..ab19d57
--- /dev/null
+++ b/components/ui/slider.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as SliderPrimitive from "@radix-ui/react-slider"
+
+import { cn } from "@/lib/utils"
+
+const Slider = React.forwardRef<
+  React.ElementRef<typeof SliderPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <SliderPrimitive.Root
+    ref={ref}
+    className={cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    )}
+    {...props}
+  >
+    <SliderPrimitive.Track className="relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20">
+      <SliderPrimitive.Range className="absolute h-full bg-primary" />
+    </SliderPrimitive.Track>
+    <SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
+  </SliderPrimitive.Root>
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }
diff --git a/components/ui/sonner.tsx b/components/ui/sonner.tsx
new file mode 100644
index 0000000..452f4d9
--- /dev/null
+++ b/components/ui/sonner.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Toaster as Sonner } from "sonner"
+
+type ToasterProps = React.ComponentProps<typeof Sonner>
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      toastOptions={{
+        classNames: {
+          toast:
+            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton:
+            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton:
+            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+        },
+      }}
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/components/ui/switch.tsx b/components/ui/switch.tsx
new file mode 100644
index 0000000..5f4117f
--- /dev/null
+++ b/components/ui/switch.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+  <SwitchPrimitives.Root
+    className={cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    )}
+    {...props}
+    ref={ref}
+  >
+    <SwitchPrimitives.Thumb
+      className={cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
diff --git a/components/ui/table.tsx b/components/ui/table.tsx
new file mode 100644
index 0000000..c0df655
--- /dev/null
+++ b/components/ui/table.tsx
@@ -0,0 +1,120 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+))
+TableHeader.displayName = "TableHeader"
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+))
+TableBody.displayName = "TableBody"
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    )}
+    {...props}
+  />
+))
+TableFooter.displayName = "TableFooter"
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    )}
+    {...props}
+  />
+))
+TableRow.displayName = "TableRow"
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableHead.displayName = "TableHead"
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    )}
+    {...props}
+  />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+TableCaption.displayName = "TableCaption"
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
new file mode 100644
index 0000000..0f4caeb
--- /dev/null
+++ b/components/ui/tabs.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
new file mode 100644
index 0000000..e56b0af
--- /dev/null
+++ b/components/ui/textarea.tsx
@@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx
new file mode 100644
index 0000000..40ac9dd
--- /dev/null
+++ b/components/ui/toast.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/components/ui/toaster.tsx b/components/ui/toaster.tsx
new file mode 100644
index 0000000..171beb4
--- /dev/null
+++ b/components/ui/toaster.tsx
@@ -0,0 +1,35 @@
+"use client"
+
+import { useToast } from "@/hooks/use-toast"
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/components/ui/toggle-group.tsx b/components/ui/toggle-group.tsx
new file mode 100644
index 0000000..1c876bb
--- /dev/null
+++ b/components/ui/toggle-group.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { toggleVariants } from "@/components/ui/toggle"
+
+const ToggleGroupContext = React.createContext<
+  VariantProps<typeof toggleVariants>
+>({
+  size: "default",
+  variant: "default",
+})
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+))
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
+    VariantProps<typeof toggleVariants>
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext)
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size,
+        }),
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  )
+})
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/components/ui/toggle.tsx b/components/ui/toggle.tsx
new file mode 100644
index 0000000..db35d78
--- /dev/null
+++ b/components/ui/toggle.tsx
@@ -0,0 +1,45 @@
+"use client"
+
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline:
+          "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
+    VariantProps<typeof toggleVariants>
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={cn(toggleVariants({ variant, size, className }))}
+    {...props}
+  />
+))
+
+Toggle.displayName = TogglePrimitive.Root.displayName
+
+export { Toggle, toggleVariants }
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
new file mode 100644
index 0000000..a66b3f2
--- /dev/null
+++ b/components/ui/tooltip.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
+))
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/hooks/use-lazy-load.ts b/hooks/use-lazy-load.ts
new file mode 100644
index 0000000..76a509e
--- /dev/null
+++ b/hooks/use-lazy-load.ts
@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+let gameImages: { [id: string]: string } = {};
+
+export function useGameThumbnailLazyLoad(img: string) {
+	const [status, setStatus] = useState<string | undefined>(undefined);
+
+	useEffect(() => {
+		const interval = setInterval(() => {
+			if (gameImages[img]) {
+				setStatus(gameImages[img]);
+				clearInterval(interval);
+			}
+		}, 100);
+
+		return () => clearInterval(interval);
+	}, []);
+
+	return status;
+}
+
+export function addGameThumbnail(id: string, url: string) {
+	gameImages[id] = url;
+}
\ No newline at end of file
diff --git a/hooks/use-mobile.tsx b/hooks/use-mobile.tsx
new file mode 100644
index 0000000..2b0fe1d
--- /dev/null
+++ b/hooks/use-mobile.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/hooks/use-toast.ts b/hooks/use-toast.ts
new file mode 100644
index 0000000..02e111d
--- /dev/null
+++ b/hooks/use-toast.ts
@@ -0,0 +1,194 @@
+"use client"
+
+// Inspired by react-hot-toast library
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/lib/omniRecommendation.ts b/lib/omniRecommendation.ts
new file mode 100644
index 0000000..93f13c1
--- /dev/null
+++ b/lib/omniRecommendation.ts
@@ -0,0 +1,80 @@
+"use client";
+
+import { getCookie } from "./roblox";
+
+type RecommendationEntry = {
+	contentType: "Game"|string,
+	contentId: number,
+	contentStringId: string,
+	contentMetadata: {
+		Score: string
+	}
+}
+
+type RecommendationSort = {
+	topic: string,
+	topicId: number,
+	treatmentType: string,
+	recommendationList: RecommendationEntry[],
+	nextPageTokenForTopic: null,
+	numberOfRows: number,
+	topicLayoutData: any
+}
+
+export type ContentMetadata = {
+	totalUpVotes: number,
+	totalDownVotes: number,
+	universeId: number,
+	name: string,
+	rootPlaceId: number,
+	description: null,
+	playerCount: number,
+	primaryMediaAsset: any,
+	under9: boolean,
+	under13: boolean,
+	minimumAge: number,
+	ageRecommendationDisplayName: string,
+	friendVisits: any[],
+	friendVisitedString: string,
+	layoutDataBySort: any
+}
+
+export type OmniRecommendation = {
+    pageType: "Home" | string,
+    requestId: string,
+    sortsRefreshInterval: number,
+    contentMetadata: {
+        Game: {[id: string]: ContentMetadata},
+        CatalogAsset: any,
+        CatalogBundle: any,
+        RecommendedFriend: any,
+        GameCoPlay: any
+    },
+    nextPageToken: string,
+    isSessionExpired: boolean,
+    globalLayoutData: any,
+    isPartialFeed: boolean,
+    DebugInfoGroups: boolean,
+	sorts: RecommendationSort[]
+}
+
+export async function getOmniRecommendationsHome(): Promise<OmniRecommendation> {
+	const data = await fetch(`${document.baseURI}api/discovery/omni-recommendation`,{
+		method: "POST",
+		headers: {
+			Authorization: `${getCookie()}`
+		},
+		body: JSON.stringify({
+			pageType: "Home",
+			sessionId: crypto.randomUUID(),
+			supportedTreatmentTypes: ["SortlessGrid"],
+			authIntentData: null,
+			cpuCores: 4,
+			maxResolution: "1920x1080",
+			maxMemory: 8192
+		})
+	})
+	return await data.json() as OmniRecommendation
+}
+
+// https://apis.roblox.com/discovery-api/omni-recommendation
\ No newline at end of file
diff --git a/lib/roblox.ts b/lib/roblox.ts
new file mode 100644
index 0000000..db685ed
--- /dev/null
+++ b/lib/roblox.ts
@@ -0,0 +1,9 @@
+"use client";
+
+export function setCookie(cookie: string): void {
+	window.localStorage.roblosecurity = cookie;
+}
+
+export function getCookie() {
+	return window.localStorage.roblosecurity
+}
diff --git a/lib/thumbnailLoader.ts b/lib/thumbnailLoader.ts
new file mode 100644
index 0000000..773ab82
--- /dev/null
+++ b/lib/thumbnailLoader.ts
@@ -0,0 +1,52 @@
+"use client";
+
+import { addGameThumbnail } from "@/hooks/use-lazy-load";
+import { getCookie } from "./roblox";
+
+export type AssetThumbnail = {
+	requestId: string,
+	errorCode: number,
+	errorMessage: string,
+	targetId: number,
+	state: "Completed" | string,
+	imageUrl: string,
+	version: string
+}
+
+export type ThumbnailRequest = {
+	type: "GameThumbnail",
+	targetId: number,
+	format: "webp",
+	size: string
+}
+
+export async function getThumbnails(b: ThumbnailRequest[]): Promise<AssetThumbnail[]> {
+	const data = await fetch(`${document.baseURI}api/thumbnails/batch`,{
+		method: "POST",
+		headers: {
+			Authorization: `${getCookie()}`
+		},
+		body: JSON.stringify(
+			b.map(a=>{
+				return {
+					requestId: `${a.targetId}::${a.type}:${a.size}:${a.format}:regular`,
+					type: a.type,
+					targetId: a.targetId,
+					token: "",
+					format: a.format,
+					size: a.size
+				}
+			})
+		)
+	})
+	return (await data.json() as any).data as AssetThumbnail[]
+}
+
+export async function loadThumbnails(b: ThumbnailRequest[]): Promise<void> {
+	const th = await getThumbnails(b);
+	th.forEach(a=>{
+		addGameThumbnail(a.targetId.toString(), a.imageUrl)
+	})
+}
+
+// https://apis.roblox.com/discovery-api/omni-recommendation
\ No newline at end of file
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/package.json b/package.json
index cbb2e6c..c9ce8fb 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,54 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@hookform/resolvers": "^4.0.0",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-aspect-ratio": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.6",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-hover-card": "^1.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-menubar": "^1.1.6",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "1.0.0",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.5.2",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.475.0",
+    "next": "15.1.6",
+    "next-themes": "^0.4.4",
     "react": "^19.0.0",
+    "react-day-picker": "8.10.1",
     "react-dom": "^19.0.0",
-    "next": "15.1.6"
+    "react-hook-form": "^7.54.2",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.1",
+    "sonner": "^1.7.4",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
     "typescript": "^5",
diff --git a/public/file.svg b/public/file.svg
deleted file mode 100644
index 004145c..0000000
--- a/public/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
deleted file mode 100644
index 567f17b..0000000
--- a/public/globe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index 7705396..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
deleted file mode 100644
index b2b2a44..0000000
--- a/public/window.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1362b88..4197ec5 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,18 +1,94 @@
 import type { Config } from "tailwindcss";
 
 export default {
-  content: [
+    darkMode: ["class"],
+    content: [
     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
-    extend: {
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-      },
-    },
+  	extend: {
+  		colors: {
+  			background: 'hsl(var(--background))',
+  			foreground: 'hsl(var(--foreground))',
+  			card: {
+  				DEFAULT: 'hsl(var(--card))',
+  				foreground: 'hsl(var(--card-foreground))'
+  			},
+  			popover: {
+  				DEFAULT: 'hsl(var(--popover))',
+  				foreground: 'hsl(var(--popover-foreground))'
+  			},
+  			primary: {
+  				DEFAULT: 'hsl(var(--primary))',
+  				foreground: 'hsl(var(--primary-foreground))'
+  			},
+  			secondary: {
+  				DEFAULT: 'hsl(var(--secondary))',
+  				foreground: 'hsl(var(--secondary-foreground))'
+  			},
+  			muted: {
+  				DEFAULT: 'hsl(var(--muted))',
+  				foreground: 'hsl(var(--muted-foreground))'
+  			},
+  			accent: {
+  				DEFAULT: 'hsl(var(--accent))',
+  				foreground: 'hsl(var(--accent-foreground))'
+  			},
+  			destructive: {
+  				DEFAULT: 'hsl(var(--destructive))',
+  				foreground: 'hsl(var(--destructive-foreground))'
+  			},
+  			border: 'hsl(var(--border))',
+  			input: 'hsl(var(--input))',
+  			ring: 'hsl(var(--ring))',
+  			chart: {
+  				'1': 'hsl(var(--chart-1))',
+  				'2': 'hsl(var(--chart-2))',
+  				'3': 'hsl(var(--chart-3))',
+  				'4': 'hsl(var(--chart-4))',
+  				'5': 'hsl(var(--chart-5))'
+  			},
+  			sidebar: {
+  				DEFAULT: 'hsl(var(--sidebar-background))',
+  				foreground: 'hsl(var(--sidebar-foreground))',
+  				primary: 'hsl(var(--sidebar-primary))',
+  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+  				accent: 'hsl(var(--sidebar-accent))',
+  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+  				border: 'hsl(var(--sidebar-border))',
+  				ring: 'hsl(var(--sidebar-ring))'
+  			}
+  		},
+  		borderRadius: {
+  			lg: 'var(--radius)',
+  			md: 'calc(var(--radius) - 2px)',
+  			sm: 'calc(var(--radius) - 4px)'
+  		},
+  		keyframes: {
+  			'accordion-down': {
+  				from: {
+  					height: '0'
+  				},
+  				to: {
+  					height: 'var(--radix-accordion-content-height)'
+  				}
+  			},
+  			'accordion-up': {
+  				from: {
+  					height: 'var(--radix-accordion-content-height)'
+  				},
+  				to: {
+  					height: '0'
+  				}
+  			}
+  		},
+  		animation: {
+  			'accordion-down': 'accordion-down 0.2s ease-out',
+  			'accordion-up': 'accordion-up 0.2s ease-out'
+  		}
+  	}
   },
-  plugins: [],
+  plugins: [require("tailwindcss-animate")],
 } satisfies Config;