feat(settings): remake settings page with admin-style tabbed layout

Replaces the 2-column masonry layout with a horizontal pill tab bar
matching the admin page pattern. Extracts all sections into self-contained
components under components/Settings/ and reduces SettingsPage.tsx from
1554 lines to 93. Adds i18n tab label keys across all 13 language files.

client/src/i18n/translations/ar.ts

@@ -132,6 +132,12 @@ const ar: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'الإعدادات',
   'settings.subtitle': 'ضبط إعداداتك الشخصية',
+  'settings.tabs.display': 'العرض',
+  'settings.tabs.map': 'الخريطة',
+  'settings.tabs.notifications': 'الإشعارات',
+  'settings.tabs.integrations': 'التكاملات',
+  'settings.tabs.account': 'الحساب',
+  'settings.tabs.about': 'حول',
   'settings.map': 'الخريطة',
   'settings.mapTemplate': 'قالب الخريطة',
   'settings.mapTemplatePlaceholder.select': 'اختر قالبًا...',

client/src/i18n/translations/br.ts

@@ -127,6 +127,12 @@ const br: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'Configurações',
   'settings.subtitle': 'Ajuste suas preferências pessoais',
+  'settings.tabs.display': 'Exibição',
+  'settings.tabs.map': 'Mapa',
+  'settings.tabs.notifications': 'Notificações',
+  'settings.tabs.integrations': 'Integrações',
+  'settings.tabs.account': 'Conta',
+  'settings.tabs.about': 'Sobre',
   'settings.map': 'Mapa',
   'settings.mapTemplate': 'Modelo de mapa',
   'settings.mapTemplatePlaceholder.select': 'Selecione o modelo...',

client/src/i18n/translations/cs.ts

@@ -128,6 +128,12 @@ const cs: Record<string, string | { name: string; category: string }[]> = {
   // Nastavení (Settings)
   'settings.title': 'Nastavení',
   'settings.subtitle': 'Upravte své osobní nastavení',
+  'settings.tabs.display': 'Zobrazení',
+  'settings.tabs.map': 'Mapa',
+  'settings.tabs.notifications': 'Oznámení',
+  'settings.tabs.integrations': 'Integrace',
+  'settings.tabs.account': 'Účet',
+  'settings.tabs.about': 'O aplikaci',
   'settings.map': 'Mapy',
   'settings.mapTemplate': 'Šablona mapy',
   'settings.mapTemplatePlaceholder.select': 'Vyberte šablonu...',

client/src/i18n/translations/de.ts

@@ -127,6 +127,12 @@ const de: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'Einstellungen',
   'settings.subtitle': 'Konfigurieren Sie Ihre persönlichen Einstellungen',
+  'settings.tabs.display': 'Anzeige',
+  'settings.tabs.map': 'Karte',
+  'settings.tabs.notifications': 'Benachrichtigungen',
+  'settings.tabs.integrations': 'Integrationen',
+  'settings.tabs.account': 'Konto',
+  'settings.tabs.about': 'Über',
   'settings.map': 'Karte',
   'settings.mapTemplate': 'Karten-Vorlage',
   'settings.mapTemplatePlaceholder.select': 'Vorlage auswählen...',

client/src/i18n/translations/en.ts

@@ -127,6 +127,12 @@ const en: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'Settings',
   'settings.subtitle': 'Configure your personal settings',
+  'settings.tabs.display': 'Display',
+  'settings.tabs.map': 'Map',
+  'settings.tabs.notifications': 'Notifications',
+  'settings.tabs.integrations': 'Integrations',
+  'settings.tabs.account': 'Account',
+  'settings.tabs.about': 'About',
   'settings.map': 'Map',
   'settings.mapTemplate': 'Map Template',
   'settings.mapTemplatePlaceholder.select': 'Select template...',

client/src/i18n/translations/es.ts

@@ -128,6 +128,12 @@ const es: Record<string, string> = {
   // Settings
   'settings.title': 'Ajustes',
   'settings.subtitle': 'Configura tus ajustes personales',
+  'settings.tabs.display': 'Pantalla',
+  'settings.tabs.map': 'Mapa',
+  'settings.tabs.notifications': 'Notificaciones',
+  'settings.tabs.integrations': 'Integraciones',
+  'settings.tabs.account': 'Cuenta',
+  'settings.tabs.about': 'Acerca de',
   'settings.map': 'Mapa',
   'settings.mapTemplate': 'Plantilla del mapa',
   'settings.mapTemplatePlaceholder.select': 'Seleccionar plantilla...',

client/src/i18n/translations/fr.ts

@@ -127,6 +127,12 @@ const fr: Record<string, string> = {
   // Settings
   'settings.title': 'Paramètres',
   'settings.subtitle': 'Configurez vos paramètres personnels',
+  'settings.tabs.display': 'Affichage',
+  'settings.tabs.map': 'Carte',
+  'settings.tabs.notifications': 'Notifications',
+  'settings.tabs.integrations': 'Intégrations',
+  'settings.tabs.account': 'Compte',
+  'settings.tabs.about': 'À propos',
   'settings.map': 'Carte',
   'settings.mapTemplate': 'Modèle de carte',
   'settings.mapTemplatePlaceholder.select': 'Sélectionner un modèle…',

client/src/i18n/translations/hu.ts

@@ -127,6 +127,12 @@ const hu: Record<string, string | { name: string; category: string }[]> = {
   // Beállítások
   'settings.title': 'Beállítások',
   'settings.subtitle': 'Személyes beállítások konfigurálása',
+  'settings.tabs.display': 'Megjelenés',
+  'settings.tabs.map': 'Térkép',
+  'settings.tabs.notifications': 'Értesítések',
+  'settings.tabs.integrations': 'Integrációk',
+  'settings.tabs.account': 'Fiók',
+  'settings.tabs.about': 'Névjegy',
   'settings.map': 'Térkép',
   'settings.mapTemplate': 'Térkép sablon',
   'settings.mapTemplatePlaceholder.select': 'Sablon kiválasztása...',

client/src/i18n/translations/it.ts

@@ -127,6 +127,12 @@ const it: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'Impostazioni',
   'settings.subtitle': 'Configura le tue impostazioni personali',
+  'settings.tabs.display': 'Visualizzazione',
+  'settings.tabs.map': 'Mappa',
+  'settings.tabs.notifications': 'Notifiche',
+  'settings.tabs.integrations': 'Integrazioni',
+  'settings.tabs.account': 'Account',
+  'settings.tabs.about': 'Informazioni',
   'settings.map': 'Mappa',
   'settings.mapTemplate': 'Modello Mappa',
   'settings.mapTemplatePlaceholder.select': 'Seleziona modello...',

client/src/i18n/translations/nl.ts

@@ -127,6 +127,12 @@ const nl: Record<string, string> = {
   // Settings
   'settings.title': 'Instellingen',
   'settings.subtitle': 'Configureer je persoonlijke instellingen',
+  'settings.tabs.display': 'Weergave',
+  'settings.tabs.map': 'Kaart',
+  'settings.tabs.notifications': 'Meldingen',
+  'settings.tabs.integrations': 'Integraties',
+  'settings.tabs.account': 'Account',
+  'settings.tabs.about': 'Over',
   'settings.map': 'Kaart',
   'settings.mapTemplate': 'Kaartsjabloon',
   'settings.mapTemplatePlaceholder.select': 'Selecteer sjabloon...',

client/src/i18n/translations/pl.ts

@@ -113,6 +113,12 @@ const pl: Record<string, string | { name: string; category: string }[]> = {
   // Settings
   'settings.title': 'Ustawienia',
   'settings.subtitle': 'Skonfiguruj swoje ustawienia',
+  'settings.tabs.display': 'Wygląd',
+  'settings.tabs.map': 'Mapa',
+  'settings.tabs.notifications': 'Powiadomienia',
+  'settings.tabs.integrations': 'Integracje',
+  'settings.tabs.account': 'Konto',
+  'settings.tabs.about': 'O aplikacji',
   'settings.map': 'Mapa',
   'settings.mapTemplate': 'Szablon mapy',
   'settings.mapTemplatePlaceholder.select': 'Wybierz szablon...',

client/src/i18n/translations/ru.ts

@@ -127,6 +127,12 @@ const ru: Record<string, string> = {
   // Settings
   'settings.title': 'Настройки',
   'settings.subtitle': 'Настройте свои персональные параметры',
+  'settings.tabs.display': 'Дисплей',
+  'settings.tabs.map': 'Карта',
+  'settings.tabs.notifications': 'Уведомления',
+  'settings.tabs.integrations': 'Интеграции',
+  'settings.tabs.account': 'Аккаунт',
+  'settings.tabs.about': 'О приложении',
   'settings.map': 'Карта',
   'settings.mapTemplate': 'Шаблон карты',
   'settings.mapTemplatePlaceholder.select': 'Выберите шаблон...',

client/src/i18n/translations/zh.ts

@@ -127,6 +127,12 @@ const zh: Record<string, string> = {
   // Settings
   'settings.title': '设置',
   'settings.subtitle': '配置你的个人设置',
+  'settings.tabs.display': '显示',
+  'settings.tabs.map': '地图',
+  'settings.tabs.notifications': '通知',
+  'settings.tabs.integrations': '集成',
+  'settings.tabs.account': '账户',
+  'settings.tabs.about': '关于',
   'settings.map': '地图',
   'settings.mapTemplate': '地图模板',
   'settings.mapTemplatePlaceholder.select': '选择模板...',