feat: use theme colors in Banner

[haxonadora]

Summary

Closes #2899

Currently theme prop passed to Banner is only used for scale property. Users can't change banner colors such as surface, primary or text by providing custom theme prop. This PR uses colors provided by theme props to style Banner inner components

<Banner
  actions={[{ label: 'Fix it', onPress: () => {} }]}
  icon={require('../../assets/images/email-icon.png')}
  visible
  theme={{
    colors: {
      text: '#fff',  // text inside banner
      surface: '#09c8e5', // background
      primary: '#4e0ffc',  // button color
    },
  }}
>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit
</Banner>

Test plan

1. Check if banner uses default theme colors when custom theme prop is not provided
2. Check if providing custom theme to banner will change colors (surface, primary, text)

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[callstack-bot]

Hey @haxonadora, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[lukewalczak]

Hey @haxonadora thanks for the PR! Could you please replace one of the button in Banner example in favor of the button with the title SET CUSTOM THEME, which after being pressed, set custom colors like you presented on the screenshot

[haxonadora]

Great idea @lukewalczak. I changed primary color a little bit so its easier to distinguish from default theme and added label swap for both themes

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[lukewalczak]

Thanks @haxonadora for your work!