Rework / UI improvements

[royschut]

Rework / UI improvements

This PR fixes some issues on the FeaturedShelf and general UI updates, found during our manual testing process:

• Fix: Too little vertical spacing on the playlist page
• Fix: Disabled featured pagination buttons have a pointer cursor
• Fix: Featured shelf not respecting safe area (mobile app)
• Fix: Searchbar not vertically centered (mobile)
• Fix: Broken featured shelf animation
• Fix: More info button not available (mobile). I've also made the More Info button into a CTA in every case that there is no Start Watching button
• Fix: Unwanted fixed hero background. We intend to make it fixed, with a fade out on scroll, like we do with the featured shelf, but this is scheduled for another moment.

Steps completed:

According to our definition of done, I have completed the following steps:

• Acceptance criteria met
• Unit tests added
• Docs updated (including config and env variables)
• Translations added
• UX tested
• Browsers / platforms tested
• Rebased & ready to merge without conflicts
• Reviewed own code

[github-actions]

Visit the preview URL for this PR (updated for commit 49f2b3e):

https://ottwebapp--pr634-rework-ui-improvemen-qfajmmpq.web.app

_{(expires Fri, 06 Dec 2024 12:49:14 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c198f8a3a199ba8747819f7f1e45cf602b777529}

[langemike]

All changes look good to me! I also previewed them in my browser (desktop and mobile size).

[ChristiaanScheermeijer]

lgtm!