in-line styling to tailwind

[yumi520]

ℹ️ Issue #279

Closes #279

📝 Description

• Switching from in-line styling to Taillwind CSS enables more responsiveness and modern styling + Tailwind is used widely so more access to good documentation and better practices

Briefly list the changes made to the code:

1. Changed the main files from in-line to tailwind

🏕️ (Optional) Future Work / Notes

• lowkey still having issues running the frontend without changing things to the package.json files
• before merging, i would like someone else to test it on their device!