added dummy settings

src/routes/settings/+page.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+// Dummy settings page
+</script>
+
+<h1 class="text-2xl font-bold mb-4">Settings</h1>
+<div class="space-y-4">
+  <div class="p-4 bg-muted rounded">Option 1: [dummy toggle]</div>
+  <div class="p-4 bg-muted rounded">Option 2: [dummy select]</div>
+  <div class="p-4 bg-muted rounded">More settings coming soon...</div>
+</div> 

src/routes/settings/profile/+page.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+import { page } from '$app/stores';
+let email = '';
+let currentPassword = '';
+let newPassword = '';
+let confirmPassword = '';
+
+// Use $page as a reactive value
+$: fullName = $page.data?.user?.username || '';
+
+function handleEmailChange(e: Event) {
+  e.preventDefault();
+  alert('Email change submitted (dummy)');
+}
+
+function handlePasswordChange(e: Event) {
+  e.preventDefault();
+  if (newPassword !== confirmPassword) {
+    alert('Passwords do not match!');
+    return;
+  }
+  alert('Password change submitted (dummy)');
+}
+</script>
+
+<h1 class="text-2xl font-bold mb-4">Profile</h1>
+
+<div class="mb-8 p-4 bg-muted rounded">
+  <div class="font-medium">Full Name</div>
+  <div class="text-lg">{fullName}</div>
+</div>
+
+<form class="space-y-4 mb-8" on:submit|preventDefault={handleEmailChange}>
+  <div>
+    <label class="block mb-1 font-medium" for="email">Email Address</label>
+    <input id="email" type="email" bind:value={email} class="border rounded px-3 py-2 w-full" required />
+  </div>
+  <button type="submit" class="bg-primary text-primary-foreground rounded px-4 py-2">Change Email</button>
+</form>
+
+<form class="space-y-4" on:submit|preventDefault={handlePasswordChange}>
+  <div>
+    <label class="block mb-1 font-medium" for="currentPassword">Current Password</label>
+    <input id="currentPassword" type="password" bind:value={currentPassword} class="border rounded px-3 py-2 w-full" required />
+  </div>
+  <div>
+    <label class="block mb-1 font-medium" for="newPassword">New Password</label>
+    <input id="newPassword" type="password" bind:value={newPassword} class="border rounded px-3 py-2 w-full" required />
+  </div>
+  <div>
+    <label class="block mb-1 font-medium" for="confirmPassword">Confirm New Password</label>
+    <input id="confirmPassword" type="password" bind:value={confirmPassword} class="border rounded px-3 py-2 w-full" required />
+  </div>
+  <button type="submit" class="bg-primary text-primary-foreground rounded px-4 py-2">Change Password</button>
+</form> 

src/routes/settings/subscription/+page.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+// Dummy subscription page
+</script>
+
+<h1 class="text-2xl font-bold mb-4">Subscription</h1>
+<div class="space-y-4">
+  <div class="p-4 bg-muted rounded">Current Plan: [dummy plan]</div>
+  <div class="p-4 bg-muted rounded">Renewal Date: [dummy date]</div>
+  <div class="p-4 bg-muted rounded">Upgrade options coming soon...</div>
+</div>