feat: adjust elevation usage in components based on Surface

[lukewalczak]

• After introducing the new Surface functionality according to the doc comment saying:

Note: In version 2 the elevation prop was accepted via style prop i.e. style={{ elevation: 4 }}. It's no longer supported with theme version 3 and you should use elevation property instead.

I've moved the elevation style in Surface to be at the end, so there won't be an option to override it via styles.

• In the components based on Surface where previously there was an option to use different elevations, I've introduced a dedicated prop.

• There are couple more components based on Surface but elevation will be adjusted in them separaterly.

• With theme version 2 nothing has been changed.

More notes:

• Banner, Searchbar and Snackbar received elevation prop
• Chip, Card, Button, will receive a new mode with elevation
• Appbar and FAB will receive elevated (boolean) prop to enable it on demand
• BottomNavigation won't have elevation with theme version 3
• Menu, AnimatedFAB and FAB.Group should always have an elevation

Summary

Test plan

• snapshots are not updated which means there is no regression

[github-actions]

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

.

[callstack-bot]

Hey @lukewalczak, 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

.

[Drakeoon]

This looks good to me. I'm personally against overriding/supporting custom elevation in elements like Cards, but this change requires a bigger shift in how we approach components, so let's leave it like that for now