chore: upgrade tailwind and to react-router (#24)

Author: TomerAberbach

.gitignore

@@ -1,6 +1,6 @@
 node_modules
 
+.react-router/
 /.cache
 /build
-/public/build
 .env

src/icon.png app/icon.pngsrc/icon.png renamed to app/icon.png

@@ -1,12 +1,6 @@
-import type { LinksFunction, MetaFunction } from '@remix-run/node'
-import {
-  Links,
-  Meta,
-  Outlet,
-  Scripts,
-  ScrollRestoration,
-} from '@remix-run/react'
-import stylesUrl from './styles/index.css?url'
+import type { LinksFunction, MetaFunction } from 'react-router'
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router'
+import stylesUrl from './styles/tailwind.css?url'
 import { getSiteUrl } from './services/url.ts'
 import iconPngUrl from './icon.png?url'
 

src/root.tsx app/root.tsxsrc/root.tsx renamed to app/root.tsx

@@ -0,0 +1,4 @@
+import type { RouteConfig } from '@react-router/dev/routes'
+import { flatRoutes } from '@react-router/fs-routes'
+
+export default flatRoutes() satisfies RouteConfig

app/routes.ts

@@ -1,4 +1,4 @@
-import { useLoaderData, useRevalidator } from '@remix-run/react'
+import { useLoaderData, useRevalidator } from 'react-router'
 import { useCallback, useEffect, useId, useState } from 'react'
 import type {
   ChangeEventHandler,
@@ -97,7 +97,7 @@ const Header = () => (
   <div className='flex flex-col items-center'>
     <h1 className='mb-5 text-2xl font-semibold sm:text-3xl'>True Random For</h1>
     <img src={spotifyPngUrl} alt='Spotify' className='my-5 w-[20vw] min-w-52' />
-    <p className='mx-auto mb-10 mt-5 max-w-[45ch] text-xl font-medium sm:text-2xl'>
+    <p className='mx-auto mt-5 mb-10 max-w-[45ch] text-xl font-medium sm:text-2xl'>
       An application for unbiased truly random playlist and library shuffling
       with Spotify.
     </p>