fix for modal click by changing position

Author: shivani170

src/components/app/details/cicdHistory/Sidebar.tsx

@@ -133,7 +133,7 @@ const Sidebar = React.memo(
                             DropdownIndicator,
                         }}
                         styles={FILTER_STYLE}
-                        menuPortalTarget={document.body}
+                        menuPosition="fixed"
                     />
                 </div>
 

src/components/ciPipeline/SourceMaterials.tsx

@@ -161,7 +161,7 @@ export const SourceMaterials: React.FC<SourceMaterialsProps> = function (props)
                                             placeholder="Source Type"
                                             classNamePrefix={`select-build-pipeline-sourcetype-${index}`}
                                             isSearchable={false}
-                                            menuPortalTarget={document.getElementById('visible-modal')}
+                                            menuPosition="fixed"
                                             options={
                                                 !isMultiGit
                                                     ? props.ciPipelineSourceTypeOptions

src/components/cluster/UseNameListDropdown.tsx

@@ -25,7 +25,7 @@ export default function UserNameDropDownList({ clusterDetail, selectedUserNameOp
                 options={userNameOptions}
                 value={selectedUserNameOptions[clusterDetail.cluster_name]}
                 isSearchable={false}
-                menuPortalTarget={document.getElementById('visible-modal')}
+                menuPosition="fixed"
                 onChange={handleUserChange}
                 menuPlacement="auto"
                 components={{