feat: add header and bottom bar animations on webview scroll [LIVE-13180]

[Justkant]

✅ Checklist

• npx changeset was attached.
• Covered by automatic tests. The animation itself is not covered by tests as we disable/mock them in tests, but it's tested a lot manually
• Impact of the changes:
  • Animations on web3hub pages that are still behind a disabled FF

📝 Description

Add header and bottom bar animations on Webview scroll
Also sync scroll on other pages with paddingTop under the absolute position for the header

Refactor:

• move header directly in the screen component
• Allows to remove shared header context
• Simplify a bit by removing the need for insets on some children components
• Share most of the animation logic (exception with the BottomBar currently as it's not even using the transform)
• Fix some edge cases with the scrollHandler logic to not diff if no begin drag was done and to not start on a negative value
• Going with headerShown false requires us to use the SafeAreaView on our screens
• All tests still work after big refactor with no changes (no implementation detail in the tests makes this possible)
• Could extract the opacity animation from the AnimatedBar to simplify a bit the component and allow the parent to decide how to display the children

Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-08-08.at.16.36.15.small.mp4

❓ Context

• JIRA or GitHub link: LIVE-13180

---

🧐 Checklist for the PR Reviewers

• The code aligns with the requirements described in the linked JIRA or GitHub issue.
• The PR description clearly documents the changes made and explains any technical trade-offs or design decisions.
• There are no undocumented trade-offs, technical debt, or maintainability issues.
• The PR has been tested thoroughly, and any potential edge cases have been considered and handled.
• Any new dependencies have been justified and documented.
• Performance considerations have been taken into account. (changes have been profiled or benchmarked if necessary)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

5 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
ledger-live-docs	⬜️ Ignored (Inspect)	Visit Preview		Aug 12, 2024 10:38am
ledger-live-github-bot	⬜️ Ignored (Inspect)	Visit Preview		Aug 12, 2024 10:38am
native-ui-storybook	⬜️ Ignored (Inspect)	Visit Preview		Aug 12, 2024 10:38am
react-ui-storybook	⬜️ Ignored (Inspect)	Visit Preview		Aug 12, 2024 10:38am
web-tools	⬜️ Ignored (Inspect)	Visit Preview		Aug 12, 2024 10:38am