Tailwind CSS 4 Migration (#100)

* Updated to TailwindCSS v4
* Moved CSS module to its own CSS file because of lightingcss strict validation
* Respect next parameter in middleware
* Updated all packages. 
* Split CSSs for better organization.
* Redesigned theme and auth pages
* Improved pill and header design
* Formatted files using Prettier
* Better footer layout
* Better auth layout
* Bump version of the repository to 2.0.0

apps/web/app/(marketing)/_components/site-page-header.tsx

@@ -15,12 +15,10 @@ export function SitePageHeader({
 
   return (
     <div className={cn('border-b py-8 xl:py-10 2xl:py-12', className)}>
-      <div
-        className={cn('flex flex-col space-y-2 lg:space-y-4', containerClass)}
-      >
+      <div className={cn('flex flex-col gap-y-3 lg:gap-y-4', containerClass)}>
         <h1
           className={
-            'font-heading text-3xl font-medium tracking-tighter dark:text-white xl:text-5xl'
+            'font-heading text-3xl font-medium tracking-tighter xl:text-5xl dark:text-white'
           }
         >
           {title}
@@ -28,7 +26,7 @@ export function SitePageHeader({
 
         <h2
           className={
-            'text-lg tracking-tight text-muted-foreground 2xl:text-2xl'
+            'text-muted-foreground text-lg tracking-tight 2xl:text-2xl'
           }
         >
           {subtitle}