Try zooming out when selecting the patterns tab in the inserter (Word…

…Press#65785)

* adds handler for inserter tabs that engages zoom out view and mode

* Only moving to blocks should reset zoom out mode

* use hook to handle zoom out view, the hook respects the current zoom out setting

---------

Co-authored-by: draganescu <andraganescu@git.wordpress.org>
Co-authored-by: getdave <get_dave@git.wordpress.org>
Co-authored-by: jeryj <jeryj@git.wordpress.org>
Co-authored-by: richtabor <richtabor@git.wordpress.org>

packages/block-editor/src/components/inserter/menu.js

@@ -32,6 +32,7 @@ import InserterSearchResults from './search-results';
 import useInsertionPoint from './hooks/use-insertion-point';
 import { store as blockEditorStore } from '../../store';
 import TabbedSidebar from '../tabbed-sidebar';
+import { useZoomOut } from '../../hooks/use-zoom-out';
 
 const NOOP = () => {};
 function InserterMenu(
@@ -77,6 +78,10 @@ function InserterMenu(
 	}
 	const [ selectedTab, setSelectedTab ] = useState( getInitialTab() );
 
+	const shouldUseZoomOut =
+		selectedTab === 'patterns' || selectedTab === 'media';
+	useZoomOut( shouldUseZoomOut );
+
 	const [ destinationRootClientId, onInsertBlocks, onToggleInsertionPoint ] =
 		useInsertionPoint( {
 			rootClientId,