Fix multi entities saved state in the post editor (#47734)

packages/e2e-test-utils-playwright/src/editor/publish-post.ts

@@ -11,18 +11,16 @@ import type { Editor } from './index';
  */
 export async function publishPost( this: Editor ) {
 	await this.page.click( 'role=button[name="Publish"i]' );
-	const publishEditorPanel = this.page.locator(
-		'role=region[name="Editor publish"i]'
+	const entitiesSaveButton = this.page.locator(
+		'role=region[name="Editor publish"i] >> role=button[name="Save"i]'
 	);
 
-	const isPublishEditorVisible = await publishEditorPanel.isVisible();
+	const isEntitiesSavePanelVisible = await entitiesSaveButton.isVisible();
 
 	// Save any entities.
-	if ( isPublishEditorVisible ) {
+	if ( isEntitiesSavePanelVisible ) {
 		// Handle saving entities.
-		await this.page.click(
-			'role=region[name="Editor publish"i] >> role=button[name="Save"i]'
-		);
+		await entitiesSaveButton.click();
 	}
 
 	// Handle saving just the post.

packages/edit-post/src/components/layout/style.scss

@@ -95,3 +95,7 @@
 		bottom: 0;
 	}
 }
+
+.edit-post-layout .entities-saved-states__panel-header {
+	height: $header-height + $border-width;
+}

packages/editor/src/components/entities-saved-states/style.scss

@@ -14,6 +14,7 @@
 }
 
 .entities-saved-states__panel-header {
+	box-sizing: border-box;
 	background: $white;
 	padding-left: $grid-unit-10;
 	padding-right: $grid-unit-10;

packages/interface/src/components/interface-skeleton/style.scss

@@ -174,12 +174,26 @@ html.interface-interface-skeleton__html-container {
 	bottom: auto;
 	left: auto;
 	right: 0;
-	width: $sidebar-width;
 	color: $gray-900;
+	background: $white;
+	width: 100vw;
+
+	@include break-medium() {
+		width: $sidebar-width;
+	}
 
 	&:focus,
 	&:focus-within {
-		top: auto;
+		top: $admin-bar-height-big;
+
+		@include break-medium() {
+			border-left: $border-width solid $gray-300;
+			top: $admin-bar-height;
+
+			.is-fullscreen-mode & {
+				top: 0;
+			}
+		}
 		bottom: 0;
 	}
 }