Update tools menus with Write / Design order (WordPress#65721)

* Update tools menus:
- Write / Design order
- Change description copy

* update tools help text

---------

Co-authored-by: mtias <[email protected]>
Co-authored-by: richtabor <[email protected]>
Co-authored-by: provenself <[email protected]>

packages/block-editor/src/components/tool-selector/index.js

@@ -71,33 +71,31 @@ function ToolSelector( props, ref ) {
 							onSelect={ __unstableSetEditorMode }
 							choices={ [
 								{
-									value: 'edit',
+									value: 'navigation',
 									label: (
 										<>
-											{ selectIcon }
-											{ __( 'Design' ) }
+											<Icon icon={ editIcon } />
+											{ __( 'Write' ) }
 										</>
 									),
-									info: __(
-										'Full control over layout and styling.'
-									),
+									info: __( 'Focus on content.' ),
 								},
 								{
-									value: 'navigation',
+									value: 'edit',
 									label: (
 										<>
-											<Icon icon={ editIcon } />
-											{ __( 'Edit' ) }
+											{ selectIcon }
+											{ __( 'Design' ) }
 										</>
 									),
-									info: __( 'Focus on content.' ),
+									info: __( 'Edit layout and styles.' ),
 								},
 							] }
 						/>
 					</NavigableMenu>
 					<div className="block-editor-tool-selector__help">
 						{ __(
-							'Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.'
+							'Tools provide different sets of interactions for blocks. Toggle between simplified content tools (Write) and advanced visual editing tools (Design).'
 						) }
 					</div>
 				</>