Create a Dynamic Dropdown Menu with Card Info and Insert Options

I-want-create-a-dropdown-menu,-which-options-are-card-Info-and-insert-info.-when-I-click-on-cardInfo-it-will-fetch-cardInfo-using-id-from-database,-which-I-have-api,-when-click-on-insert-info-it-will-open-modal-where-I-can-insert-info-about-that-card-and-able-to-update-on-database.-I-have-id-according-to-which-I-can-identify-each-card-info.-,"<IconButton-size="small"-aria-label="Information"-sx={{-display:-{-xs:-'none',-sm:-'inline-flex',-},-}}>-<Image-alt="Information-Icon"-src={infoIcon}-/>-</IconButton>"-this-is-button-where-I-will-click-and-open-options,-like-I-do-in-"<IconButton-size="small"-aria-label="Video-guide"-onClick={authData?.user_type===1?handleMenuOpen:-handleVideoClick}>-<Image-alt="Video-Icon"-src={videoIcon}-/>-</IconButton>-{/*-Video-Menu-*/}-<Menu-anchorEl={videoMenuAnchor}-open={Boolean(videoMenuAnchor)}-onClose={handleMenuClose}->-<MenuItem-onClick={()-=>-{-handleMenuClose();-handleVideoClick();-}}>-<VideoLibraryIcon-sx={{-mr:-1-}}-/>-Open-Video-</MenuItem>-<MenuItem-onClick={()-=>-{-handleMenuClose();-handleUploadVideo();-}}>-<CloudUploadIcon-sx={{-mr:-1-}}-/>-Upload-Video-</MenuItem>-</Menu>"-video-uploader.-open-modal-for-insert-modal-and-view-modal.