Integrate K2 Alpine into Core Mobile

[atn4z7]

Description

Ticket: CP-9044

• new feature flag k2-alpine to control whether to display k2 alpine screens/components
• new HoC withK2Alpine :
  • conditionally render either the old or the new version of a component based on K2 ALPINE feature flag.
  • ensure both the old and new components are interchangeable by enforcing that they accept the same props.
  • ensure that both old and new components are lazily loaded via React.lazy.
• integrate with k2 alpine:
  • add k2 alpine fonts
  • add an example Watchlist screen

TODO:

• auto-complete/IntelliSense for theme tokens is not working yet since both k2 and k2-alpine use Dripsy. created a ticket to tackle it.

Screenshots/Videos

Screen.Recording.2024-10-01.at.11.08.59.AM.mov

Testing

Go to watchlist screen, toggle the feature flag to see new K2 alpine screen

Checklist

Please check all that apply (if applicable)

• I have performed a self-review of my code
• I have verified the code works
• I have added/updated necessary unit tests
• I have updated the documentation

[atn4z7]

had to adjust module and target so that typescript allows the lazy imports

[onghwan]

do we still need expo, expo-font, expo-splash-screen and expo-status-bar?