Refactor CSS to NativeWind

[ercz16]

Problem To Be Solved

We will be switching to using Nativewind instead of raw CSS. Don't worry, nativewind is extremely easy to learn. If you've already been using css this transition should feel seamless.

Motivation

Why is this a problem?
Fiddling with CSS is both time consuming and a frustration, especially when you're spending most of CC aligning and centering a stubborn div that just won't budge. With Natiewind, the goal is to speed up development and worry less about the small details and put together working code faster and more efficient.

Proposed Solution

Provide your intended solution or idea.
Please reference and use official docs for using nativewind
https://www.nativewind.dev/tailwind/flexbox/flex-basis

Include any images or sketches here.

Formatting

Please use markdown in your issue message. A useful summary of commands can be found here.