feat: make dropdown scroll visible in safari and move report (#5134)

Author: idoshamun

packages/shared/src/components/dropdown/DropdownMenu.tsx

@@ -111,7 +111,9 @@ export const DropdownMenuContent = React.forwardRef<
         className={classNames('DropdownMenuContent overflow-hidden', className)}
         align={align}
       >
-        <div className="max-h-72 overflow-y-auto bg-inherit">{children}</div>
+        <div className="DropdownMenuScrollable max-h-72 overflow-y-auto bg-inherit">
+          {children}
+        </div>
       </DropdownMenuContentRoot>
     </DropdownMenuPortal>
   );

packages/shared/src/components/dropdown/style.css

@@ -96,4 +96,8 @@
   }
 }
 
-
+/* Force scrollbar to always be visible (especially for Safari) */
+.DropdownMenuScrollable {
+  scrollbar-width: thin;
+  scrollbar-color: var(--theme-text-tertiary) transparent;
+}

packages/shared/src/features/posts/PostOptionButton.tsx

@@ -444,6 +444,21 @@ const PostOptionButtonContent = ({
       label: 'Hide',
       action: onHidePost,
     },
+    !isBriefPost && {
+      icon: <MenuIcon Icon={FlagIcon} />,
+      label: 'Report',
+      action: async () =>
+        openModal({
+          type: LazyModal.ReportPost,
+          props: {
+            index: postIndex,
+            post,
+            onReported: onReportedPost,
+            origin: Origin.PostContextMenu,
+            isAd: !!boostedBy,
+          },
+        }),
+    },
     isBriefPost && {
       icon: <MenuIcon Icon={SettingsIcon} />,
       label: 'Settings',
@@ -743,22 +758,6 @@ const PostOptionButtonContent = ({
       }
     });
 
-    postOptions.push({
-      icon: <MenuIcon Icon={FlagIcon} />,
-      label: 'Report',
-      action: async () =>
-        openModal({
-          type: LazyModal.ReportPost,
-          props: {
-            index: postIndex,
-            post,
-            onReported: onReportedPost,
-            origin: Origin.PostContextMenu,
-            isAd: !!boostedBy,
-          },
-        }),
-    });
-
     if (
       post.type !== PostType.Poll &&
       user?.id &&