app cards with action menu and tooltips

app/dashboard/page.tsx

@@ -0,0 +1,29 @@
+import AppCard from "@/components/app-card";
+
+export default function Dashboard() {
+  const mockService = {
+    id: crypto.randomUUID(),
+    name: "Redis",
+    address: "127.0.0.1:6379",
+  };
+
+  const mockServiceDesc = {
+    id: crypto.randomUUID(),
+    name: "Postgres",
+    address: "127.0.0.1:5432",
+    description: "An disk-based database, with full modularity.",
+  };
+
+  return (
+    <main>
+      {/* Heading */}
+      <div>
+        <h1 className="text-5xl font-bold text-black">Dashboard</h1>
+      </div>
+      <div className="mt-4 grid xs:grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-4">
+        <AppCard app={mockService} />
+        <AppCard app={mockServiceDesc} />
+      </div>
+    </main>
+  );
+}

app/scripts/page.tsx

@@ -0,0 +1,3 @@
+export default function ScriptPage() {
+  return <h1>Script Page</h1>;
+}

app/ssh/page.tsx

@@ -0,0 +1,3 @@
+export default function SSHPage() {
+  return <h1>SSH Page</h1>;
+}

app/write/page.tsx

@@ -0,0 +1,3 @@
+export default function WritePage() {
+  return <h1>Write Page</h1>;
+}