Image Block: Fixes Aligned Images size in Lightbox

[karthick-murugan]

What?

Fixes #66692

Why?

This PR fixes the position and size of images in the Image blocks of themes without a json file.

How?

Updated the function gutenberg_restore_image_outer_container so that the lightbox does not affect the position and image size.

Testing Instructions

1. Log in to the WordPress Dashboard with administrator credentials.
2. Activate a classic theme without theme.json (e.g., Twenty Twenty-One or Twenty Nineteen).
3. Create a new page and add an Image block.
4. Select or upload an image in the Image block.
5. Enable the "Expand on click" option by clicking the link option.
6. Align the image to center, left or right using the align option.
7. Save or publish the page.
8. Open the page on the frontend.
9. Click the image to open the lightbox.
10. Verify that the lightbox displays the image in correct position and original image size correctly.

Testing Instructions for Keyboard

Screenshots or screencast

After the fix

REC-20241203202428.mp4

[github-actions]

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

• Type-related labels to choose from: [Type] Automated Testing, [Type] Breaking Change, [Type] Bug, [Type] Build Tooling, [Type] Code Quality, [Type] Copy, [Type] Developer Documentation, [Type] Enhancement, [Type] Experimental, [Type] Feature, [Type] New API, [Type] Task, [Type] Technical Prototype, [Type] Performance, [Type] Project Management, [Type] Regression, [Type] Security, [Type] WP Core Ticket, Backport from WordPress Core, Gutenberg Plugin.
• Labels found: .

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: karthick-murugan <[email protected]>
Co-authored-by: rohitmathur-7 <[email protected]>
Co-authored-by: t-hamano <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.