feat: move to tailwindcss from twind

routes/_app.tsx

@@ -27,6 +27,7 @@ export default function App({ Component }: AppProps) {
         />
         <link rel="manifest" href="/site.webmanifest" />
         <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+        <link rel="stylesheet" href="/styles.css" />
         <meta name="msapplication-TileColor" content="#da532c" />
         <meta name="theme-color" content="#141218" />
         <script src="/thumbnails.js" type="module"></script>

routes/_layout.tsx

@@ -20,7 +20,7 @@ export default function MyLayout({ Component }: PageProps) {
             return (
               <a
                 href={m.link}
-                class={`flex items-center gap-2  text-white [data-current]:bg-white [data-current]:text-black p-3 text-xl w-full rounded-2xl`}
+                class={`flex items-center gap-2  text-white data-[current]:bg-white data-[current]:text-black p-3 text-xl w-full rounded-2xl`}
               >
                 {<Emoji class="w-6 h-6" name={m.emoji} />} {m.name}
               </a>