feat: dark-tech UI redesign + markdown patch cards

Redesign the frontend with a dark-tech theme: add Tailwind + PostCSS,
design tokens, and shadcn-style primitives (Button/Card/Input/Dialog/
DropdownMenu/Tabs/ScrollArea/etc.); restyle the app shell, navigation,
sidebar tree, content view, markdown rendering, editors, modals and
settings panels. Behavior/props unchanged; Font Awesome replaced with
lucide-react.

Add the patch cards feature UI: patch-queries hooks and a PatchCards
component rendered below the markdown body, with an Add Patch button
and create/edit dialog.

Fix tree expandability: folders with an index page now expand on name
click (and navigate), and the chevron+folder icon is one larger toggle.

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

src/components/Modals/ApiKeyRevokeModal.js

@@ -1,5 +1,15 @@
 import React, { useState } from 'react';
+import { Trash2 } from 'lucide-react';
 import { useRevokeApiKey } from '../../utils/queries/apikey-queries';
+import {
+    Dialog,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
+    DialogFooter,
+} from '../ui/dialog';
+import { Button } from '../ui/button';
+import { Input, Label } from '../ui/input';
 
 const ApiKeyRevokeModal = ({ isOpen, onClose }) => {
     const [apiKey, setApiKey] = useState('');
@@ -21,43 +31,37 @@ const ApiKeyRevokeModal = ({ isOpen, onClose }) => {
         }
     };
 
-    if (!isOpen) return null;
-
     return (
-        <div className="modal is-active">
-            <div className="modal-background" onClick={onClose}></div>
-            <div className="modal-card">
-                <header className="modal-card-head">
-                    <p className="modal-card-title">Revoke API Key</p>
-                    <button className="delete" aria-label="close" onClick={onClose}></button>
-                </header>
-                <section className="modal-card-body">
-                    <div className="field">
-                        <label className="label">API Key</label>
-                        <div className="control">
-                            <input
-                                className="input"
-                                type="text"
-                                placeholder="Enter API key to revoke"
-                                value={apiKey}
-                                onChange={(e) => setApiKey(e.target.value)}
-                            />
-                        </div>
-                    </div>
-                </section>
-                <footer className="modal-card-foot">
-                    <button
-                        className="button is-danger"
+        <Dialog open={isOpen} onOpenChange={(o) => { if (!o) onClose(); }}>
+            <DialogContent>
+                <DialogHeader>
+                    <DialogTitle>Revoke API Key</DialogTitle>
+                </DialogHeader>
+                <div className="space-y-2">
+                    <Label htmlFor="revoke-api-key">API Key</Label>
+                    <Input
+                        id="revoke-api-key"
+                        type="text"
+                        placeholder="Enter API key to revoke"
+                        value={apiKey}
+                        onChange={(e) => setApiKey(e.target.value)}
+                    />
+                </div>
+                <DialogFooter>
+                    <Button variant="outline" onClick={onClose}>
+                        Cancel
+                    </Button>
+                    <Button
+                        variant="destructive"
                         onClick={handleRevoke}
                         disabled={revokeApiKeyMutation.isLoading}
                     >
-                        Revoke
-                    </button>
-                    <button className="button" onClick={onClose}>Cancel</button>
-                </footer>
-            </div>
-        </div>
+                        <Trash2 className="h-4 w-4" /> Revoke
+                    </Button>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
     );
 };
 
-export default ApiKeyRevokeModal; 
+export default ApiKeyRevokeModal;