Add a Cancel Button on the Edit Timetable Page that takes the user back to the home page

Author: Austin-X

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

@@ -373,22 +373,26 @@ const Calendar = React.memo<CalendarProps>(
               </DialogContent>
             </Dialog>
           ) : (
-            <>
+            <div className="flex gap-2">
               {isChoosingSectionsManually &&
                 !allOfferingSectionsHaveBeenSelected && (
                   <p className="text-sm text-red-500 pr-2">
                     Please select all LEC/TUT/PRA sections for your courses in
                     order to save your timetable.
                   </p>
                 )}
+
+              <Button size="sm" variant="outline" onClick={() => navigate("/home")} >
+                Cancel Editing
+              </Button>
               <Button
                 size="sm"
                 disabled={!allOfferingSectionsHaveBeenSelected}
                 onClick={handleUpdate}
               >
                 Update Timetable
               </Button>
-            </>
+            </div>
           )}
         </h1>
         <ScheduleXCalendar calendarApp={calendar} />