Make "Edit Timetable" button on one line

Author: Austin-X

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

@@ -4,7 +4,6 @@ import TimetableCard from "./TimetableCard";
 import TimetableCompareButton from "./TimetableCompareButton";
 import TimetableCreateNewButton from "./TimetableCreateNewButton";
 import { useGetTimetablesQuery } from "../../api/timetableApiSlice";
-import { Timetable } from "../../utils/type-utils";
 
 /**
  * Home component that displays the user's timetables and provides options to create or compare timetables.
@@ -16,10 +15,7 @@ const Home = () => {
     (user_metadata?.user?.user_metadata?.username as string) ??
     (user_metadata?.user?.email as string);
 
-  const { data, isLoading, refetch } = useGetTimetablesQuery() as {
-    data: Timetable[];
-    isLoading: boolean;
-  };
+  const { data, isLoading, refetch } = useGetTimetablesQuery();
 
   return (
     <div className="w-full">

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

@@ -188,14 +188,14 @@ const TimetableBuilder = () => {
       <div className="w-full">
         <div className="m-8">
           <div className="mb-4 flex flex-row justify-between items-center">
-            <div className="flex items-center gap-4 relative group">
-              <h1 className="text-2xl font-medium tracking-tight">
+            <div>
+              <h1 className="text-2xl font-medium tracking-tight mb-4">
                 {isEditingTimetable ? "Edit Timetable" : "New Timetable"}
               </h1>
               {isEditingTimetable && (
                 <Select
                   onValueChange={(value) => setTimetableId(parseInt(value))}
-                  defaultValue={editingTimetableId.toString()}
+                  defaultValue={editingTimetableId ? editingTimetableId.toString() : ""}
                 >
                   <SelectTrigger>
                     <SelectValue placeholder="Select calendar" />