Keep consistency of asset previews in case of restricted asset & FooterText component refactored

[Jasminna]

OVERVIEW

Notion card: Passcode assets, geo restrictions, and asset preview

The following styling changes in preview templates are made:

• set overlay on the top of the image or `filter: brightness(0.3) style property on image container
• added new prop restrictedMessage for storing the restricted message
• previews are now consistent and only restricted message is shown when asset is restricted
• the width of restricted message container is decreased in order to fit into the image container in preview 6
• FooterText component refactored

WHERE SHOULD THE REVIEWER START?

CHANGELOG.md
src/paywall-previews
src/paywall-previews/shared/FooterText.tsx

HOW CAN THIS BE MANUALLY TESTED?

yarn start

ANY NEW DEPENDENCIES ADDED?

List any new dependencies added.

• Does it work in IE >= 11?
• Does it work in other browsers?

SCREENSHOTS (if applicable)

Preview 1

Preview 2

Preview 3

Preview 4

Preview 5

Preview 6

Preview 7

CHECKLIST

Be sure all items are ✅ before submitting a PR for review.

• Verify the linters and tests pass: yarn review
• Verify you bumped the lib version according to Semantic Versioning Standards
• Verify you updated the CHANGELOG
• Verify this branch is rebased with the latest master