fix: Implement proper fonts and visible logo

Font fixes:
- Added Title component styles in theme.ts to apply Forum font
- Body uses Zalando Sans via theme fontFamily
- All headings (h1-h6) now use Forum via Title component styles

Logo fixes:
- Rewrote SVG with simplified paths at larger scale
- Removed complex transforms causing content to be outside viewBox
- Logo now renders at 32x32px with clearly visible wave graphic
- Save button now generates draft from conversation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

public/logo.svg

@@ -1,16 +1,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60" width="256" height="256" aria-labelledby="logoTitle">
   <title id="logoTitle">Woven abstract logo of communication waves</title>
 
-  <g fill-rule="evenodd" fill="none" transform="translate(-18, 0) rotate(90, 48, 30) translate(0, 40) scale(1, -1)">
+  <g fill-rule="evenodd" fill="none">
+    <!-- Scaled and positioned wave patterns -->
+    <!-- Jagged wave - Left end segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 15 30 L 22 20" />
 
-    <!-- Jagged wave - Left end segment (draw first, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 L 45 26.25" />
+    <!-- Jagged wave - Right end segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 38 40 L 45 30" />
 
-    <!-- Jagged wave - Right end segment (draw second, appears behind) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 51 33.75 L 54 30" />
-
-    <!-- Curved wave (drawn third, appears in middle layer) --><path stroke="#909296" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 42 30 Q 45 37.5, 48 30 Q 51 22.5, 54 30" />
-
-    <!-- Jagged wave - Center segment (drawn last, appears in front) --><path stroke="#E0E0E0" stroke-width="1.5" stroke-linecap="round" fill="none" d="M 45 26.25 L 48 30 L 51 33.75" />
+    <!-- Curved wave (middle layer) --><path stroke="#909296" stroke-width="3" stroke-linecap="round" fill="none" d="M 15 30 Q 22 45, 30 30 Q 38 15, 45 30" />
 
+    <!-- Jagged wave - Center segment --><path stroke="#E0E0E0" stroke-width="3" stroke-linecap="round" fill="none" d="M 22 20 L 30 30 L 38 40" />
   </g>
 
 </svg>