phone auth, image uploading, address broken up

frontend/src/components/AuthModal.tsx

@@ -134,16 +134,16 @@ const AuthModal: React.FC<AuthModalProps> = ({
       console.log("Current mode:", mode);
       console.log("First Name:", firstName);
       console.log("Last Name:", lastName);
-      
+
       const requestBody = {
         phoneNumber: cleanPhone,
         code: verificationCode,
         firstName: mode === "signup" ? firstName : undefined,
         lastName: mode === "signup" ? lastName : undefined,
       };
-      
+
       console.log("Request body:", requestBody);
-      
+
       const response = await fetch(
         "http://localhost:5001/api/auth/phone/verify-code",
         {
@@ -171,23 +171,23 @@ const AuthModal: React.FC<AuthModalProps> = ({
       // Store token and user data
       console.log("Storing token:", data.token);
       localStorage.setItem("token", data.token);
-      
+
       // Verify token was stored
       const storedToken = localStorage.getItem("token");
       console.log("Token stored successfully:", !!storedToken);
       console.log("User data:", data.user);
-      
+
       // Update auth context with the user data
       updateUser(data.user);
-      
+
       // Close modal and reset state
       onHide();
       resetModal();
-      
+
       // Force a page reload to ensure auth state is properly initialized
       // This is needed because AuthContext's useEffect only runs once on mount
       setTimeout(() => {
-        window.location.href = '/';
+        window.location.href = "/";
       }, 100);
     } catch (err: any) {
       console.error("Verification error:", err);