[ENG-37] chore: sidebar help section revamp. (#5495)

* [ENG-37] chore: sidebar help section revamp.

* fix: lint error.

web/ce/components/global/index.ts

@@ -1 +1,3 @@
 export * from "./version-number";
+export * from "./product-updates";
+export * from "./product-updates-modal";

web/ce/components/global/product-updates-modal.tsx

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { observer } from "mobx-react";
+
+export type ProductUpdatesModalProps = {
+  isOpen: boolean;
+  handleClose: () => void;
+};
+
+export const ProductUpdatesModal: FC<ProductUpdatesModalProps> = observer(() => <></>);

web/ce/components/global/product-updates.tsx

@@ -0,0 +1,21 @@
+import { FC } from "react";
+import { observer } from "mobx-react";
+import Link from "next/link";
+// ui
+import { CustomMenu } from "@plane/ui";
+
+export type ProductUpdatesProps = {
+  setIsChangeLogOpen: (isOpen: boolean) => void;
+};
+
+export const ProductUpdates: FC<ProductUpdatesProps> = observer(() => (
+  <CustomMenu.MenuItem>
+    <Link
+      href="https://go.plane.so/p-changelog"
+      target="_blank"
+      className="flex w-full items-center justify-start text-xs hover:bg-custom-background-80"
+    >
+      <span className="text-xs">What&apos;s new?</span>
+    </Link>
+  </CustomMenu.MenuItem>
+));

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

@@ -24,7 +24,7 @@ export const WorkspaceEditionBadge = observer(() => {
         <Button
           tabIndex={-1}
           variant="accent-primary"
-          className="w-full cursor-pointer rounded-2xl px-4 py-1.5 text-center text-sm font-medium outline-none"
+          className="w-fit min-w-24 cursor-pointer rounded-2xl px-2 py-1 text-center text-sm font-medium outline-none"
           onClick={() => setIsPaidPlanPurchaseModalOpen(true)}
         >
           Upgrade