Fix part of #1824 : Full UI: Tablet: StoryActivity Landscape + Portrait

[prayutsu]

Explanation

Fixes part of #1824
Added layout files for tablet

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.

[prayutsu]

I guess it matches nicely with the mock design.

[prayutsu]

@rt4914 PTAL

[rt4914]

@prayutsu I think you have added incorrect screenshot. Can you please fix that? Thanks.

[rt4914]

I am actually not able to understand which UI you are following, because if I run this, I get following UI for StoryActivity.

But instead we have to implement a UI similar to this: https://xd.adobe.com/view/d405de00-a871-4f0f-73a0-f8acef30349b-a234/screen/d70a3ade-826a-4ac6-95e6-907a24d7b896/

[prayutsu]

@prayutsu I think you have added incorrect screenshot. Can you please fix that? Thanks.

I'll correct it.

[prayutsu]

@rt4914 A sample ss, please review it and suggest changes.

Currently "0 of 2 chapters completed" is in left, but I think when we get that progressBar thing, it should look fine

[rt4914]

LGTM, thanks. Now you can work on the exact UI part.