Update to use Gutemberg popover

client/components/add-new-site/content/a4a/index.tsx

@@ -2,7 +2,6 @@ import AddNewSiteA4AMenuItems from 'calypso/components/add-new-site/menu-items/a
 import AddNewSitesA4AModals from 'calypso/components/add-new-site/modals/a4a';
 import AddNewSitePopover from 'calypso/components/add-new-site/popover';
 import type { AddNewSiteContentProps } from 'calypso/components/add-new-site/types';
-import './style.scss';
 
 const AddNewSiteA4A = ( {
 	isMenuVisible,

client/components/add-new-site/content/site-list/index.tsx

@@ -1,7 +1,6 @@
 import AddNewSiteSiteListMenuItems from 'calypso/components/add-new-site/menu-items/site-list';
 import AddNewSitePopover from 'calypso/components/add-new-site/popover';
 import type { AddNewSiteContentProps } from 'calypso/components/add-new-site/types';
-import './style.scss';
 
 const AddNewSiteSiteList = ( {
 	isMenuVisible,

client/components/add-new-site/popover.tsx

@@ -3,28 +3,20 @@ import { Popover } from '@wordpress/components';
 type Props = {
 	isMenuVisible: boolean;
 	toggleMenu: () => void;
-	popoverMenuContext: React.RefObject< HTMLButtonElement >;
 	children: React.ReactNode;
-	popoverClassName?: string;
 };
 
-const AddNewSitePopover: React.FC< Props > = ( {
-	isMenuVisible,
-	toggleMenu,
-	popoverMenuContext,
-	children,
-	popoverClassName,
-} ) => {
+const AddNewSitePopover: React.FC< Props > = ( { isMenuVisible, toggleMenu, children } ) => {
+	if ( ! isMenuVisible ) {
+		return null;
+	}
+
 	return (
 		<Popover
-			// className={ clsx( 'add-new-site__popover', popoverClassName ) }
-			// context={ popoverMenuContext?.current }
 			isVisible={ isMenuVisible }
 			onClose={ toggleMenu }
 			noArrow={ false }
 			offset={ 10 }
-			closeOnEsc
-			autoPosition={ false }
 			placement="bottom-end"
 		>
 			<div className="add-new-site__popover-content">{ children }</div>