fix(kon): spinner direction, sidebar nav lock, rebrand to Kon

- Spinner: reversed sinhala-spin from counter-clockwise to clockwise
- Sidebar nav lock: removed {#key page.current} block that forced full
  destroy/recreate of pages on every navigation. DictationPage's AudioWorklet
  cleanup in onDestroy was blocking the UI during the {#key} destruction cycle.
  Now uses {#if} blocks only — smoother page transitions.
- Rebranded sidebar: Ramble → Kon, v0.2 → v1.0

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/app.css

@@ -275,7 +275,7 @@ html.light .animate-glow-pulse {
 /* Sinhala character spin (decorative, during recording) */
 @keyframes sinhala-spin {
   from { transform: rotate(0deg); }
-  to { transform: rotate(-360deg); }
+  to { transform: rotate(360deg); }
 }
 .animate-sinhala-spin {
   animation: sinhala-spin 2s linear infinite;

src/lib/Sidebar.svelte

@@ -32,10 +32,10 @@
   <!-- Logo -->
   <div class="px-5 pt-4 pb-1">
     <div class="flex items-center gap-2">
-      <h1 class="font-display text-[26px] text-text tracking-tight leading-none italic">Ramble</h1>
+      <h1 class="font-display text-[26px] text-text tracking-tight leading-none italic">Kon</h1>
       <span
         class="text-[18px] text-accent inline-block {page.recording ? 'animate-sinhala-spin' : ''}"
-        title="Ramble"
+        title="Kon"
       >&#3559;</span>
     </div>
     <p class="text-[10px] text-text-tertiary mt-1.5 tracking-[0.12em] uppercase">Think out loud</p>
@@ -102,6 +102,6 @@
       ></span>
       <span class="text-[11px] text-text-secondary">{page.status}</span>
     </div>
-    <p class="text-[10px] text-text-tertiary mt-1.5">{settings.formatMode} · v0.2</p>
+    <p class="text-[10px] text-text-tertiary mt-1.5">{settings.formatMode} · v1.0</p>
   </div>
 </aside>

src/routes/+page.svelte

@@ -13,17 +13,15 @@
 </script>
 
 <div class="h-full overflow-hidden">
-  {#key page.current}
+  {#if page.current === "dictation"}
-    {#if page.current === "dictation"}
+    <DictationPage />
-      <DictationPage />
+  {:else if page.current === "files"}
-    {:else if page.current === "files"}
+    <FilesPage />
-      <FilesPage />
+  {:else if page.current === "tasks"}
-    {:else if page.current === "tasks"}
+    <TasksPage />
-      <TasksPage />
+  {:else if page.current === "history"}
-    {:else if page.current === "history"}
+    <HistoryPage />
-      <HistoryPage />
+  {:else if page.current === "settings"}
-    {:else if page.current === "settings"}
+    <SettingsPage />
-      <SettingsPage />
+  {/if}
-    {/if}
-  {/key}
 </div>