Fix position of the lesson status text

[merkushin]

Resolves Automattic/themes#7616

This is the minimalistic solution that addresses the problem.
In different themes, font-size & line-height are different.

Because we position the status div absolutely, its size matters.

In this PR we only fix the line-height. I have an alternative PR that addresses the issue a bit differently: #7743

Course Theme, blue and dark variations before:

Course Theme, blue and dark variations after:

Proposed Changes

• Fix line-height for lesson status container

Testing Instructions

1. Install and activate Course theme.
2. Go to Site Editor and choose, Blue or Dark variation. In these two the issue is more noticeable.
3. Stay on trunk.
4. Go to Sensei LMS → Courses and create a course with a few lessons. Don't publish it. In this case, you have either Unsaved or Draft status for the lessons. If you publish the course, make sure you disabled publishing of the lessons.
5. Check the position of the status in the Course Outline in the editor.
6. Switch to this branch fix-course-outline-lesson-status-position.
7. Refresh the editor.
8. Make sure there is more space between the lesson title and the status.

New/Updated Hooks

Deprecated Code

Pre-Merge Checklist

• PR title and description contain sufficient detail and accurately describe the changes
• 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
• Code is tested on the minimum supported PHP and WordPress versions

[github-actions]

Test the previous changes of this PR with WordPress Playground.

[merkushin]

We chose another solution: #7743