Fix unused variables causing CI failure

Author: CypherXXXX

src/components/ErrorBoundary.tsx

@@ -1,4 +1,4 @@
-import React, { Component, ErrorInfo, ReactNode } from 'react';
+import { Component, ErrorInfo, ReactNode } from 'react';
 import { Button } from './ui/Button';
 
 interface Props {

src/pages/patient/PatientAppointments.tsx

@@ -21,7 +21,7 @@ export default function PatientAppointments() {
     const queryClient = useQueryClient()
     const { register, handleSubmit, reset, setValue } = useForm<BookingForm>()
 
-    
+
     const { data: appointments, isLoading: isLoadingAppointments } = useQuery({
         queryKey: ['appointments', user?.id],
         queryFn: async () => {
@@ -43,22 +43,9 @@ export default function PatientAppointments() {
         enabled: !!user,
     })
 
-    
-    const { data: profile } = useQuery({
-        queryKey: ['profile', user?.id],
-        queryFn: async () => {
-            const { data, error } = await supabase
-                .from('profiles')
-                .select('*')
-                .eq('id', user!.id)
-                .single();
-            if (error) throw error;
-            return data;
-        },
-        enabled: !!user
-    });
 
-    
+
+
     useEffect(() => {
         if (!user) return;
         const channel = supabase
@@ -96,7 +83,7 @@ export default function PatientAppointments() {
         mutationFn: async (data: BookingForm) => {
             if (!user) throw new Error("User not authenticated");
 
-            
+
             const { data: latestVitals } = await supabase
                 .from('vitals')
                 .select('*')
@@ -233,7 +220,7 @@ export default function PatientAppointments() {
                 </form>
             </Modal>
 
-            {}
+            { }
             <div className="grid gap-6">
                 <Card>
                     <CardHeader>
@@ -294,7 +281,7 @@ export default function PatientAppointments() {
                     </CardContent>
                 </Card>
 
-                {}
+                { }
                 <Card className="bg-slate-50 border-slate-200">
                     <CardHeader>
                         <div className="flex items-center gap-2">