refac: note browser title

src/lib/components/notes/NoteEditor.svelte

@@ -31,7 +31,7 @@
 	import { uploadFile } from '$lib/apis/files';
 	import { chatCompletion, generateOpenAIChatCompletion } from '$lib/apis/openai';
 
-	import { config, models, settings, showSidebar, socket, user } from '$lib/stores';
+	import { config, models, settings, showSidebar, socket, user, WEBUI_NAME } from '$lib/stores';
 
 	import NotePanel from '$lib/components/notes/NotePanel.svelte';
 	import MenuLines from '../icons/MenuLines.svelte';
@@ -792,6 +792,14 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 	});
 </script>
 
+<svelte:head>
+	<title>
+		{note?.title
+			? `${note?.title.length > 30 ? `${note?.title.slice(0, 30)}...` : note?.title} • ${$WEBUI_NAME}`
+			: `${$WEBUI_NAME}`}
+	</title>
+</svelte:head>
+
 {#if note}
 	<AccessControlModal
 		bind:show={showAccessControlModal}