refactor(auth): migrate shell styles to tailwind

src/app/auth/components/__tests__/tailwind-components.test.tsx

@@ -1,7 +1,14 @@
 import { renderToStaticMarkup } from "react-dom/server";
-import { describe, expect, it } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 
+import { AuthBackground } from "../auth-background";
 import { AuthErrorMessage } from "../auth-error-message";
+import { EmailLoginForm } from "../email-login-form";
+import { EmailRegisterForm } from "../email-register-form";
+
+vi.mock("@/stores/auth/auth-context", () => ({
+  useAuthDispatch: () => vi.fn(),
+}));
 
 describe("auth Tailwind components", () => {
   it("renders AuthErrorMessage only when a message is present", () => {
@@ -12,4 +19,34 @@ describe("auth Tailwind components", () => {
     expect(html).toContain("text-error");
     expect(html).toContain("Invalid email");
   });
+
+  it("renders EmailLoginForm with Tailwind form layout", () => {
+    const html = renderToStaticMarkup(<EmailLoginForm />);
+
+    expect(html).toContain("<form");
+    expect(html).toContain("flex");
+    expect(html).toContain("w-full");
+    expect(html).toContain("gap-md");
+    expect(html).toContain("Login");
+  });
+
+  it("renders EmailRegisterForm with Tailwind form layout", () => {
+    const html = renderToStaticMarkup(<EmailRegisterForm />);
+
+    expect(html).toContain("<form");
+    expect(html).toContain("flex");
+    expect(html).toContain("w-full");
+    expect(html).toContain("gap-md");
+    expect(html).toContain("Register");
+  });
+
+  it("renders AuthBackground with Tailwind layout classes", () => {
+    const html = renderToStaticMarkup(<AuthBackground />);
+
+    expect(html).toContain("absolute");
+    expect(html).toContain("inset-0");
+    expect(html).toContain("bg-[#fbf1f2]");
+    expect(html).toContain("object-cover");
+    expect(html).toContain("%2Fimages%2Fauth%2Fbg-login.png");
+  });
 });