Patched a few things with deployment

src/app/applications/page.tsx

@@ -17,6 +17,7 @@ import { useEffect, useState } from "react";
 import { getApplications, removeApp } from "@/lib/dockship/application";
 import RemoveDialog from "@/components/dialogs/Remove";
 import { Application } from "@/lib/types";
+import DeployAppDialog from "@/components/dialogs/DeployApp";
 
 export default function ApplicationsPage() {
   const [applications, setApplications] = useState<Application[]>([]);
@@ -75,9 +76,11 @@ export default function ApplicationsPage() {
             </CardContent>
 
             <CardFooter className="justify-end">
-              <Button variant="ghost" size="icon-sm" aria-label="Deploy">
-                <Rocket className="w-3 h-3" />
-              </Button>
+              <DeployAppDialog defaultApp={app.id}>
+                <Button variant="ghost" size="icon-sm" aria-label="Deploy">
+                  <Rocket className="w-3 h-3" />
+                </Button>
+              </DeployAppDialog>
 
               <RemoveDialog remove={() => remove(app.id)} />
 

src/app/deployments/page.tsx

@@ -82,7 +82,8 @@ export default function DeploymentsPage() {
       {/* Desktop */}
       <div className="hidden md:block space-y-3">
         {deployments.map((dep) => {
-          const appName = appNameByContainer.get(dep.container) ?? "Unknown app";
+          const appName =
+            appNameByContainer.get(dep.container) ?? "Unknown app";
 
           return (
             <div
@@ -128,7 +129,7 @@ export default function DeploymentsPage() {
             appNameByContainer.get(dep.container) ?? "Unknown app";
 
           return (
-            <div key={`${dep.image}-mobile`} className="p-4 space-y-3">
+            <div key={`${dep.container}-mobile`} className="p-4 space-y-3">
               <div className="flex items-center justify-between">
                 <div className="flex items-center gap-2">
                   <Rocket className="w-4 h-4 text-muted-foreground" />