add side stats panel

src/App.svelte

@@ -1,6 +1,7 @@
 <script>
-  import Layout from './lib/Layout.svelte';
-  import WorldMap from './lib/WorldMap.svelte';
+  import Layout from './lib/layout/Layout.svelte';
+  import WorldMap from './lib/world-map/WorldMap.svelte';
+  import StatsPanel from './lib/world-map/StatsPanel.svelte';
   import Timeline from './lib/Timeline.svelte';
 
   let screen = $state('worldmap');
@@ -12,8 +13,27 @@
 
 <Layout {screen} {onNavigate}>
   {#if screen === 'worldmap'}
-    <WorldMap />
+    <div class="worldmap-page">
+      <div class="map-area">
+        <WorldMap />
+      </div>
+      <StatsPanel />
+    </div>
   {:else}
     <Timeline />
   {/if}
 </Layout>
+
+<style>
+  .worldmap-page {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 100%;
+  }
+
+  .map-area {
+    flex: 1;
+    overflow: hidden;
+  }
+</style>