.

web/app/(pages)/settings/page.tsx

@@ -0,0 +1,5 @@
+import SettingsRoute from "@/components/routes/SettingsRoute"
+
+export default function ProfilePage() {
+	return <SettingsRoute />
+}

web/components/routes/SettingsRoute.tsx

@@ -0,0 +1,20 @@
+import { Button } from "../ui/button"
+
+export default function SettingsRoute() {
+	return (
+		<div className="flex flex-1 flex-col">
+			<p className="h-[74px] p-[20px] text-2xl font-semibold text-white/30">Settings</p>
+			<div className="flex flex-col space-y-4 p-[20px]">
+				<button className="text-foreground bg-foreground/50 w-full max-w-[300px] rounded-lg p-2">
+					Settings button for something
+				</button>
+			</div>
+		</div>
+		// <div className="flex flex-1 flex-col">
+		// 	<p className="h-[74px] p-[20px] text-2xl font-semibold text-white/30">Settings</p>
+		// 	<div className="mx-auto w-[60%]">
+		// 		<Button className="text-foreground">Settings button for something</Button>
+		// 	</div>
+		// </div>
+	)
+}

web/next.config.mjs

@@ -1,6 +1,7 @@
 // with this set to true, website works in both tauri (`bun app` and website with `bun web`)
 // TODO: find a nicer way to do this, seems bad
-const DEV = process.env.DEV
+// const DEV = process.env.DEV
+const DEV = false
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {