Fix performance issue after mui v5 migration and pass correct type to style objects

[bkarambe]

Describe the bug

There is a performance issue in react-showcase-demo while navigating from one page to another. This got introduced during mui v5 migration.
Styled objects passed to sx props should have correct type and should throw error, when incorrect styles are passed

What is the expected behavior?

All pages should render smoothly without a lag.
An error should occur, when incorrect styles are being passed to style objects

What are the steps to reproduce?

1. yarn start
2. Click on the various drawer nav items, change direction to navigate to different pages/directions

Screenshots or links to minimum reproduction example

Screen.Recording.2022-07-08.at.5.07.48.PM.mov

Environment

Anything else to add?

[bkarambe]

Use this issue to remove CacheProvider.

[huayunh]

BLUI-3356