🩹 Fix: Remove unused imports causing build failure

frontend/src/pages/settings/SettingsPage.tsx

@@ -5,12 +5,10 @@
  */
 
 import { useState, useEffect } from 'react';
-import { Settings, Building, Save, Shield, Globe, Mail } from 'lucide-react';
-import { motion } from 'framer-motion';
+import { Building, Save, Shield, Globe } from 'lucide-react';
 import apiClient from '../../api/client';
 
 export const SettingsPage = () => {
-    const [isLoading, setIsLoading] = useState(true);
     const [isSaving, setIsSaving] = useState(false);
     
     // Tenant Profile State
@@ -20,7 +18,6 @@ export const SettingsPage = () => {
     const [address, setAddress] = useState('');
 
     const fetchSettings = async () => {
-        setIsLoading(true);
         try {
             // Get current tenant info (usually from a profile or me endpoint)
             const { data } = await apiClient.get('/auth/me'); // Assuming there's a me endpoint for the tenant
@@ -29,8 +26,6 @@ export const SettingsPage = () => {
             // phone and address might be null
         } catch (error) {
             console.error('Failed to fetch settings', error);
-        } finally {
-            setIsLoading(false);
         }
     };
 

frontend/src/pages/staff/StaffPage.tsx

@@ -5,7 +5,7 @@
  */
 
 import { useState, useEffect } from 'react';
-import { Users, UserPlus, Shield, Mail, Phone, Trash2, Power } from 'lucide-react';
+import { Users, UserPlus, Mail, Power } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import apiClient from '../../api/client';