docs: add web admin UI to quickstart guides and landing page

- Each quickstart guide now ends with a "Try the web UI" section
- Landing page feature grid replaces "No Root, No Docker" with
  "Web Admin UI" card highlighting dbdeployer admin ui

Author: renecannao

website/src/components/FeatureGrid.astro

@@ -22,10 +22,10 @@ const features = [
     accent: '#f59e0b',
   },
   {
-    icon: 'userspace',
-    title: 'No Root, No Docker',
+    icon: 'webui',
+    title: 'Web Admin UI',
     description:
-      'Runs entirely in userspace. No sudo, no containers, no package managers. Each sandbox is a self-contained directory with start/stop scripts.',
+      'Launch a visual dashboard with <code>dbdeployer admin ui</code>. See all your sandboxes, check status, and start/stop/destroy with a click. No more memorizing directory paths.',
     accent: '#a855f7',
   },
 ];
@@ -67,10 +67,13 @@ const features = [
                 <path d="M7 9v6M17 9v6"/>
               </svg>
             )}
-            {f.icon === 'userspace' && (
+            {f.icon === 'webui' && (
               <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">
-                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
-                <path d="m9 12 2 2 4-4"/>
+                <rect x="2" y="3" width="20" height="14" rx="2"/>
+                <path d="M2 9h20"/>
+                <path d="M8 21h8M12 17v4"/>
+                <circle cx="6" cy="6" r="0.75" fill="currentColor"/>
+                <circle cx="9" cy="6" r="0.75" fill="currentColor"/>
               </svg>
             )}
           </div>

website/src/content/docs/getting-started/quickstart-mysql-replication.md

@@ -70,6 +70,16 @@ SELECT * FROM t;
 dbdeployer delete rsandbox_8_4_4
 ```
 
+## 5. Manage from the web UI
+
+See your entire replication topology visually:
+
+```bash
+dbdeployer admin ui
+```
+
+The dashboard shows the master and each slave as cards with status badges and start/stop/destroy controls.
+
 ## What's next?
 
 - [Replication topologies](/deploying/replication) — fan-in, all-masters, semi-sync

website/src/content/docs/getting-started/quickstart-mysql-single.md

@@ -54,6 +54,16 @@ dbdeployer delete msb_8_4_4
 
 This stops the server and removes all sandbox files. Your MySQL binary in `~/opt/mysql/` is untouched.
 
+## 5. Try the web UI
+
+Prefer a visual dashboard? Launch the admin UI:
+
+```bash
+dbdeployer admin ui
+```
+
+A browser opens with a dashboard showing your sandbox — start, stop, and destroy it with a click.
+
 ## What's next?
 
 - [Deploying a single sandbox](/deploying/single) — ports, passwords, options

website/src/content/docs/getting-started/quickstart-postgresql.md

@@ -71,6 +71,16 @@ SELECT version();
 dbdeployer delete pg_sandbox_16613
 ```
 
+## 6. Manage from the web UI
+
+Launch the visual dashboard to see your PostgreSQL sandbox:
+
+```bash
+dbdeployer admin ui
+```
+
+Start, stop, and destroy sandboxes with a click — works for both MySQL and PostgreSQL.
+
 ## What's next?
 
 - [PostgreSQL provider details](/providers/postgresql) — replication, options, limitations

website/src/content/docs/getting-started/quickstart-proxysql.md

@@ -67,6 +67,16 @@ dbdeployer delete rsandbox_8_4_4
 
 This stops ProxySQL and all MySQL nodes and removes the sandbox directory.
 
+## 5. Manage from the web UI
+
+See your entire stack — MySQL nodes + ProxySQL — in one dashboard:
+
+```bash
+dbdeployer admin ui
+```
+
+Start, stop, and destroy any component with a click.
+
 ## What's next?
 
 - [ProxySQL integration guide](/providers/proxysql) — hostgroups, query rules, custom config