coderabbit suggestions

src/pages/Appointments/AppointmentDetail.tsx

@@ -71,9 +71,9 @@ import {
 } from "@/pages/Appointments/utils";
 import {
   Appointment,
+  AppointmentFinalStatuses,
   AppointmentStatuses,
   AppointmentUpdateRequest,
-  ApppointmentCompletedStatuses,
 } from "@/types/scheduling/schedule";
 import scheduleApis from "@/types/scheduling/scheduleApis";
 
@@ -442,7 +442,7 @@ const AppointmentActions = ({
       },
     });
 
-  if (ApppointmentCompletedStatuses.includes(currentStatus)) {
+  if (AppointmentFinalStatuses.includes(currentStatus)) {
     return null;
   }
 

src/pages/Patient/index.tsx

@@ -29,7 +29,7 @@ import { formatAppointmentSlotTime } from "@/pages/Appointments/utils";
 import PublicAppointmentApi from "@/types/scheduling/PublicAppointmentApi";
 import {
   Appointment,
-  ApppointmentCompletedStatuses,
+  AppointmentFinalStatuses,
 } from "@/types/scheduling/schedule";
 
 function PatientIndex() {
@@ -151,7 +151,7 @@ function PatientIndex() {
             <span className="text-sm font-semibold text-blue-700">
               {t(appointment.status)}
             </span>
-            {!ApppointmentCompletedStatuses.includes(appointment.status) && (
+            {!AppointmentFinalStatuses.includes(appointment.status) && (
               <span className="flex flex-row gap-2">
                 <Button
                   variant="destructive"

src/types/scheduling/schedule.ts

@@ -122,7 +122,7 @@ export const AppointmentStatuses = [
   ...AppointmentCancelledStatuses,
 ] as const;
 
-export const ApppointmentCompletedStatuses: AppointmentStatus[] = [
+export const AppointmentFinalStatuses: AppointmentStatus[] = [
   "fulfilled",
   "cancelled",
   "entered_in_error",