Show alert/popup/warning notification when opening Care on older/unsupported browsers

[rithviknishad]

Is your feature request related to a problem? Please describe. CARE may use functions that may not be available on older browsers of users. This may lead to certain pages within CARE to crash when such browser unsupported functions are invoked.

Describe the solution you'd like Based on the browserslist configured for the project, show a alert/popup/warning notification when users open CARE on such older/unsupported browsers.

We could use the following to achieve it:

• https://github.com/browserslist/browserslist#show-we-do-not-support-your-browser-banner
• https://github.com/browserslist/browserslist-useragent-regexp

Additional context Recent issue that was caused due to older browser unsupported:

• https://github.com/coronasafe/care_fe/issues/8389
• https://github.com/coronasafe/care_fe/pull/8392

[AdityaJ2305]

Hey @rithviknishad, can you assign this issue to me?

[AdityaJ2305]

Is the CSS for the BrowserWarning component okay, or should I adjust it?
and Can I put this browserWarning comp in the ErrorPages folder in the component ?

[Adiflickzzz]

Is the CSS for the BrowserWarning component okay, or should I adjust it?

and Can I put this browserWarning comp in the ErrorPages folder in the component ?

In which browser did you face this issue can u plz say me ..

[AdityaJ2305]

Is the CSS for the BrowserWarning component okay, or should I adjust it? and Can I put this browserWarning comp in the ErrorPages folder in the component ?

In which browser did you face this issue can u plz say me ..

You can change the default browser for testing in the inspect so it will behave like that only . I had changed to opera mini which is unsupported as per browserlist in package.json