fix: workspace help section badge

web/ce/components/workspace/edition-badge.tsx

@@ -0,0 +1,19 @@
+import { observer } from "mobx-react";
+// ui
+import { Tooltip } from "@plane/ui";
+// hooks
+import { usePlatformOS } from "@/hooks/use-platform-os";
+// assets
+import packageJson from "package.json";
+
+export const WorkspaceEditionBadge = observer(() => {
+  const { isMobile } = usePlatformOS();
+
+  return (
+    <Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
+      <div className="w-full cursor-default rounded-md bg-green-500/10 px-2 py-1 text-center text-xs font-medium text-green-500 outline-none leading-6">
+        Community
+      </div>
+    </Tooltip>
+  );
+});

web/ce/components/workspace/index.ts

@@ -0,0 +1 @@
+export * from "./edition-badge";

web/core/components/workspace/help-section.tsx

@@ -13,6 +13,8 @@ import { cn } from "@/helpers/common.helper";
 import { useAppTheme, useCommandPalette } from "@/hooks/store";
 import useOutsideClickDetector from "@/hooks/use-outside-click-detector";
 import { usePlatformOS } from "@/hooks/use-platform-os";
+// components
+import { WorkspaceEditionBadge } from "@/plane-web/components/workspace";
 // assets
 import packageJson from "package.json";
 
@@ -69,11 +71,9 @@ export const WorkspaceHelpSection: React.FC<WorkspaceHelpSectionProps> = observe
         )}
       >
         {!isCollapsed && (
-          <Tooltip tooltipContent={`Version: v${packageJson.version}`} isMobile={isMobile}>
-            <div className="w-1/2 cursor-default rounded-md bg-green-500/10 px-2 py-1 text-center text-xs font-medium text-green-500 outline-none leading-6">
-              Community
-            </div>
-          </Tooltip>
+          <div className="w-1/2">
+            <WorkspaceEditionBadge />
+          </div>
         )}
         <div className={`flex items-center gap-1 ${isCollapsed ? "flex-col justify-center" : "w-1/2 justify-evenly"}`}>
           <Tooltip tooltipContent="Shortcuts" isMobile={isMobile}>