Fixes part of #40 & #42: Highfi Submitted answer

[rt4914]

Explanation

Earlier this PR was closed at #3187 because of too many changes.

Fixes part of #40
Fixes part of #42

This PR focuses on complete Highfi of Submitted Answers

Outer Margins Resources

Exploration Mobile Portrait
Exploration Mobile Landscape
Exploration Tablet Portrait
Exploration Tablet Landscape
Question Mobile Portrait
Question Mobile Landscape
Question Tablet Portrait
Question Tablet Landscape

Inner Margin Resources

https://xd.adobe.com/view/dfe8ccd4-39eb-414d-a0b2-b5674357f966-8abb/screen/92b8180c-733d-46f2-b2d6-5c07f7c56680/
https://xd.adobe.com/view/dfe8ccd4-39eb-414d-a0b2-b5674357f966-8abb/screen/2df353ea-dcf7-4dc9-9008-e43ab14378f1/
https://xd.adobe.com/view/dfe8ccd4-39eb-414d-a0b2-b5674357f966-8abb/screen/e30f0d1b-5618-4f02-b3b7-58fa92e9a14c/

Output

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.

[anandwana001]

LGTM

[oppiabot]

Unassigning @anandwana001 since they have already approved the PR.