Truncate journal and entry names in browser tab titles

Entry: 50 chars for entry name, 30 for journal name
Journal: 60 chars for journal name
Appends ellipsis (…) when truncated.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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

@@ -303,10 +303,18 @@ if (browser) {
 }
 
 import { LoaderCircle } from '@lucide/svelte';
+
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 60
+            ? $lq__journal_obj.name.slice(0, 60) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $lq__journal_obj === undefined}

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

@@ -258,10 +258,25 @@ $effect(() => {
         // log_lvl = 1;
     }
 });
+
+const title_entry = $derived(
+    $lq__journal_entry_obj?.name
+        ? $lq__journal_entry_obj.name.length > 50
+            ? $lq__journal_entry_obj.name.slice(0, 50) + '…'
+            : $lq__journal_entry_obj.name
+        : 'Entry'
+);
+const title_journal = $derived(
+    $lq__journal_obj?.name
+        ? $lq__journal_obj.name.length > 30
+            ? $lq__journal_obj.name.slice(0, 30) + '…'
+            : $lq__journal_obj.name
+        : 'Journal'
+);
 </script>
 
 <svelte:head>
-    <title>{$lq__journal_entry_obj?.name ?? 'Entry'} - {$lq__journal_obj?.name ?? 'Journal'} - OSIT's AE Journals</title>
+    <title>{title_entry} - {title_journal} - OSIT's AE Journals</title>
 </svelte:head>
 
 {#if $ae_loc.person_id == $lq__journal_obj?.person_id || $lq__journal_entry_obj?.public}