chore: lint and format repo

src/views/components/calendar/CalendarGrid/CalendarGrid.tsx

@@ -151,7 +151,7 @@ function AccountForCourseConflicts({ courseCells, setCourse }: AccountForCourseC
 
     //  Part of TODO: block.course is definitely a course object
     //  console.log(courseCells);
-    
+
     return courseCells.map((block, i) => {
         const { courseDeptAndInstr, timeAndLocation, status, colors } = courseCells[i].componentProps;
 
@@ -175,7 +175,7 @@ function AccountForCourseConflicts({ courseCells, setCourse }: AccountForCourseC
                     onClick={() => setCourse(block.course)}
                 />
             </div>
-        )
+        );
     });
 }
 

src/views/components/calendar/CalendarHeader/CalenderHeader.tsx

@@ -18,7 +18,7 @@ const handleOpenOptions = async () => {
     await openTabFromContentScript(url);
 };
 
-const CalendarHeader = ( { totalHours, totalCourses, scheduleName } ) => (
+const CalendarHeader = ({ totalHours, totalCourses, scheduleName }) => (
     <div className='min-h-79px min-w-672px w-full flex px-0 py-15'>
         <div className='flex flex-row gap-20'>
             <div className='flex gap-10'>
@@ -49,7 +49,7 @@ const CalendarHeader = ( { totalHours, totalCourses, scheduleName } ) => (
                 <div className='flex flex-row'>
                     <Button variant='single' icon={UndoIcon} color='ut-black' />
                     <Button variant='single' icon={RedoIcon} color='ut-black' />
-                    <Button variant='single' icon={SettingsIcon} color='ut-black' onClick={handleOpenOptions}/>
+                    <Button variant='single' icon={SettingsIcon} color='ut-black' onClick={handleOpenOptions} />
                 </div>
             </div>
         </div>

src/views/components/injected/CourseCatalogInjectedPopup/CourseCatalogInjectedPopup.tsx

@@ -32,7 +32,11 @@ export default function CourseCatalogInjectedPopup({
         <Popup overlay className='max-w-[780px] px-6' onClose={onClose}>
             <div className='flex flex-col'>
                 <HeadingAndActions course={course} onClose={onClose} activeSchedule={activeSchedule} />
-                <Description course={course} /* lines={course.description} Looks like this was replaced. Description now set internally*/ /> 
+                <Description
+                    course={
+                        course
+                    } /* lines={course.description} Looks like this was replaced. Description now set internally */
+                />
                 <GradeDistribution course={course} />
             </div>
         </Popup>

src/views/hooks/useFlattenedCourseSchedule.ts

@@ -5,8 +5,6 @@ import type { CalendarCourseCellProps } from '@views/components/calendar/Calenda
 
 import useSchedules from './useSchedules';
 
-
-
 const dayToNumber: { [day: string]: number } = {
     Monday: 0,
     Tuesday: 1,
@@ -66,25 +64,26 @@ export function useFlattenedCourseSchedule(): FlattenedCourseSchedule {
     if (activeSchedule.courses.length === 0) {
         return {
             courseCells: [] as CalendarGridCourse[],
-            activeSchedule
+            activeSchedule,
         } satisfies FlattenedCourseSchedule;
-
     }
 
     const { courses, name, hours } = activeSchedule;
 
-    const processedCourses = courses.flatMap((course: Course) => {
-        const { status, courseDeptAndInstr, meetings } = extractCourseInfo(course);
-    
-        if (meetings.length === 0) {
-            return processAsyncCourses({ courseDeptAndInstr, status, course });
-        }
-    
-        return meetings.flatMap((meeting: CourseMeeting) => 
-            processInPersonMeetings(meeting, { courseDeptAndInstr, status, course })
-        );
-    }).sort(sortCourses);
-    
+    const processedCourses = courses
+        .flatMap((course: Course) => {
+            const { status, courseDeptAndInstr, meetings } = extractCourseInfo(course);
+
+            if (meetings.length === 0) {
+                return processAsyncCourses({ courseDeptAndInstr, status, course });
+            }
+
+            return meetings.flatMap((meeting: CourseMeeting) =>
+                processInPersonMeetings(meeting, { courseDeptAndInstr, status, course })
+            );
+        })
+        .sort(sortCourses);
+
     return {
         courseCells: processedCourses as CalendarGridCourse[],
         activeSchedule: { name, courses, hours } as UserSchedule,
@@ -106,23 +105,33 @@ function extractCourseInfo(course: Course) {
 /**
  * Function to process each in-person class into its distinct meeting objects for calendar grid
  */
-function processAsyncCourses({ courseDeptAndInstr, status, course }: { courseDeptAndInstr: string, status: StatusType, course: Course }) {
-    return [{
-        calendarGridPoint: {
-            dayIndex: 0,
-            startIndex: 0,
-            endIndex: 0,
-        },
-        componentProps: {
-            courseDeptAndInstr,
-            status,
-            colors: {
-                primaryColor: 'ut-gray',
-                secondaryColor: 'ut-gray',
+function processAsyncCourses({
+    courseDeptAndInstr,
+    status,
+    course,
+}: {
+    courseDeptAndInstr: string;
+    status: StatusType;
+    course: Course;
+}) {
+    return [
+        {
+            calendarGridPoint: {
+                dayIndex: 0,
+                startIndex: 0,
+                endIndex: 0,
             },
+            componentProps: {
+                courseDeptAndInstr,
+                status,
+                colors: {
+                    primaryColor: 'ut-gray',
+                    secondaryColor: 'ut-gray',
+                },
+            },
+            course,
         },
-        course,
-    }] satisfies CalendarGridCourse[];
+    ] satisfies CalendarGridCourse[];
 }
 
 /**