refactor: enhance authentication handling and user profile management

- Updated middleware to check authentication using Better Auth session and fallback to server-side user check.
- Simplified LoginForm by removing unused hooks and added console logs for better debugging.
- Modified ProtectedRoute to check user verification status using profile data.
- Refactored ProfileDataClient to utilize a new auth status hook for user data.
- Streamlined useAuth hook to fetch user profile and manage authentication state more efficiently.
- Removed reliance on Zustand store for auth state management in favor of Better Auth integration.

Author: 0xdevcollins

components/auth/login-form.tsx

@@ -7,9 +7,7 @@ import { z } from 'zod';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { useAuthActions, useAuthErrorHandler } from '@/hooks/use-auth';
 import { authClient } from '@/lib/auth-client';
-import { useAuthStore } from '@/lib/stores/auth-store';
 import { toast } from 'sonner';
 
 const loginSchema = z.object({
@@ -26,8 +24,6 @@ interface LoginFormProps {
 
 export function LoginForm({ onSuccess, onError }: LoginFormProps) {
   const [isLoading, setIsLoading] = useState(false);
-  const { setError } = useAuthActions();
-  const { handleAuthError } = useAuthErrorHandler();
 
   const {
     register,
@@ -40,7 +36,7 @@ export function LoginForm({ onSuccess, onError }: LoginFormProps) {
   const onSubmit = async (data: LoginFormData) => {
     try {
       setIsLoading(true);
-      setError(null);
+      console.log('Attempting login for:', data.email);
 
       const { error } = await authClient.signIn.email(
         {
@@ -49,35 +45,8 @@ export function LoginForm({ onSuccess, onError }: LoginFormProps) {
           rememberMe: true,
         },
         {
-          onSuccess: async () => {
-            // Get session after successful login
-            const session = await authClient.getSession();
-
-            if (session && typeof session === 'object' && 'user' in session) {
-              const sessionUser = session.user as
-                | {
-                    id: string;
-                    email: string;
-                    name?: string | null;
-                    image?: string | null;
-                  }
-                | null
-                | undefined;
-
-              if (sessionUser && sessionUser.id && sessionUser.email) {
-                const authStore = useAuthStore.getState();
-                await authStore.syncWithSession({
-                  id: sessionUser.id,
-                  email: sessionUser.email,
-                  name: sessionUser.name || undefined,
-                  image: sessionUser.image || undefined,
-                  role: 'USER',
-                  username: undefined,
-                  accessToken: undefined,
-                });
-              }
-            }
-
+          onSuccess: () => {
+            console.log('Login successful');
             toast.success('Login successful!');
             onSuccess?.();
           },
@@ -88,13 +57,7 @@ export function LoginForm({ onSuccess, onError }: LoginFormProps) {
                 ? errorObj.message
                 : 'Login failed. Please try again.';
 
-            if (
-              handleAuthError(errorObj as { status?: number; code?: string })
-            ) {
-              return;
-            }
-
-            setError(errorMessage);
+            console.error('Login error:', errorObj);
             onError?.(errorMessage);
             toast.error(errorMessage);
           },
@@ -103,7 +66,7 @@ export function LoginForm({ onSuccess, onError }: LoginFormProps) {
 
       if (error) {
         const errorMessage = error.message || 'Login failed. Please try again.';
-        setError(errorMessage);
+        console.error('Login error:', error);
         onError?.(errorMessage);
         toast.error(errorMessage);
       }
@@ -112,7 +75,7 @@ export function LoginForm({ onSuccess, onError }: LoginFormProps) {
         error instanceof Error
           ? error.message
           : 'Login failed. Please try again.';
-      setError(errorMessage);
+      console.error('Login error:', error);
       onError?.(errorMessage);
       toast.error(errorMessage);
     } finally {

components/auth/protected-route.tsx

@@ -34,7 +34,7 @@ export function ProtectedRoute({
     }
 
     // Check if user verification is required
-    if (requireVerified && user && !user.isVerified) {
+    if (requireVerified && user && !user.profile?.isVerified) {
       router.push('/auth/verify-email');
       return;
     }
@@ -78,7 +78,7 @@ export function ProtectedRoute({
   }
 
   // Show fallback if user is not verified
-  if (requireVerified && user && !user.isVerified) {
+  if (requireVerified && user && !user.profile?.isVerified) {
     return (
       fallback || (
         <div className='flex min-h-screen items-center justify-center'>

components/profile/ProfileDataClient.tsx

@@ -18,7 +18,7 @@ import {
 import { Button } from '../ui/button';
 import ActivityHeatmap from './ActivityHeatMap';
 import { FutureFeature } from '../FeatureFuture';
-import { useAuthStore } from '@/lib/stores/auth-store';
+import { useAuthStatus } from '@/hooks/use-auth';
 
 interface ProfileDataClientProps {
   user: GetMeResponse;
@@ -41,8 +41,8 @@ export default function ProfileDataClient({
 }: ProfileDataClientProps) {
   const [selectedFilter, setSelectedFilter] = useState('All');
 
-  // Get auth state from store
-  const { user: authUser, isAuthenticated } = useAuthStore();
+  // Get auth state from simplified hook
+  const { user: authUser, isAuthenticated } = useAuthStatus();
 
   // Determine if it's the user's own profile
   const isOwnProfile =