Drop duplicate intros on seven more settings panels

The page-level header (SETTINGS_HEADER_META) already shows the same title
and a near-identical description these panels were re-emitting in their
card header. Drop the panel-level description on:

  - APIAccessPanel (api)
  - DiagnosticsPanel (support-diagnostics)
  - SystemLogsPanel (support-logs)
  - RolesPanel (security-roles)
  - UserAssignmentsPanel (security-users)
  - AuditLogPanel (security-audit)
  - AuditWebhookPanel (security-webhooks, both gated and normal shells)

frontend-modern/src/components/Settings/APIAccessPanel.tsx

@@ -16,7 +16,6 @@ export const APIAccessPanel: Component<APIAccessPanelProps> = (props) => {
     <div class="space-y-6">
       <SettingsPanel
         title="API Access"
-        description="Generate and manage scoped tokens for agents and automation."
         noPadding
       >
         <div class="space-y-3 p-4 sm:p-6 pb-6">

frontend-modern/src/components/Settings/AuditLogPanel.tsx

@@ -103,7 +103,6 @@ export default function AuditLogPanel() {
   return (
     <SettingsPanel
       title="Audit Log"
-      description="Persistent, searchable audit events with optional signature verification."
       noPadding
       bodyClass="space-y-6 p-4 sm:p-6"
       action={

frontend-modern/src/components/Settings/AuditWebhookPanel.tsx

@@ -51,10 +51,7 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
 
   if (!isAuditLoggingEnabled()) {
     return (
-      <SettingsPanel
-        title="Audit Webhooks"
-        description="Configure real-time delivery of security audit events to external systems."
-      >
+      <SettingsPanel title="Audit Webhooks">
         <Show when={!loading()} fallback={<div class="text-sm text-muted">Loading...</div>}>
           <Card tone="info" padding="md">
             <div class="flex flex-col sm:flex-row items-center gap-4">
@@ -85,7 +82,6 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
     <div class="space-y-6">
       <SettingsPanel
         title="Audit Webhooks"
-        description="Configure real-time delivery of security audit events to external systems."
         noPadding
         bodyClass="divide-y divide-border"
       >

frontend-modern/src/components/Settings/DiagnosticsPanel.tsx

@@ -15,7 +15,6 @@ export const DiagnosticsPanel: Component = () => {
     <div class="space-y-6">
       <OperationsPanel
         title={DIAGNOSTICS_PANEL_COPY.title}
-        description={DIAGNOSTICS_PANEL_COPY.description}
         action={
           <div class="flex items-center justify-between sm:justify-end gap-3 flex-wrap">
             <Show when={diagnosticsData()}>

frontend-modern/src/components/Settings/RolesPanel.tsx

@@ -17,7 +17,6 @@ export const RolesPanel: Component = () => {
     <div class="space-y-6">
       <SettingsPanel
         title="Roles"
-        description="Manage built-in and custom roles with granular permissions."
         action={
           <button
             type="button"

frontend-modern/src/components/Settings/SystemLogsPanel.tsx

@@ -22,10 +22,7 @@ export const SystemLogsPanel: Component = () => {
 
   return (
     <div class="space-y-6">
-      <OperationsPanel
-        title={SYSTEM_LOGS_PANEL_COPY.title}
-        description={SYSTEM_LOGS_PANEL_COPY.description}
-      >
+      <OperationsPanel title={SYSTEM_LOGS_PANEL_COPY.title}>
         {/* Controls */}
         <div class="p-4 sm:p-6">
           <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">

frontend-modern/src/components/Settings/UserAssignmentsPanel.tsx

@@ -18,7 +18,6 @@ export const UserAssignmentsPanel: Component = () => {
     <div class="space-y-6">
       <SettingsPanel
         title="User Access"
-        description="Assign roles to users and review effective permissions."
         action={
           <SearchField
             placeholder="Search users..."