From d54de16ec8445394cc478b8b18bcb7761110331a Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Sun, 22 Mar 2026 02:17:38 +0100
Subject: [PATCH] feat: add panel title headings to all UserSettings panels

---
 .../src/components/modals/settingsPanels/AccountPanel.tsx  | 1 +
 .../components/modals/settingsPanels/ConnectionsPanel.tsx  | 7 ++++++-
 .../src/components/modals/settingsPanels/InstancePanel.tsx | 1 +
 .../src/components/modals/settingsPanels/PrivacyPanel.tsx  | 1 +
 .../src/components/modals/settingsPanels/VoicePanel.tsx    | 1 +
 5 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx b/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
index 11b19a30..39ce2f6a 100644
--- a/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/AccountPanel.tsx
@@ -364,6 +364,7 @@ export function AccountPanel() {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">My Account</h2>
       {/* ── Profile Customization ── */}
       <div>
         <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
diff --git a/packages/web/src/components/modals/settingsPanels/ConnectionsPanel.tsx b/packages/web/src/components/modals/settingsPanels/ConnectionsPanel.tsx
index ba0d1d7f..cd174a6f 100644
--- a/packages/web/src/components/modals/settingsPanels/ConnectionsPanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/ConnectionsPanel.tsx
@@ -1,5 +1,10 @@
 import { ConnectedInstances } from '../ConnectedInstances';
 
 export function ConnectionsPanel() {
-  return <ConnectedInstances />;
+  return (
+    <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Connections</h2>
+      <ConnectedInstances />
+    </div>
+  );
 }
diff --git a/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx b/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
index c10779a0..071efc30 100644
--- a/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/InstancePanel.tsx
@@ -27,6 +27,7 @@ export function InstancePanel() {
 
   return (
     <div className="space-y-4">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Instance</h2>
       {/* Sub-tab switcher */}
       <div className="flex gap-1 p-1 bg-white/[0.02] rounded-full w-fit">
         <button onClick={() => setSubTab('general')} className={pillClass('general')}>
diff --git a/packages/web/src/components/modals/settingsPanels/PrivacyPanel.tsx b/packages/web/src/components/modals/settingsPanels/PrivacyPanel.tsx
index dc0b2daa..15df0ca4 100644
--- a/packages/web/src/components/modals/settingsPanels/PrivacyPanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/PrivacyPanel.tsx
@@ -31,6 +31,7 @@ export function PrivacyPanel() {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Privacy</h2>
       <div>
         <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
           Discovery
diff --git a/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx b/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
index 17103d40..f6fdfd30 100644
--- a/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
+++ b/packages/web/src/components/modals/settingsPanels/VoicePanel.tsx
@@ -13,6 +13,7 @@ export function VoicePanel() {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Voice</h2>
       <div>
         <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
           Volume