Auto-formatted the code using Prettier

Author: dawangk

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

@@ -73,8 +73,8 @@ const Home = () => {
           ) : (
             [...data]
               .sort((a: Timetable, b: Timetable) => {
-                if(a.favorite) return 1;
-                if(b.favorite) return -1;
+                if (a.favorite) return 1;
+                if (b.favorite) return -1;
                 return b?.updated_at.localeCompare(a?.updated_at);
               })
               .map((timetable) => (

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

@@ -8,9 +8,12 @@ import {
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Star, Pencil } from "lucide-react";
-import { useState,useEffect } from "react";
+import { useState, useEffect } from "react";
 import TimetableCardKebabMenu from "./TimetableCardKebabMenu";
-import { useUpdateTimetableMutation, useGetTimetableQuery} from "@/api/timetableApiSlice";
+import {
+  useUpdateTimetableMutation,
+  useGetTimetableQuery,
+} from "@/api/timetableApiSlice";
 import { Link } from "react-router-dom";
 import { TimetableModel } from "@/models/models";
 
@@ -34,12 +37,10 @@ const TimetableCard = ({
   title,
   lastEditedDate,
   owner,
-  favorite
+  favorite,
 }: TimetableCardProps) => {
   const [updateTimetable] = useUpdateTimetableMutation();
 
-
-
   const lastEditedDateArray = lastEditedDate
     .toISOString()
     .split("T")[0]
@@ -76,25 +77,25 @@ const TimetableCard = ({
     }
   }, [data]);
 
-   const handleFavourite = async () => {
-      try {
-        await updateTimetable({
-          id: timetableId,
-          favorite: !toggled,
-        }).unwrap();
-        refetch();
-        console.log("Favourite success!");
-        setToggled(!toggled);
-        console.log(!toggled);
-        handleReload();
-      } catch (error) {
-        console.error("Failed to favourite timetable:", error);
-      }
-    };
-  
-    const handleReload = () => {
-      window.location.reload(); // Reloads the page
-    };
+  const handleFavourite = async () => {
+    try {
+      await updateTimetable({
+        id: timetableId,
+        favorite: !toggled,
+      }).unwrap();
+      refetch();
+      console.log("Favourite success!");
+      setToggled(!toggled);
+      console.log(!toggled);
+      handleReload();
+    } catch (error) {
+      console.error("Failed to favourite timetable:", error);
+    }
+  };
+
+  const handleReload = () => {
+    window.location.reload(); // Reloads the page
+  };
 
   return (
     <Card className="w-full">
@@ -106,7 +107,6 @@ const TimetableCard = ({
           />
         </Link>
         <div className="flex justify-between items-center">
-
           <CardTitle>
             <Input
               disabled={!isEditingTitle}
@@ -120,9 +120,14 @@ const TimetableCard = ({
             />
           </CardTitle>
 
-          <Star className={`w-6 h-6 transition-colors ${
-          toggled ? "fill-none text-gray-500" : "fill-yellow-500 text-yellow-500"
-        }`}  onClick={() => handleFavourite()}/>
+          <Star
+            className={`w-6 h-6 transition-colors ${
+              toggled
+                ? "fill-none text-gray-500"
+                : "fill-yellow-500 text-yellow-500"
+            }`}
+            onClick={() => handleFavourite()}
+          />
           <div className="flex justify-between">
             {!isEditingTitle && (
               <>

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

@@ -16,8 +16,8 @@ import {
   DialogDescription,
   DialogClose,
 } from "@/components/ui/dialog";
-import { EllipsisVertical} from "lucide-react";
-import { useDeleteTimetableMutation} from "@/api/timetableApiSlice";
+import { EllipsisVertical } from "lucide-react";
+import { useDeleteTimetableMutation } from "@/api/timetableApiSlice";
 import { EmailNotificationSettings } from "./EmailNotificationSettings";
 
 interface TimetableCardKebabMenuProps {
@@ -33,11 +33,7 @@ const TimetableCardKebabMenu = ({
   refetch,
   timetableId,
 }: TimetableCardKebabMenuProps) => {
-  
   const [deleteTimetable] = useDeleteTimetableMutation();
-  
-  
-  
 
   const handleDelete = async () => {
     try {