fix(shareModal): add support for disabled prop to prevent opening the modal when disabled

fix(extraSidebarComponent): pass disabled prop to ShareModal based on hasApiKey value to disable sharing when no API key is available

src/frontend/src/modals/shareModal/index.tsx

@@ -23,12 +23,14 @@ export default function ShareModal({
   children,
   open,
   setOpen,
+  disabled
 }: {
   children?: ReactNode;
   is_component: boolean;
   component: FlowType;
   open?: boolean;
   setOpen?: (open: boolean) => void;
+  disabled?: boolean;
 }): JSX.Element {
   const { version, addFlow } = useContext(FlowsContext);
   const {hasApiKey} = useContext(StoreContext)
@@ -117,7 +119,7 @@ export default function ShareModal({
   return (
     <BaseModal
       size="smaller-h-full"
-      open={open ?? internalOpen}
+      open={(!disabled && open) ?? internalOpen}
       setOpen={setOpen ?? internalSetOpen}
     >
       <BaseModal.Trigger>{children ? children : <></>}</BaseModal.Trigger>

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -184,7 +184,7 @@ export default function ExtraSidebar(): JSX.Element {
 
   const ModalMemo = useMemo(
     () => (
-      <ShareModal is_component={false} component={flow!}>
+      <ShareModal is_component={false} component={flow!} disabled={!hasApiKey}>
         <ShadTooltip content="Share" side="top">
           <div className={classNames("extra-side-bar-buttons")}>
             <IconComponent name="Share2" className="side-bar-button-size" />
@@ -192,7 +192,7 @@ export default function ExtraSidebar(): JSX.Element {
         </ShadTooltip>
       </ShareModal>
     ),
-    []
+    [hasApiKey]
   );
 
   const ExportMemo = useMemo(