fix: prevent duplicated pinned items (#3878)

* feat: hide popover menu after user pinned a notebook

* fix: disable pin option when a notebook is just pinned

Author: appletreeisyellow

src/flows/components/FlowCards.tsx

@@ -43,7 +43,7 @@ const FlowCards: FC<Props> = ({flows, search}) => {
           console.error(err.message)
         })
     }
-  }, [])
+  }, [flows])
 
   return (
     <Grid>

src/flows/components/FlowContextMenu.tsx

@@ -109,7 +109,7 @@ const FlowContextMenu: FC<Props> = ({id, name, isPinned}) => {
         enableDefaultStyles={false}
         style={{minWidth: '112px'}}
         triggerRef={settingsRef}
-        contents={() => (
+        contents={onHide => (
           <List>
             <List.Item
               onClick={handleClone}
@@ -121,7 +121,10 @@ const FlowContextMenu: FC<Props> = ({id, name, isPinned}) => {
             </List.Item>
             {isFlagEnabled('pinnedItems') && CLOUD && (
               <List.Item
-                onClick={handlePinFlow}
+                onClick={() => {
+                  handlePinFlow()
+                  onHide()
+                }}
                 size={ComponentSize.Small}
                 style={{fontWeight: 500}}
                 testID="context-pin-flow"