chore: reorganize timeline into view/ and detail/ folders, move home.png to assets/

src/App.svelte

@@ -6,7 +6,7 @@
   import WorldMap from './lib/world-map/WorldMap.svelte';
   import JourneyView from './lib/world-map/JourneyView.svelte';
   import StatsPanel from './lib/world-map/StatsPanel.svelte';
-  import TimelineView from './lib/timeline/TimelineView.svelte';
+  import TimelineView from './lib/timeline/view/TimelineView.svelte';
 
   let screen = $state('worldmap');
   let journeyActive = $state(false);

src/lib/auth/CountryPicker.svelte

@@ -1,7 +1,7 @@
 <script>
   import { getUser, getUserProfile, setHomeCountry } from './userStore.svelte.js';
   import { countryNames } from '../shared/countries.js';
-  import homeImg from '../../assets 2/home.png';
+  import homeImg from '../../assets/home.png';
 
   let user = $derived(getUser());
   let profile = $derived(getUserProfile());

src/lib/timeline/detail/EditForm.svelte

@@ -1,9 +1,9 @@
 <script>
-  import { getEntries } from '../stores/entriesStore.svelte.js';
+  import { getEntries } from '../../stores/entriesStore.svelte.js';
-  import { addEntry, updateEntry } from '../stores/entriesStore.svelte.js';
+  import { addEntry, updateEntry } from '../../stores/entriesStore.svelte.js';
-  import { countryNames } from '../shared/countries.js';
+  import { countryNames } from '../../shared/countries.js';
-  import { getCitiesForCountry, ALL_CITIES } from '../shared/cities.js';
+  import { getCitiesForCountry, ALL_CITIES } from '../../shared/cities.js';
-  import SearchInput from '../shared/SearchInput.svelte';
+  import SearchInput from '../../shared/SearchInput.svelte';
   import PhotoEditor from './PhotoEditor.svelte';
 
   /**

src/lib/timeline/detail/JournalDetail.svelte

@@ -1,6 +1,6 @@
 <script>
-  import { removeEntry } from '../stores/entriesStore.svelte.js';
+  import { removeEntry } from '../../stores/entriesStore.svelte.js';
-  import { flagEmoji } from '../shared/countries.js';
+  import { flagEmoji } from '../../shared/countries.js';
   import DeleteConfirm from './DeleteConfirm.svelte';
 
   /** @type {{ entry: import('../shared/types.js').JournalEntry, onBack: () => void, onEdit: () => void }} */

src/lib/timeline/detail/NewEntryForm.svelte

@@ -1,17 +1,17 @@
 <script>
-  import { journals, addJournal } from '../stores/journalStore.js';
+  import { journals, addJournal } from '../../stores/journalStore.js';
   import { get } from 'svelte/store';
-  import { flashCountry } from '../layout/selection.svelte.js';
+  import { flashCountry } from '../../layout/selection.svelte.js';
-  import { countryNames } from '../shared/countries.js';
+  import { countryNames } from '../../shared/countries.js';
-  import { countryCities } from '../shared/countryCities.js';
+  import { countryCities } from '../../shared/countryCities.js';
-  import SearchInput from '../shared/SearchInput.svelte';
+  import SearchInput from '../../shared/SearchInput.svelte';
   import PhotoEditor from './PhotoEditor.svelte';
-  import airplaneImg from '../../assets/airplane.png';
+  import airplaneImg from '../../../assets/airplane.png';
-  import trainImg    from '../../assets/train.png';
+  import trainImg    from '../../../assets/train.png';
-  import busImg      from '../../assets/bus.png';
+  import busImg      from '../../../assets/bus.png';
-  import carImg      from '../../assets/car.png';
+  import carImg      from '../../../assets/car.png';
-  import shipImg     from '../../assets/ship.png';
+  import shipImg     from '../../../assets/ship.png';
-  import walkImg     from '../../assets/walk.png';
+  import walkImg     from '../../../assets/walk.png';
 
   let { initialCountry = '', onBack, onSaved = onBack } = $props();
 

src/lib/timeline/detail/PhotoEditor.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { storage } from '../firebase.js';
+  import { storage } from '../../firebase.js';
   import { ref, uploadBytes, getDownloadURL } from 'firebase/storage';
 
   /** @type {{ photos: string[], onchange: (photos: string[]) => void }} */

src/lib/timeline/view/TimelineCard.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { flagEmoji } from '../shared/countries.js';
+  import { flagEmoji } from '../../shared/countries.js';
 
   /** @type {{ entry: import('../shared/types.js').JournalEntry, onClick: () => void }} */
   let { entry, onClick } = $props();

src/lib/timeline/view/TimelineView.svelte

@@ -1,10 +1,10 @@
 <script>
-  import { getEntries } from '../stores/entriesStore.svelte.js';
+  import { getEntries } from '../../stores/entriesStore.svelte.js';
   import TimelineToolbar from './TimelineToolbar.svelte';
   import TimelineCard from './TimelineCard.svelte';
-  import JournalDetail from './JournalDetail.svelte';
+  import JournalDetail from '../detail/JournalDetail.svelte';
-  import EditForm from './EditForm.svelte';
+  import EditForm from '../detail/EditForm.svelte';
-  import NewEntryForm from './NewEntryForm.svelte';
+  import NewEntryForm from '../detail/NewEntryForm.svelte';
   import ShareCard from './ShareCard.svelte';
   import SharePreview from './SharePreview.svelte';
 

src/lib/world-map/WorldMap.svelte

@@ -5,7 +5,7 @@
   import worldData from 'world-atlas/countries-50m.json';
   import { getSelected, setTotalCount, getFlashing } from '../layout/selection.svelte.js';
   import { getUserProfile } from '../auth/userStore.svelte.js';
-  import homeIconUrl from '../../assets 2/home.png';
+  import homeIconUrl from '../../assets/home.png';
   import crayonCursorUrl from '../../assets/logo-cursor.png';
 
   let { onCountryClick = (_name) => {} } = $props();