add workspace navbar status + creation modal

src/components/Navbar.tsx

@@ -3,8 +3,9 @@ import { useNavigate } from "react-router-dom"
 import { useTranslation } from "../hooks/useTranslation"
 import { Button } from "./ui/button"
 import { SettingsMenu } from "./SettingsMenu"
-import { LogOut, User, Moon, Sun, Globe } from "lucide-react"
+import { LogOut, User, Moon, Sun, Globe, Command } from "lucide-react"
 import { logoutUser, getUserProfile } from "../api/users"
+import { WorkspaceSelector } from "./WorkspaceSelector"
 import { toast } from "sonner"
 
 export function Navbar() {
@@ -88,15 +89,14 @@ export function Navbar() {
           className="flex items-center gap-2 cursor-pointer" 
           onClick={() => navigate("/")}
         >
-          <div className="w-8 h-8 rounded bg-blue-600 flex items-center justify-center text-white font-bold">
-            Q
-          </div>
-          <span className="font-bold text-xl tracking-tight text-slate-900 dark:text-slate-50">
+          <span className="relative z-20 flex items-center gap-2 font-bold text-xl tracking-tight text-slate-900 dark:text-slate-50">
+            <Command className="h-6 w-6" />
             Qlockify
           </span>
         </div>
         
         <div className="flex items-center gap-4">
+          {user && <WorkspaceSelector />}
           {user ? (
             <div className="relative" ref={dropdownRef}>
               <button