Fix login to use api service instead of fetch with relative URL

src/pages/Login.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { api } from '../services/api';
 
 // Pre-loaded user details
 const PREDEFINED_USERS = {
@@ -33,13 +34,10 @@ const Login: React.FC = () => {
     setError('');
 
     try {
-      // Always use backend for login and user info
-      const response = await fetch('/api/auth/login', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ email })
-      });
-      const data = await response.json();
+      // Use the api service to make the request to the backend
+      const response = await api.post('/auth/login', { email });
+      const data = response.data;
+      
       if (data.success) {
         localStorage.setItem('token', data.token);
         localStorage.setItem('user', JSON.stringify(data.user));