feat: add appointment booking form slide-out during calls, wired to platform createAppointment mutation

src/components/layout/top-bar.tsx

@@ -1,6 +1,5 @@
-import { SearchLg } from "@untitledui/icons";
 import { Avatar } from "@/components/base/avatar/avatar";
-import { Input } from "@/components/base/input/input";
+import { GlobalSearch } from "@/components/shared/global-search";
 import { useAuth } from "@/providers/auth-provider";
 
 interface TopBarProps {
@@ -19,13 +18,7 @@ export const TopBar = ({ title, subtitle }: TopBarProps) => {
             </div>
 
             <div className="flex items-center gap-3">
-                <div className="w-64">
-                    <Input
-                        placeholder="Search..."
-                        icon={SearchLg}
-                        aria-label="Search"
-                    />
-                </div>
+                <GlobalSearch />
                 <Avatar initials={user.initials} size="sm" />
             </div>
         </header>