Completely out of scope of this question, but you might wanna have a look at tailwind-merge and clsx to help you write cleaner TailwindCSS (https://dev.to/sheraz4194/mastering-tailwind-css-overcome-styling-conflicts-with-tailwind-merge-and-clsx-1dol)

These essentially help you prevent writing repetitive classNames and makes sure you won't be facing any conflicting classes while also allowing you to write conditional styling better.

Hope this helps, good luck.