Hide collection header share button on mobile (no space, available in ...)

app/scenes/Collection/components/ShareButton.tsx

@@ -8,6 +8,7 @@ import Button from "~/components/Button";
 import Popover from "~/components/Popover";
 import SharePopover from "~/components/Sharing/Collection/SharePopover";
 import useCurrentTeam from "~/hooks/useCurrentTeam";
+import useMobile from "~/hooks/useMobile";
 import useStores from "~/hooks/useStores";
 
 type Props = {
@@ -28,6 +29,10 @@ function ShareButton({ collection }: Props) {
     placement: "bottom-end",
     unstable_fixed: true,
   });
+  const isMobile = useMobile();
+  if (isMobile) {
+    return null;
+  }
 
   const icon = isPubliclyShared ? (
     <GlobeIcon />