feat: convert to tailwind css

[wtLau]

Estimated T-shirt size (Small | Medium | Large | XL):

Estimated Time (Hours):

---

Abstract:

---

Expected Features:

• [ ]

Prerequisite

Detail steps of implementation

Additional Context

[wtLau]

Probably not gonna happen, since MUI now support style()

---

Notes:

What problems does it solve?

The utility can be used as a replacement for emotion's or styled-components' styled() utility. It aims to solve the same problem, but also provides the following benefits:
It uses MUI's default theme if no theme is available in React context.
It supports the theme's styleOverrides and variants to be applied, based on the name applied in the options (can be skipped).
It adds support for the the sx prop (can be skipped).
It adds by default the shouldForwardProp option (that can be overridden), taking into account all props used internally in the MUI components: ownerState, theme, sx, and as.

https://mui.com/system/styled/#what-problems-does-it-solve