Improve Calendar UI

Author: Austin-X

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

@@ -155,8 +155,9 @@ const Calendar = React.memo<CalendarProps>(
       },
       plugins: [createEventModalPlugin()],
       weekOptions: {
-        gridHeight: 500,
+        gridHeight: 1000,
       },
+      isResponsive: false,
     });
 
     const { data: timetableEvents } = useGetEventsQuery(editingTimetableId, {

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

@@ -332,7 +332,7 @@ const TimetableBuilder = () => {
         </div>
 
         <div className="m-8 flex gap-12">
-          <div className="w-2/5">
+          <div className="w-1/3">
             <Form {...form}>
               <FormContext.Provider value={form}>
                 <form
@@ -557,7 +557,7 @@ const TimetableBuilder = () => {
               </FormContext.Provider>
             </Form>
           </div>
-          <div className="w-3/5">
+          <div className="w-2/3">
             <Calendar
               isChoosingSectionsManually={isChoosingSectionsManually}
               semester={selectedSemester}