website refactor

apps/website/components/ui/AuthError.tsx

@@ -0,0 +1,22 @@
+/**
+ * AuthError - UI component for auth page error states
+ * 
+ * Pure presentation component for displaying auth-related errors.
+ * Used by page.tsx files to handle PageQuery errors.
+ */
+
+import { ErrorBanner } from './ErrorBanner';
+
+interface AuthErrorProps {
+  action: string;
+}
+
+export function AuthError({ action }: AuthErrorProps) {
+  return (
+    <ErrorBanner 
+      message={`Failed to load ${action} page`} 
+      title="Error"
+      variant="error"
+    />
+  );
+}