Deployment name

src/app/overview/page.tsx

@@ -5,26 +5,11 @@ import { StatCard } from "@/components/dashboard/StatCard";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import {
-  Box,
-  Server,
-  Container,
-  Activity,
-  ArrowRight,
-  Clock,
-  Rocket,
-} from "lucide-react";
+import { Box, Server, Container, ArrowRight, Rocket } from "lucide-react";
 import { Progress } from "@/components/ui/progress";
 import Link from "next/link";
 import { getLiveNodes } from "@/lib/dockship/node";
-import { useEffect, useMemo, useState } from "react";
-import {
-  Application,
-  Deployment,
-  Docker,
-  Node,
-  NodeLiveData,
-} from "@/lib/types";
+import { useMemo } from "react";
 import { getDocker } from "@/lib/dockship/docker";
 import { getApps } from "@/lib/dockship/application";
 import { cn } from "@/lib/utils";
@@ -169,7 +154,11 @@ export default function OverviewPage() {
                     />
                     <div>
                       <div className="font-mono text-sm">
-                        {appNameByContainer.get(dep.container)}
+                        {dep.name} @{" "}
+                        <span className="text-primary-foreground">
+                          {appNameByContainer.get(dep.container) ??
+                            "Unknown app"}
+                        </span>
                       </div>
                       <div className="text-xs text-muted-foreground">
                         {dep.image.slice(7, 19)}