Standard Layout + Divi on Frontend & Editor: Review and adjust spacings and alignment for Divi

[merkushin]

Depends on #6834

According to the provided design, apply spacing and alignment for the Standard Layout when using Divi theme.

Scope:

• Apply spacing and alignment based on the design.
• Desktop and mobile.
• Divi theme.
• Standard Layout.
• Frontend & Editor

Design

Please check Figma for the design: 8mY8ui4zYK1Ylw2yIFi9Lx-fi-20020045_37699

[gabrielcaires]

Already known issues on DIVI:

• Header: In the design there is 8px of space between the site logo and the site title. On Divi there is 6.5px.
• Header: There should be 16px between the lesson percentage text in the header and the Exit Course link. Currently there's 6.5px.
• Sidebar: There's too much whitespace between the module name and the lesson name because the module has some bottom padding.
• Content: There's only 32px between the bottom of the progress bar and the top of the lesson title, but it should be 56px.
• Content: There should be 40px between the bottom of the lesson title and the start of the content, but there's only 10px.
• Content: There's too much whitespace between the bottom of the content and the top of the lesson action buttons.
• Content: The buttons are taller on Divi than they are on Astra. They should be about 48px high.

[github-actions]

Closed by #6883.