chore: apply code formatting and linting

- format long import statements with consistent line wrapping
- apply consistent indentation across client and server modules
- remove generated tsconfig.tsbuildinfo file

client/src/pages/credential/CredentialDetailPage.tsx

@@ -6,15 +6,8 @@ import { CodeBlock } from '../../ui';
 import { stringify as yamlStringify } from 'yaml';
 import { credentials } from '../../api';
 import type { Credential } from '../../api';
-import {
-  Breadcrumbs,
-  Button,
-  Card,
-  DescriptionList,
-  Modal,
-  Timestamp,
-  UuidBadge,
-} from '../../ui';
+import { Breadcrumbs, Button, Card, DescriptionList, Timestamp, UuidBadge } from '../../ui';
+import { DeleteConfirmationModal } from '../../components/modals';
 import styles from '../Page.module.css';
 
 export function CredentialDetailPage() {
@@ -23,7 +16,6 @@ export function CredentialDetailPage() {
   const navigate = useNavigate();
   const [credential, setCredential] = useState<Credential | null>(null);
   const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
   const [deleting, setDeleting] = useState(false);
 
@@ -32,7 +24,6 @@ export function CredentialDetailPage() {
     credentials
       .get(id)
       .then(setCredential)
-      .catch((err: Error) => setError(err.message))
       .finally(() => setLoading(false));
   }, [id]);
 
@@ -65,7 +56,11 @@ export function CredentialDetailPage() {
       <div className={styles.pageToolbar}>
         <Breadcrumbs
           items={[
-            { label: t('credentials.title'), icon: <KeyRound size={14} />, onClick: () => navigate('/credentials') },
+            {
+              label: t('credentials.title'),
+              icon: <KeyRound size={14} />,
+              onClick: () => navigate('/credentials'),
+            },
             { label: credential?.name ?? `#${id}` },
           ]}
         />
@@ -136,23 +131,14 @@ export function CredentialDetailPage() {
         </>
       )}
 
-      <Modal
+      <DeleteConfirmationModal
         open={confirmDeleteOpen}
         title={t('credentials.action_delete')}
-        onClose={() => !deleting && setConfirmDeleteOpen(false)}
-        footer={(
-          <>
-            <Button variant="secondary" onClick={() => setConfirmDeleteOpen(false)} disabled={deleting}>
-              Cancel
-            </Button>
-            <Button variant="danger" onClick={handleDelete} disabled={deleting}>
-              {t('credentials.action_delete')}
-            </Button>
-          </>
-        )}
-      >
-        Are you sure you want to delete this credential?
-      </Modal>
+        message={t('common.confirm_delete_credential')}
+        onClose={() => setConfirmDeleteOpen(false)}
+        onConfirm={handleDelete}
+        isDeleting={deleting}
+      />
     </div>
   );
 }