[Mobile] EmptyList now uses useEditorWrapperStyles hook and removes…

… `ReadableContentView` (#50552)

* Mobile - BlockList - EmptyList: Use useEditorWrapperStyles hook instead of ReadableContentView

* Mobile - Remove ReadableContentView component

packages/block-editor/src/components/block-list/index.native.js

@@ -11,7 +11,6 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
 import {
 	KeyboardAwareFlatList,
-	ReadableContentView,
 	WIDE_ALIGNMENTS,
 	alignmentHelpers,
 } from '@wordpress/components';
@@ -29,6 +28,7 @@ import {
 	DEFAULT_BLOCK_LIST_CONTEXT,
 } from './block-list-context';
 import { BlockDraggableWrapper } from '../block-draggable';
+import { useEditorWrapperStyles } from '../../hooks/use-editor-wrapper-styles';
 import { store as blockEditorStore } from '../../store';
 
 const identity = ( x ) => x;
@@ -423,24 +423,22 @@ function EmptyList( {
 					! blockClientIds[ insertionPoint.index ] ),
 		};
 	} );
+	const align = renderAppender ? WIDE_ALIGNMENTS.alignments.full : undefined;
+	const [ wrapperStyles ] = useEditorWrapperStyles( { align } );
 
 	if ( renderFooterAppender || renderAppender === false ) {
 		return null;
 	}
 
+	const containerStyles = [ styles.defaultAppender, wrapperStyles ];
+
 	return (
-		<View style={ styles.defaultAppender }>
-			<ReadableContentView
-				align={
-					renderAppender ? WIDE_ALIGNMENTS.alignments.full : undefined
-				}
-			>
-				<BlockListAppender
-					rootClientId={ rootClientId }
-					renderAppender={ renderAppender }
-					showSeparator={ shouldShowInsertionPoint }
-				/>
-			</ReadableContentView>
+		<View style={ containerStyles }>
+			<BlockListAppender
+				rootClientId={ rootClientId }
+				renderAppender={ renderAppender }
+				showSeparator={ shouldShowInsertionPoint }
+			/>
 		</View>
 	);
 }

packages/components/src/index.native.js

@@ -94,7 +94,6 @@ export { default as HTMLTextInput } from './mobile/html-text-input';
 export { default as KeyboardAvoidingView } from './mobile/keyboard-avoiding-view';
 export { default as KeyboardAwareFlatList } from './mobile/keyboard-aware-flat-list';
 export { default as Picker } from './mobile/picker';
-export { default as ReadableContentView } from './mobile/readable-content-view';
 export { default as CycleSelectControl } from './mobile/cycle-select-control';
 export { default as Gradient } from './mobile/gradient';
 export { default as ColorSettings } from './mobile/color-settings';