fixed autocomplete poppercomponent overlapping sidebar

Signed-off-by: JeevaRamanathan <jeevaramanathan.m@infosys.com>

plugins/catalog-react/src/components/EntityAutocompletePicker/EntityAutocompletePicker.tsx

@@ -152,6 +152,9 @@ export function EntityAutocompletePicker<
       <Typography className={classes.label} variant="button" component="label">
         {label}
         <Autocomplete<string, true>
+          PopperComponent={popperProps => (
+            <div {...popperProps}>{popperProps.children}</div>
+          )}
           multiple
           disableCloseOnSelect
           options={availableOptions}

plugins/catalog-react/src/components/EntityOwnerPicker/EntityOwnerPicker.tsx

@@ -178,6 +178,9 @@ export const EntityOwnerPicker = (props?: EntityOwnerPickerProps) => {
       <Typography className={classes.label} variant="button" component="label">
         Owner
         <Autocomplete
+          PopperComponent={popperProps => (
+            <div {...popperProps}>{popperProps.children}</div>
+          )}
           multiple
           disableCloseOnSelect
           loading={loading}

plugins/catalog-react/src/components/EntityProcessingStatusPicker/EntityProcessingStatusPicker.tsx

@@ -73,6 +73,9 @@ export const EntityProcessingStatusPicker = () => {
       <Typography className={classes.label} variant="button" component="label">
         Processing Status
         <Autocomplete<string, true>
+          PopperComponent={popperProps => (
+            <div {...popperProps}>{popperProps.children}</div>
+          )}
           multiple
           disableCloseOnSelect
           options={availableAdvancedItems}

plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx

@@ -78,6 +78,9 @@ export const TemplateCategoryPicker = () => {
         Categories
       </Typography>
       <Autocomplete<string, true>
+        PopperComponent={popperProps => (
+          <div {...popperProps}>{popperProps.children}</div>
+        )}
         multiple
         id="categories-picker"
         options={availableTypes}