fix: make Clerk style compatible with Tailwind css v4

Author: ixartz

src/app/[locale]/(auth)/layout.tsx

@@ -31,6 +31,9 @@ export default async function AuthLayout(props: {
       signInFallbackRedirectUrl={dashboardUrl}
       signUpFallbackRedirectUrl={dashboardUrl}
       afterSignOutUrl={afterSignOutUrl}
+      appearance={{
+        cssLayerName: 'clerk', // Ensure Clerk is compatible with Tailwind CSS v4
+      }}
     >
       {props.children}
     </ClerkProvider>

src/styles/global.css

@@ -1 +1,3 @@
+@layer theme, base, clerk, components, utilities; /* Ensure Clerk is compatible with Tailwind CSS v4 */
+
 @import 'tailwindcss';