Image: Mark connected controls as 'readyonly' (#59059)

* Image: Mark connected controls as 'readyonly'
* Update e2e tests

Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
Co-authored-by: michalczaplinski <czapla@git.wordpress.org>
Co-authored-by: afercia <afercia@git.wordpress.org>

Author: 3 people

test/e2e/specs/editor/various/block-bindings.spec.js

@@ -939,7 +939,7 @@ test.describe( 'Block bindings', () => {
 					page
 						.getByRole( 'tabpanel', { name: 'Settings' } )
 						.getByLabel( 'Alternative text' )
-				).toBeDisabled();
+				).toHaveAttribute( 'readonly' );
 				const altValue = await page
 					.getByRole( 'tabpanel', { name: 'Settings' } )
 					.getByLabel( 'Alternative text' )
@@ -1081,7 +1081,7 @@ test.describe( 'Block bindings', () => {
 					page
 						.getByRole( 'tabpanel', { name: 'Settings' } )
 						.getByLabel( 'Title attribute' )
-				).toBeDisabled();
+				).toHaveAttribute( 'readonly' );
 				const titleValue = await page
 					.getByRole( 'tabpanel', { name: 'Settings' } )
 					.getByLabel( 'Title attribute' )