Navigation Editor: move the delete menu button at the bottom (#31026)

Update message in the alert modal.

packages/edit-navigation/src/components/inspector-additions/delete-menu.js

@@ -15,7 +15,9 @@ export default function DeleteMenu( { onDeleteMenu, isMenuBeingDeleted } ) {
 				if (
 					// eslint-disable-next-line no-alert
 					window.confirm(
-						__( 'Are you sure you want to delete this navigation?' )
+						__(
+							'Are you sure you want to delete this navigation? This action cannot be undone.'
+						)
 					)
 				) {
 					onDeleteMenu();

packages/edit-navigation/src/components/inspector-additions/index.js

@@ -2,7 +2,10 @@
  * WordPress dependencies
  */
 import { useSelect } from '@wordpress/data';
-import { InspectorControls } from '@wordpress/block-editor';
+import {
+	InspectorControls,
+	store as blockEditorStore,
+} from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
@@ -25,7 +28,7 @@ export default function InspectorAdditions( {
 	openManageLocationsModal,
 } ) {
 	const selectedBlock = useSelect(
-		( select ) => select( 'core/block-editor' ).getSelectedBlock(),
+		( select ) => select( blockEditorStore ).getSelectedBlock(),
 		[]
 	);
 
@@ -38,10 +41,6 @@ export default function InspectorAdditions( {
 			<PanelBody title={ __( 'Menu settings' ) }>
 				<NameEditor />
 				<AutoAddPages menuId={ menuId } />
-				<DeleteMenu
-					onDeleteMenu={ onDeleteMenu }
-					isMenuBeingDeleted={ isMenuBeingDeleted }
-				/>
 			</PanelBody>
 			<PanelBody title={ __( 'Theme locations' ) }>
 				<ManageLocations
@@ -53,6 +52,12 @@ export default function InspectorAdditions( {
 					openModal={ openManageLocationsModal }
 				/>
 			</PanelBody>
+			<PanelBody>
+				<DeleteMenu
+					onDeleteMenu={ onDeleteMenu }
+					isMenuBeingDeleted={ isMenuBeingDeleted }
+				/>
+			</PanelBody>
 		</InspectorControls>
 	);
 }