Chore: search code splitting (#6628)

* fix: Handled workspace switcher closing on click

* chore: code splitting for search

* fix: refactor

* fix: quick link error validation

* fix: refactor

* fix: refactor

web/ce/components/workspace/index.ts

@@ -2,4 +2,5 @@ export * from "./edition-badge";
 export * from "./upgrade-badge";
 export * from "./billing";
 export * from "./delete-workspace-section";
+export * from "./sidebar";
 export * from "./members";

web/ce/components/workspace/sidebar/app-search.tsx

@@ -0,0 +1,26 @@
+import { observer } from "mobx-react";
+import { Search } from "lucide-react";
+// helpers
+import { cn } from "@/helpers/common.helper";
+// hooks
+import { useAppTheme, useCommandPalette } from "@/hooks/store";
+
+export const AppSearch = observer(() => {
+  // store hooks
+  const { sidebarCollapsed } = useAppTheme();
+  const { toggleCommandPaletteModal } = useCommandPalette();
+
+  return (
+    <button
+      className={cn(
+        "flex-shrink-0 size-8 aspect-square grid place-items-center rounded hover:bg-custom-sidebar-background-90 outline-none",
+        {
+          "border-[0.5px] border-custom-sidebar-border-300": !sidebarCollapsed,
+        }
+      )}
+      onClick={() => toggleCommandPaletteModal(true)}
+    >
+      <Search className="size-4 text-custom-sidebar-text-300" />
+    </button>
+  );
+});

web/ce/components/workspace/sidebar/index.ts

@@ -1,3 +1,4 @@
+export * from "./app-search";
 export * from "./extended-sidebar-item";
 export * from "./helper";
 export * from "./sidebar-item";