chore: lint and format the repo

src/views/components/calendar/Calendar/Calendar.tsx

@@ -9,8 +9,6 @@ import { useFlattenedCourseSchedule } from '@views/hooks/useFlattenedCourseSched
 import React from 'react';
 import { ExampleCourse } from 'src/stories/components/PopupCourseBlock.stories';
 
-
-
 export const flags = ['WR', 'QR', 'GC', 'CD', 'E', 'II'];
 
 interface Props {
@@ -26,8 +24,12 @@ export function Calendar(): JSX.Element {
     const [course, setCourse] = React.useState<Course | null>(null);
 
     return (
-        <div className = 'flex flex-col'>
-            <CalendarHeader totalHours={activeSchedule.hours} scheduleName={activeSchedule.name} totalCourses={activeSchedule?.courses.length}/>
+        <div className='flex flex-col'>
+            <CalendarHeader
+                totalHours={activeSchedule.hours}
+                scheduleName={activeSchedule.name}
+                totalCourses={activeSchedule?.courses.length}
+            />
             <div className='h-screen w-full flex flex-col md:flex-row'>
                 <div className='min-h-[30%] flex flex-col items-start gap-2.5 p-5 pl-7'>
                     <div className='min-h-[30%]'>
@@ -37,7 +39,7 @@ export function Calendar(): JSX.Element {
                 </div>
                 <div className='flex flex-grow flex-col gap-4 overflow-hidden pr-12'>
                     <div className='flex-grow overflow-auto'>
-                        <CalendarGrid courseCells = {courseCells} setCourse={setCourse}/>
+                        <CalendarGrid courseCells={courseCells} setCourse={setCourse} />
                     </div>
                     <div>
                         <CalendarBottomBar />
@@ -46,7 +48,13 @@ export function Calendar(): JSX.Element {
             </div>
             {/* TODO: Doesn't work when exampleCourse is replaced with an actual course through setCourse. 
                 Check CalendarGrid.tsx and AccountForCourseConflicts for an example */}
-            {course ? <CourseCatalogInjectedPopup course = {ExampleCourse} activeSchedule = {activeSchedule} onClose={() => setCourse(null)}/> : null}
+            {course ? (
+                <CourseCatalogInjectedPopup
+                    course={ExampleCourse}
+                    activeSchedule={activeSchedule}
+                    onClose={() => setCourse(null)}
+                />
+            ) : null}
         </div>
     );
 }