Deploy to Dokku when the deploy button is clicked.

frontend/components/editor/navbar/deploy.tsx

@@ -2,26 +2,30 @@
 
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
+import { useTerminal } from "@/context/TerminalContext";
 import { Play, Pause } from "lucide-react";
 
 export default function DeployButtonModal() {
+  const { deploy } = useTerminal();
   const [isDeploying, setIsDeploying] = useState(false);
 
   const handleDeploy = () => {
     if (isDeploying) {
       console.log("Stopping deployment...");
-
     } else {
       console.log("Starting deployment...");
+      setIsDeploying(true);
+      deploy(() => {
+        setIsDeploying(false);
+      });
     }
-    setIsDeploying(!isDeploying);
   };
 
   return (
     <>
       <Button variant="outline" onClick={handleDeploy}>
         {isDeploying ? <Pause className="w-4 h-4 mr-2" /> : <Play className="w-4 h-4 mr-2" />}
-        {isDeploying ? "Deployed" : "Deploy"}
+        {isDeploying ? "Deploying" : "Deploy"}
       </Button>
     </>
   );