MPM marketplace and UI updates

apps/platform-frontend/src/features/admin/system-status-page.tsx

@@ -2,7 +2,7 @@ import { type ReactNode } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { apiRequest } from '../../lib/api-client';
 import { z } from 'zod';
-import { Card, CardBody, CardHeader } from '../../components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card';
 import { Badge } from '../../components/ui/badge';
 import { ErrorState, Spinner } from '../../components/ui/states';
 
@@ -54,8 +54,8 @@ export function SystemStatusPage(): ReactNode {
       </div>
 
       <Card>
-        <CardHeader title="Gesamtstatus" />
-        <CardBody>
+        <CardHeader><CardTitle>Gesamtstatus</CardTitle></CardHeader>
+        <CardContent>
           {statusQuery.isLoading && <Spinner />}
           {statusQuery.isError && (
             <ErrorState message="Der Systemstatus ist nicht erreichbar." />
@@ -78,12 +78,12 @@ export function SystemStatusPage(): ReactNode {
               </span>
             </div>
           )}
-        </CardBody>
+        </CardContent>
       </Card>
 
       <Card>
-        <CardHeader title="Komponenten" />
-        <CardBody>
+        <CardHeader><CardTitle>Komponenten</CardTitle></CardHeader>
+        <CardContent>
           {statusQuery.data && (
             <div className="space-y-3">
               {statusQuery.data.components.map((component) => (
@@ -100,8 +100,8 @@ export function SystemStatusPage(): ReactNode {
               ))}
             </div>
           )}
-        </CardBody>
+        </CardContent>
       </Card>
     </div>
   );
-}
+}