changed app name, added new journal entry from map and timeline

src/lib/layout/TopBar.svelte

@@ -3,7 +3,9 @@
 </script>
 
 <nav class="topbar">
-  <span class="logo">Map Journal</span>
+  <div class="logo-area">
+    <span class="logo">Journi</span>
+  </div>
   <div class="nav-links">
     <button class="nav-btn" class:active={screen === 'worldmap'} onclick={() => onNavigate('worldmap')}>Map</button>
     <button class="nav-btn" class:active={screen === 'timeline'} onclick={() => onNavigate('timeline')}>Journal</button>
@@ -23,12 +25,18 @@
     z-index: 10;
   }
 
+  .logo-area {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
   .logo {
     font-family: var(--heading);
-    font-size: 14px;
-    font-weight: 400;
+    font-size: 22px;
+    font-weight: 600;
     color: var(--text-h);
-    letter-spacing: 0.01em;
+    letter-spacing: -0.5px;
   }
 
   .nav-links {