Replace all styling with Tailwind

[kylemh]

Blocked by #1724

[kylemh]

@subhajit20 You could gradually work on this one! One component and/or one page per PR. It's nice because you won't feel like there's a mountain of work. Just whatever you feel comfortable contributing.

[subhajit20]

@kylemh Sure, Can you assign this to me?

[kylemh]

Note that you may need to define Tailwind theme values to leverage the existing CSS values more ergonomically:

https://github.com/OperationCode/front-end/blob/main/common/styles/variables.css
https://github.com/OperationCode/front-end/blob/main/common/styles/media-queries.css
https://github.com/OperationCode/front-end/blob/main/common/styles/themeMap.js

[subhajit20]

@kylemh when I push changes this error is comming
Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot

Will I change ReactDom.render to create room for all the test files?

[kylemh]

This is a Next.js application. ReactDOM.render is not used in this repository. Perhaps try re-installing dependencies? Hopefully you've gone through the README instructions!

[subhajit20]

This is a Next.js application. ReactDOM.render is not used in this repository. Perhaps try re-installing dependencies? Hopefully you've gone through the README instructions!

Sorry I have fixed that