feat: add run button

frontend/components/editor/preview/index.tsx

@@ -1,13 +1,9 @@
 "use client"
 
 import {
-  ChevronLeft,
-  ChevronRight,
-  Globe,
   Link,
   RotateCw,
   TerminalSquare,
-  UnfoldVertical,
 } from "lucide-react"
 import { useRef, useState } from "react"
 import { toast } from "sonner"
@@ -27,22 +23,22 @@ export default function PreviewWindow({
   return (
     <>
       <div
-        className={`${
-          collapsed ? "h-full" : "h-10"
-        } select-none w-full flex gap-2`}
+        className={`${collapsed ? "h-full" : "h-10"
+          } select-none w-full flex gap-2`}
       >
         <div className="h-8 rounded-md px-3 bg-secondary flex items-center w-full justify-between">
           <div className="text-xs">Preview</div>
           <div className="flex space-x-1 translate-x-1">
             {collapsed ? (
-              <PreviewButton onClick={open}>
-                <UnfoldVertical className="w-4 h-4" />
+              <PreviewButton disabled onClick={() => { }}>
+                <TerminalSquare className="w-4 h-4" />
               </PreviewButton>
             ) : (
               <>
-                {/* Todo, make this open inspector */}
-                {/* <PreviewButton disabled onClick={() => {}}>
-                  <TerminalSquare className="w-4 h-4" />
+                {/* Removed the unfoldvertical button since we have the same thing via the run button.
+                
+                <PreviewButton onClick={open}>
+                  <UnfoldVertical className="w-4 h-4" />
                 </PreviewButton> */}
 
                 <PreviewButton
@@ -94,9 +90,8 @@ function PreviewButton({
 }) {
   return (
     <div
-      className={`${
-        disabled ? "pointer-events-none opacity-50" : ""
-      } p-0.5 h-5 w-5 ml-0.5 flex items-center justify-center transition-colors bg-transparent hover:bg-muted-foreground/25 cursor-pointer rounded-sm`}
+      className={`${disabled ? "pointer-events-none opacity-50" : ""
+        } p-0.5 h-5 w-5 ml-0.5 flex items-center justify-center transition-colors bg-transparent hover:bg-muted-foreground/25 cursor-pointer rounded-sm`}
       onClick={onClick}
     >
       {children}