Fix templates on mobile

[donnapep]

The accepted way of setting site-wide padding is to use the useRootPaddingAwareAlignments theme setting. Enabling this setting adds default padding as specified in settings.styles.spacing.padding of theme.json. Then, any blocks that have the alignfull class will automatically have a negative margin applied by that same amount so that the block extends to the edges of the browser. (We can also use this for setting top and bottom padding in the future.)

More details about how this works can be found here and here.

Testing Instructions

• Test all custom page templates as well as the 404, archive, index, page, post and search templates (pretty much every single template 😛 ). They should all have 20px of left and right padding on mobile.
• Test Sensei's existing course patterns (Long Sales Page, Video Hero etc.). Ensure that the blocks that are set to alignfull extend from edge to edge of the browser (i.e. they have no left or right padding).

[gabrielcaires]

I checked all templates and all of them seem working well on mobile and desktop, I just found that the blockGap configuration is causing some issues on the patterns like this one:

But I think we should fix it on other PRs because it seems like the correct way to do it.

We also have an issue with the margin-bottom (same image, space between the green background and the green line, but I also think it is another PR.

[donnapep]

I just found that the blockGap configuration is causing some issues on the patterns like this one

Mikey from Team Zen already submitted PRs for the testimonial spacing issues in both the theme and plugin. And I'd though you submitted a PR for the other issue? 🤔