refactor: tailwind layer in globals.css

[patricio0312rev]

[demo] tailwind rendering problem with class names in app.css

Summary

• Tailwind class names that were used in app.css have been moved to globals.css under the base layer after Tailwind has been declared.
• Also, some minor refactors to css class names that could be easily turn into tailwind class names.

Checklist

• I checked the basic interactions between demo and extension, making sure wallet selection works
• I checked my UI changes against the design and there are no notable differences, including responsiveness
• I checked my (code) changes for obvious issues, debug statements and commented code
• I opened a corresponding card on Clickup for any remaining TODOs in my code
• I added a short description on how to test this PR (if necessary)
• Ready to be merged

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
arkconnect-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 3, 2024 8:48am