Auto-formatted the code using Prettier

Author: Austin-X

course-matrix/frontend/src/pages/Home/TimetableCardKebabMenu.tsx

@@ -67,10 +67,18 @@ const TimetableCardKebabMenu = ({
         <DropdownMenuItem onSelect={(e) => e.preventDefault()}>
           <EmailNotificationSettings timetableId={timetableId} />
         </DropdownMenuItem>
-        <DropdownMenuItem onSelect={(e) => e.preventDefault()} className="cursor-pointer" onClick={() => setOpenShareDialog(true)}>
-            Share Timetable
+        <DropdownMenuItem
+          onSelect={(e) => e.preventDefault()}
+          className="cursor-pointer"
+          onClick={() => setOpenShareDialog(true)}
+        >
+          Share Timetable
         </DropdownMenuItem>
-        <ShareDialog open={openShareDialog} setOpen={setOpenShareDialog} calendar_id={timetableId} />
+        <ShareDialog
+          open={openShareDialog}
+          setOpen={setOpenShareDialog}
+          calendar_id={timetableId}
+        />
         <DropdownMenuItem onSelect={(e) => e.preventDefault()}>
           <Dialog>
             <DialogTrigger asChild>

course-matrix/frontend/src/pages/TimetableBuilder/ShareDialog.tsx

@@ -48,13 +48,19 @@ const ShareDialog = ({ open, setOpen, calendar_id }: ShareDialogProps) => {
     setLoading(false);
   };
 
-  return (<Dialog open={open} onOpenChange={() => { setOpen(!open); setErrorMessage(null); } }>
+  return (
+    <Dialog
+      open={open}
+      onOpenChange={() => {
+        setOpen(!open);
+        setErrorMessage(null);
+      }}
+    >
       <TimetableSuccessDialog
         successMessage={successMessage}
         setSuccessMessage={setSuccessMessage}
       />
-      <DialogTrigger asChild>
-      </DialogTrigger>
+      <DialogTrigger asChild></DialogTrigger>
       <DialogContent className="gap-5">
         <DialogHeader>
           <DialogTitle>Share Timetable</DialogTitle>
@@ -73,7 +79,9 @@ const ShareDialog = ({ open, setOpen, calendar_id }: ShareDialogProps) => {
           placeholder="Email"
           className="w-full"
         />
-        <DialogDescription className="text-red-500">{errorMessage}</DialogDescription>
+        <DialogDescription className="text-red-500">
+          {errorMessage}
+        </DialogDescription>
         <DialogFooter>
           <DialogClose asChild>
             <Button variant="secondary">Cancel</Button>

course-matrix/frontend/src/pages/TimetableBuilder/TimetableBuilder.tsx

@@ -362,11 +362,19 @@ const TimetableBuilder = () => {
                 <Button size="sm" variant="outline" onClick={handleReset}>
                   Reset
                 </Button>
-                <Button size="sm" variant="outline" onClick={() => setOpenShareDialog(true)}>
+                <Button
+                  size="sm"
+                  variant="outline"
+                  onClick={() => setOpenShareDialog(true)}
+                >
                   Share
                 </Button>
                 {isEditingTimetable && (
-                  <ShareDialog open={openShareDialog} setOpen={setOpenShareDialog} calendar_id={timetableId} />
+                  <ShareDialog
+                    open={openShareDialog}
+                    setOpen={setOpenShareDialog}
+                    calendar_id={timetableId}
+                  />
                 )}
               </div>
             </div>