fix(workspaces): improve workspace's UI and UX

src/context/WorkspaceContext.tsx

@@ -3,6 +3,7 @@ import { fetchWorkspaces, createWorkspace, type Workspace } from "../api/workspa
 import { useTranslation } from "../hooks/useTranslation"
 import { toast } from "sonner"
 import { Button } from "../components/ui/button"
+import { Input } from "../components/ui/input"
 
 interface WorkspaceContextType {
   workspaces: Workspace[]
@@ -100,7 +101,7 @@ export const WorkspaceProvider = ({ children }: { children: ReactNode }) => {
               <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1">
                 {t.workspace?.nameLabel || "Workspace Name"}
               </label>
-              <input
+              <Input
                 type="text"
                 value={newWorkspaceName}
                 onChange={(e) => setNewWorkspaceName(e.target.value)}