[WEB-5170] feat: navigation revamp (#8162)

apps/web/ce/components/workspace/content-wrapper.tsx

@@ -1,5 +1,10 @@
 import React from "react";
 import { observer } from "mobx-react";
+// plane imports
+import { cn } from "@plane/utils";
+import { AppRailRoot } from "@/components/navigation";
+// plane web imports
+import { TopNavigationRoot } from "../navigations";
 
 export const WorkspaceContentWrapper = observer(function WorkspaceContentWrapper({
   children,
@@ -7,8 +12,18 @@ export const WorkspaceContentWrapper = observer(function WorkspaceContentWrapper
   children: React.ReactNode;
 }) {
   return (
-    <div className="flex relative size-full overflow-hidden bg-custom-background-90 rounded-lg transition-all ease-in-out duration-300">
-      <div className="size-full p-2 flex-grow transition-all ease-in-out duration-300 overflow-hidden">{children}</div>
+    <div className="flex flex-col relative size-full overflow-hidden bg-custom-background-90 rounded-lg transition-all ease-in-out duration-300">
+      <TopNavigationRoot />
+      <div className="relative flex size-full overflow-hidden">
+        <AppRailRoot />
+        <div
+          className={cn(
+            "relative size-full pb-2 pr-2 flex-grow transition-all ease-in-out duration-300 overflow-hidden"
+          )}
+        >
+          {children}
+        </div>
+      </div>
     </div>
   );
 });

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

@@ -1,24 +0,0 @@
-import { observer } from "mobx-react";
-// plane imports
-import { useTranslation } from "@plane/i18n";
-// components
-import { SidebarSearchButton } from "@/components/sidebar/search-button";
-// hooks
-import { usePowerK } from "@/hooks/store/use-power-k";
-
-export const AppSearch = observer(function AppSearch() {
-  // store hooks
-  const { togglePowerKModal } = usePowerK();
-  // translation
-  const { t } = useTranslation();
-
-  return (
-    <button
-      type="button"
-      onClick={() => togglePowerKModal(true)}
-      aria-label={t("aria_labels.projects_sidebar.open_command_palette")}
-    >
-      <SidebarSearchButton isActive={false} />
-    </button>
-  );
-});