Fix part of #10: Hifi Home part 1 [Copy of #509]

[rt4914]

Explanation

This PR has been repeated as the earlier branch was based off from temp-integration-pt-3, which we were not able to merge in develop.

This PR mainly works around margin/padding between varius items. The main focus in this PR was on custom SnapHelper for carousel.

Mock: https://xd.adobe.com/spec/e2239cf4-9cde-4c08-5296-25316c1f0a14-9412/screen/cb72aed9-af32-4ab6-9a80-394d9b30f6a3/HP-Home-Page-1

If you see the carousel in mock, when we are on second item, the left and right margins for the item are not equal, meaning the item tends to be more towards left side.

Screenshots:

First Item

Second Item

##Third Item

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.

[nikitamarysolomanpvt]

LGTM

[rt4914]

@nikitamarysolomanpvt Thanks