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

packages/ui/src/makerkit/marketing/feature-card.tsx

@@ -1,45 +1,28 @@
 import React from 'react';
 
 import { cn } from '../../lib/utils';
-import {
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '../../shadcn/card';
+import { CardDescription, CardHeader, CardTitle } from '../../shadcn/card';
 
 interface FeatureCardProps extends React.HTMLAttributes<HTMLDivElement> {
   label: string;
   description: string;
-  image?: React.ReactNode;
 }
 
 export const FeatureCard: React.FC<FeatureCardProps> = ({
   className,
   label,
   description,
-  image,
-  children,
   ...props
 }) => {
   return (
-    <div
-      className={cn(
-        'rounded-3xl p-2 ring-2 ring-gray-100 dark:ring-primary/10',
-        className,
-      )}
-      {...props}
-    >
+    <div className={cn('rounded-xl border p-4', className)} {...props}>
       <CardHeader>
-        <CardTitle className="text-xl font-semibold">{label}</CardTitle>
-        <CardDescription className="max-w-xs text-sm font-semibold tracking-tight text-muted-foreground">
+        <CardTitle className="text-xl font-medium">{label}</CardTitle>
+
+        <CardDescription className="text-muted-foreground max-w-xs text-sm font-normal">
           {description}
         </CardDescription>
       </CardHeader>
-      <CardContent>
-        {image}
-        {children}
-      </CardContent>
     </div>
   );
 };