feat: course color generation (Longhorn-Developers#179)

* feat: course color generation

* feat: add proper TS for hex colors

* refactor: fix oklab and improve contrast ratios

* fix: update HexColor type

* refactor: update color switch point

* refactor: color-related functions and types

* fix: imports and TS issues

* fix: imports and TS issues

* chore: add no-restricted-syntax ForInStatement

* chore(docs): add jsdoc

---------

Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>

src/views/components/common/Dialog.tsx

@@ -6,7 +6,7 @@ import React, { Fragment } from 'react';
 
 import ExtensionRoot from './ExtensionRoot/ExtensionRoot';
 
-export interface _DialogProps {
+interface _DialogProps {
     className?: string;
     title?: JSX.Element;
     description?: JSX.Element;

src/views/components/common/ScheduleListItem.tsx

@@ -33,6 +33,7 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
     const editorRef = React.useRef<HTMLInputElement>(null);
     useEffect(() => {
         const editor = editorRef.current;
+
         setEditorValue(schedule.name);
 
         if (isEditing && editor) {

src/views/hooks/useFlattenedCourseSchedule.ts

@@ -1,7 +1,9 @@
+import type { HexColor } from '@shared/types/Color';
 import type { Course, StatusType } from '@shared/types/Course';
 import type { CourseMeeting } from '@shared/types/CourseMeeting';
-import type { UserSchedule } from '@shared/types/UserSchedule';
-import type { CalendarCourseCellProps } from '@views/components/calendar/CalendarCourseCell';
+import { colors } from '@shared/types/ThemeColors';
+import { UserSchedule } from '@shared/types/UserSchedule';
+import type { CalendarCourseCellProps } from '@views/components/calendar/CalendarCourseCell/CalendarCourseCell';
 
 import useSchedules from './useSchedules';