Heading issue - The block is placed at the center on frontend view if Max. Content Width is adjusted

[andeng1106]

Describe the bug The Heading block is default to center in frontend if Max. Content Width is adjusted on different responsive. But for backend, it's default to Align Left so backend and frontend have different views.

Note: This issue also happens on Wordpress 5.9 but it might be nice to fix this.

To Reproduce Steps to reproduce the behavior:

1. Add a heading block
2. (Optional) Add a background
3. In Block > Size & Spacing > Max. Content Width, adjust it to below 100% or below 1500px
4. Do Step 3 in the different responsive views - Desktop, Tablet, Mobile view
5. After adjusting width, preview in new tab or Publish/Update then View Page
6. Check Desktop view on both editor and frontend then compare
7. Check Tablet view on both editor and frontend then compare
8. Check Mobile view on both editor and frontend then compare

Expected behavior It should be default to what is displaying in the editor/backend.

Screenshots

https://user-images.githubusercontent.com/103395655/167102041-23596c4c-a883-4236-b0bf-36ae6d53c0d6.mp4