This ticket involves updating the toolbar error banners in Compass to LeafyGreen. We should do this after updating the toolbars as it will make this transition easier with the positioning of the errors.

Currently error banners are rendered with the status row component (hadron-react-components): https://github.com/mongodb-js/compass/blob/main/packages/hadron-react-components/src/status-row.jsx
Let's either move it over to compass-components and have it as a wrapper around the banner component or remove the wrapper and use the Banner component directly from these packages. The places consuming this status row from hadron-react-components should be updated to using compass-components. The global status row styles can then be removed: https://github.com/mongodb-js/compass/blob/main/packages/compass/src/app/styles/status-row.less

In some of the views we are currently displaying the error banner inside of the toolbar. Let's move them to be displayed inside of the content. (mocks)

Update (with a leafygreen banner in the status row) to

Let's follows the conventions from: https://docs.google.com/document/d/1ZLz_DJYpwTiS_DiPcQMKoLoz2iNxSsMKRTuXXxHb6ak/edit# when making changes.