Fixes part of #1159: Topic-lessons - Tablet (Landscape) (Highfi)

[MohamedMedhat1998]

Explanation

• Fixes part of Topic-lessons - Tablet (Landscape) (Highfi) #1159
• Implemented high-fi UI for Topic-Lessons for landscape mode - tablet
• Mocks: https://xd.adobe.com/view/d405de00-a871-4f0f-73a0-f8acef30349b-a234/screen/28b4ea3f-6436-4e8f-a737-28373f56525b/

Screenshots

MDPI Emulator (1024x768)

XHDPI Emulator (2560x1800)

Notes

• The TabLayout will be updated in another PR
• I used a fixed width for the items of the recycler view based on the discussion with Chantel
• I have wrapped each item of the recycler view with a FrameLayout to center them. I could have changed the width of the recycler view itself but that will make it scrollable only from the center, which I think is a bad behavior

Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• The PR explanation includes the words "Fixes #bugnum: ..." (or "Fixes part of #bugnum" if the PR only partially fixes an issue).
• The PR follows the style guide.
• The PR does not contain any unnecessary auto-generated code from Android Studio.
• The PR is made from a branch that's not called "develop".
• The PR is made from a branch that is up-to-date with "develop".
• The PR's branch is based on "develop" and not on any other branch.
• The PR is assigned to an appropriate reviewer in both the Assignees and the Reviewers sections.

[rt4914]

LGTM