Merge branch 'feature/timeline' into main

src/lib/layout/TopBar.svelte

@@ -20,7 +20,7 @@
 
 <div class="topbar">
   <div class="left">
-    <span class="app-name">Map Journal</span>
+    <span class="app-name">Journi</span>
   </div>
 
   <div class="center">
@@ -85,10 +85,11 @@
 
   .app-name {
     font-family: var(--heading);
-    font-size: 14px;
-    font-weight: 400;
+    font-size: 22px;
+    font-weight: 600;
     color: var(--text-h);
     white-space: nowrap;
+    letter-spacing: -0.5px;
   }
 
   .center {
@@ -133,7 +134,6 @@
     color: var(--text);
     letter-spacing: 0.01em;
   }
-
   .right {
     display: flex;
     align-items: center;