fix: settings error message

src/app/(main)/events/[eventID]/page.tsx

@@ -108,9 +108,7 @@ export default function ShowEvent() {
                   <Label className='text-[var(--color-neutral-300)] mb-2'>
                     Location
                   </Label>
-                  <Label size='large'>
-                    {eventData.data.event.location || '-'}
-                  </Label>
+                  <Label size='large'>{eventData.data.event.location || '-'}</Label>
                 </div>
                 <div className='flex flex-col gap-4'>
                   <div className='flex flex-row gap-2'>
@@ -118,9 +116,7 @@ export default function ShowEvent() {
                       created:
                     </Label>
                     <Label>
-                      {eventData.data.event.created_at
-                        ? formatDate(eventData.data.event.created_at)
-                        : '-'}
+                      {eventData.data.event.created_at ? formatDate(eventData.data.event.created_at) : '-'}
                     </Label>
                   </div>
                   <div className='flex flex-row gap-2'>
@@ -128,9 +124,7 @@ export default function ShowEvent() {
                       updated:
                     </Label>
                     <Label>
-                      {eventData.data.event.updated_at
-                        ? formatDate(eventData.data.event.updated_at)
-                        : '-'}
+                      {eventData.data.event.updated_at ? formatDate(eventData.data.event.updated_at) : '-'}
                     </Label>
                   </div>
                 </div>
@@ -142,18 +136,14 @@ export default function ShowEvent() {
                       <Label className='text-[var(--color-neutral-300)]'>
                         Organiser:
                       </Label>
-                      <Label size='large'>
-                        {userData?.data.user?.name || 'Unknown User'}
-                      </Label>
+                      <Label size='large'>{userData?.data.user?.name || 'Unknown User'}</Label>
                     </div>
                   </div>
                   <div className='h-full w-full'>
                     <Label className='text-[var(--color-neutral-300)] mb-2'>
                       Description
                     </Label>
-                    <Label size='large'>
-                      {eventData.data.event.description || '-'}
-                    </Label>
+                    <Label size='large'>{eventData.data.event.description || '-'}</Label>
                   </div>
                 </div>
                 <div className='h-full w-full mt-2'>
@@ -174,8 +164,7 @@ export default function ShowEvent() {
 
               <div className='flex flex-row gap-2 justify-end mt-4 mb-6'>
                 <div className='w-[20%] grid max-sm:w-full'>
-                  {session.data?.user?.id ===
-                  eventData.data.event.organizer.id ? (
+                  {session.data?.user?.id === eventData.data.event.organizer.id ? (
                     <Dialog
                       open={deleteDialogOpen}
                       onOpenChange={setDeleteDialogOpen}
@@ -190,8 +179,7 @@ export default function ShowEvent() {
                           <DialogTitle>Delete Event</DialogTitle>
                           <DialogDescription>
                             Are you sure you want to delete the event &ldquo;
-                            {eventData.data.event.title}&rdquo;? This action
-                            cannot be undone.
+                            {eventData.data.event.title}&rdquo;? This action cannot be undone.
                           </DialogDescription>
                         </DialogHeader>
                         <DialogFooter>
@@ -231,8 +219,7 @@ export default function ShowEvent() {
                   ) : null}
                 </div>
                 <div className='w-[20%] grid max-sm:w-full'>
-                  {session.data?.user?.id ===
-                  eventData.data.event.organizer.id ? (
+                  {session.data?.user?.id === eventData.data.event.organizer.id ? (
                     <RedirectButton
                       redirectUrl={`/events/edit/${eventID}`}
                       buttonText='edit'

src/components/forms/event-form.tsx

@@ -58,11 +58,14 @@ const EventForm: React.FC<EventFormProps> = (props) => {
     error,
   } = usePostApiEvent();
   const { data, isLoading, error: fetchError } = useGetApiUserMe();
-  const { data: eventData } = useGetApiEventEventID(props.eventId!, {
-    query: { enabled: props.type === 'edit' },
-  });
+  const { data: eventData } = useGetApiEventEventID(
+    props.eventId!,
+    {
+      query: { enabled: props.type === 'edit' },
+    },
+  );
   const patchEvent = usePatchApiEventEventID();
-  const router = useRouter();
+  const router = useRouter();;
 
   // State for date and time fields
   const [startDate, setStartDate] = React.useState<Date | undefined>(undefined);
@@ -99,9 +102,7 @@ const EventForm: React.FC<EventFormProps> = (props) => {
       }
       setLocation(eventData?.data?.event.location || '');
       setDescription(eventData?.data?.event.description || '');
-      setSelectedParticipants(
-        eventData?.data?.event.participants?.map((u) => u.user) || [],
-      );
+      setSelectedParticipants(eventData?.data?.event.participants?.map((u) => u.user) || []);
     } else if (props.type === 'create' && startFromUrl && endFromUrl) {
       // If creating a new event with URL params, set title and dates
       setTitle('');