refac

src/lib/components/chat/Settings/About.svelte

@@ -45,6 +45,8 @@
 </script>
 
 <div id="tab-about" class="flex flex-col h-full justify-between space-y-3 text-sm">
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('About')}</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5 space-y-3">
 		<div>
 			<div class="text-xs text-gray-400 dark:text-gray-600 mb-2.5 flex space-x-2 items-center">

src/lib/components/chat/Settings/ArchivedChats.svelte

@@ -174,6 +174,10 @@
 />
 
 <div id="tab-archived-chats" class="flex flex-col h-full text-sm">
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
+		{$i18n.t('Archived Chats')}
+	</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
 		<div>
 			<div class="text-xs text-gray-400 dark:text-gray-600 mb-2">

src/lib/components/chat/Settings/Audio.svelte

@@ -175,6 +175,8 @@
 		dispatch('save');
 	}}
 >
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('Audio')}</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5 space-y-3">
 		<div>
 			<div class="text-xs text-gray-400 dark:text-gray-600 mb-2">

src/lib/components/chat/Settings/Connections.svelte

@@ -76,6 +76,8 @@
 		updateHandler();
 	}}
 >
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('Connections')}</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
 		{#if config !== null}
 			<div class="">

src/lib/components/chat/Settings/DataControls.svelte

@@ -133,6 +133,10 @@
 />
 
 <div id="tab-chats" class="flex flex-col h-full text-sm">
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
+		{$i18n.t('Data Controls')}
+	</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5 space-y-3">
 		<input
 			id="chat-import-input"

src/lib/components/chat/Settings/General.svelte

@@ -206,6 +206,8 @@
 </script>
 
 <div class="flex flex-col h-full justify-between text-sm" id="tab-general">
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('General')}</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
 		<div class="">
 			<div class="text-xs text-gray-400 dark:text-gray-600 mb-2">

src/lib/components/chat/Settings/Integrations.svelte

@@ -80,6 +80,8 @@
 		updateHandler();
 	}}
 >
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('Integrations')}</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
 		{#if servers !== null}
 			<div>

src/lib/components/chat/Settings/Interface.svelte

@@ -307,6 +307,8 @@
 		dispatch('save');
 	}}
 >
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">{$i18n.t('Interface')}</h2>
+
 	<input
 		bind:this={filesInputElement}
 		bind:files={inputFiles}

src/lib/components/chat/Settings/Personalization.svelte

@@ -29,6 +29,10 @@
 		dispatch('save');
 	}}
 >
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
+		{$i18n.t('Personalization')}
+	</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5 py-1">
 		<div>
 			<div class="flex items-center justify-between mb-1">

src/lib/components/chat/Settings/Shortcuts.svelte

@@ -39,6 +39,10 @@
 </script>
 
 <div id="tab-shortcuts" class="flex h-full flex-col text-sm">
+	<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
+		{$i18n.t('Keyboard Shortcuts')}
+	</h2>
+
 	<div class="flex-1 min-h-0 overflow-y-auto scrollbar-hover pr-1.5">
 		<div class="flex items-center gap-2 px-1 pb-1">
 			<span class="flex-1 text-[0.625rem] font-medium text-gray-400 dark:text-gray-600">

src/lib/components/chat/SettingsModal.svelte

@@ -750,7 +750,6 @@
 	$: if ($user?.role !== 'admin' && isAdminTab(selectedTab)) {
 		selectedTab = 'general';
 	}
-	$: selectedTabTitle = allKnownSettings.find((tab) => tab.id === selectedTab)?.title ?? 'Settings';
 
 	onMount(() => {
 		availableSettings = getAvailableSettings();
@@ -1001,12 +1000,6 @@
 	</nav>
 
 	<div class="flex-1 min-h-0 p-4 md:px-5 flex flex-col">
-		{#if selectedTab !== 'account' && selectedTab !== 'admin:models'}
-			<h2 class="text-sm font-medium text-gray-900 dark:text-white mb-4">
-				{$i18n.t(selectedTabTitle)}
-			</h2>
-		{/if}
-
 		<div class="flex-1 min-h-0 overflow-hidden">
 			{#if selectedTab === 'general'}
 				<General