Fix no side spacing applied in quiz in learning mode for mobile view

[Imran92]

Resolves issue of no side spacing applied in quiz in learning mode for mobile view.

Proposed Changes

• The lateral spacing for quiz was removed on mobile due to some recent changes. We've fixed that here.
• Lesson spacing was also not applied except for the default template. We've fixed that both on this PR and the linked Pro PR

Testing Instructions

1. Checkout this branch of Pro https://github.com/Automattic/sensei-pro/pull/2462
2. Check every LM template for both lesson and quiz in mobile and desktop
3. Make sure the spacing on both side is there in all cases

Before:

Pre-Merge Checklist

• PR title and description contain sufficient detail and accurately describe the changes
• Acceptance criteria is met
• Decisions are publicly documented
• Adheres to coding standards (PHP, JavaScript, CSS, HTML)
• All strings are translatable (without concatenation, handles plurals)
• Follows our naming conventions (P6rkRX-4oA-p2)
• Hooks (p6rkRX-1uS-p2) and functions are documented
• New UIs are responsive and use a mobile-first approach
• New UIs match the designs
• Different user privileges (admin, teacher, subscriber) are tested as appropriate
• Code is tested on the minimum supported PHP and WordPress versions
• User interface changes have been tested on the latest versions of Chrome, Firefox and Safari
• "Needs Documentation" label is added if this change requires updates to documentation
• Known issues are created as new GitHub issues

[codecov]

Codecov Report

Merging #7247 (2b97993) into trunk (c1c3f54) will not change coverage.
Report is 1 commits behind head on trunk.
The diff coverage is n/a.

@@            Coverage Diff            @@
##              trunk    #7247   +/-   ##
=========================================
  Coverage     50.43%   50.43%           
  Complexity    10909    10909           
=========================================
  Files           605      605           
  Lines         45986    45986           
  Branches        402      402           
=========================================
  Hits          23194    23194           
  Misses        22465    22465           
  Partials        327      327           

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 409ed2e...2b97993. Read the comment docs.

[donnapep]

Left a question about perhaps not needing the change log entry.

Also an FYI that I don't believe we're currently handling padding correctly. We should be leveraging root padding aware alignments, but I'm not sure that we are. This is another thing that would be nice to look at when we have some time to dig deeper into LM.

Regardless, this fixes the issue so I'm approving.

[Imran92]

Left a question about perhaps not needing the change log entry.

Thanks! Removed the changelog entry as the issue was introduced after the last release.

Also an FYI that I don't believe we're currently handling padding correctly. We should be leveraging root padding aware alignments, but I'm not sure that we are. This is another thing that would be nice to look at when we have some time to dig deeper into LM.

Agreed. We can look into it to see how we can apply it in our LM context.

Regardless, this fixes the issue so I'm approving.

Thanks! The review got dismissed after I removed the changelog. Can you kindly approve again?