Fix journal entry layout scrolling

src/routes/journals/[journal_id]/+layout.svelte

@@ -13,14 +13,12 @@ import { FilePlus, Notebook, SquareLibrary, X } from '@lucide/svelte';
 import { liveQuery } from 'dexie';
 
 import { db_journals } from '$lib/ae_journals/db_journals';
-import { ae_loc, ae_api, slct } from '$lib/stores/ae_stores';
+import { ae_loc, ae_api } from '$lib/stores/ae_stores';
 import {
     journals_loc,
-    journals_sess,
     journals_slct
 } from '$lib/ae_journals/ae_journals_stores';
 import { journals_func } from '$lib/ae_journals/ae_journals_functions';
-import type { ae_JournalEntry } from '$lib/types/ae_types';
 
 import Journal_entry_obj_qry from './../ae_comp__journal_entry_obj_qry.svelte';
 
@@ -85,12 +83,11 @@ $effect(() => {
     class="
         ae_journals__journal
         mx-auto
-        flex max-h-max min-h-full max-w-max
-        min-w-full
-        grow
+        flex w-full max-w-none min-w-0
         flex-col
-        items-center
+        items-stretch
         gap-1
+        min-h-0
         space-y-2
         ">
     <div
@@ -200,7 +197,12 @@ Middle-click to open in new tab`}>
                             .length}&times; Recent Entries...
                     </option>
                     <!-- loop through each key value -->
-                    {#each Object.entries($journals_loc.entry_view_history_kv as Record<string, any>).reverse() as [journal_entry_id, journal_entry_obj] (journal_entry_id)}
+                    {#each Object.entries(
+                        $journals_loc.entry_view_history_kv as Record<
+                            string,
+                            { id: string; name: string; url: string }
+                        >
+                    ).reverse() as [journal_entry_id, journal_entry_obj] (journal_entry_id)}
                         <option value={journal_entry_obj.id}>
                             {(journal_entry_obj?.name ||
                                 journal_entry_obj?.id) ??
@@ -316,7 +318,7 @@ Middle-click to open in new tab`}>
         </span>
     </div>
 
-    <div class="overflow-auto">
+    <div class="w-full min-w-0">
         {@render children?.()}
     </div>
 </section>

src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte

@@ -273,7 +273,7 @@ $effect(() => {
         class="
         ae_journals__journal_entry
         mx-auto
-        flex w-full max-w-6xl min-w-0
+        flex w-full max-w-none min-w-0
         grow
         flex-col
         items-stretch