feat: add panel title headings to all SpaceSettings panels

packages/web/src/components/modals/SpaceSettings.tsx

@@ -69,6 +69,7 @@ function DiscoveryPanel({ spaceId }: { spaceId: string }) {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Discovery</h2>
       {!discoveryEnabled && (
         <div className="p-2.5 bg-accent-amber/10 border border-accent-amber/30 rounded text-[13px] text-accent-amber">
           Space discovery is disabled by the instance administrator. Changing visibility will have no effect until discovery is re-enabled.

packages/web/src/components/modals/spaceSettingsPanels/BansPanel.tsx

@@ -60,6 +60,7 @@ export function BansPanel({ spaceId }: BansPanelProps) {
 
   return (
     <div className="space-y-4">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Bans</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}

packages/web/src/components/modals/spaceSettingsPanels/MembersPanel.tsx

@@ -100,6 +100,7 @@ export function MembersPanel({ spaceId }: MembersPanelProps) {
 
   return (
     <div className="space-y-4">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Members</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}

packages/web/src/components/modals/spaceSettingsPanels/OverviewPanel.tsx

@@ -273,6 +273,7 @@ export function OverviewPanel({ spaceId }: OverviewPanelProps) {
   return (
     <>
       <div className="space-y-5">
+        <h2 className="text-lg font-semibold text-txt-primary mb-6">Overview</h2>
         {/* Space Identity */}
         <div>
           <div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">Space Identity</div>

packages/web/src/components/modals/spaceSettingsPanels/RolesPanel.tsx

@@ -127,6 +127,7 @@ export function RolesPanel({ spaceId }: RolesPanelProps) {
 
   return (
     <div className="space-y-5">
+      <h2 className="text-lg font-semibold text-txt-primary mb-6">Roles</h2>
       {error && (
         <div className="p-2 bg-accent-rose/10 border border-accent-rose/30 rounded text-txt-danger text-sm">{error}</div>
       )}