feat: add App Config detail page with view/edit mode

Click a row in the admin App Config table to navigate to a dedicated
detail page at /admin/appconfig/:appId. Shows all config fields as
badges in view mode; pencil toggles to edit mode with dropdowns.

Traced processors are now editable (capture mode dropdown + remove
button per processor). Sections and header use card styling for
visual contrast. OidcConfigPage gets the same card treatment.

List page simplified to read-only badge overview with row click
navigation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/src/router.tsx

@@ -19,6 +19,7 @@ const OidcConfigPage = lazy(() => import('./pages/Admin/OidcConfigPage'));
 const DatabaseAdminPage = lazy(() => import('./pages/Admin/DatabaseAdminPage'));
 const OpenSearchAdminPage = lazy(() => import('./pages/Admin/OpenSearchAdminPage'));
 const AppConfigPage = lazy(() => import('./pages/Admin/AppConfigPage'));
+const AppConfigDetailPage = lazy(() => import('./pages/Admin/AppConfigDetailPage'));
 const SwaggerPage = lazy(() => import('./pages/Swagger/SwaggerPage'));
 
 function SuspenseWrapper({ children }: { children: React.ReactNode }) {
@@ -58,6 +59,7 @@ export const router = createBrowserRouter([
               { path: 'audit', element: <SuspenseWrapper><AuditLogPage /></SuspenseWrapper> },
               { path: 'oidc', element: <SuspenseWrapper><OidcConfigPage /></SuspenseWrapper> },
               { path: 'appconfig', element: <SuspenseWrapper><AppConfigPage /></SuspenseWrapper> },
+              { path: 'appconfig/:appId', element: <SuspenseWrapper><AppConfigDetailPage /></SuspenseWrapper> },
               { path: 'database', element: <SuspenseWrapper><DatabaseAdminPage /></SuspenseWrapper> },
               { path: 'opensearch', element: <SuspenseWrapper><OpenSearchAdminPage /></SuspenseWrapper> },
             ],