feat: show async courses in the bottom bar (#204)

* feat: show async courses in the bottom bar

* fix: hide "Async/Other" header when there are no async courses, off-by-n error

(where n is the number async courses)

* refactor: move types closer to map instead of weird "as boolean"

* refactor: move satisfies to return type

src/stories/components/calendar/CalendarGrid.stories.tsx

@@ -35,6 +35,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -49,6 +50,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -63,6 +65,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -77,6 +80,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -91,6 +95,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -105,6 +110,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
     {
         calendarGridPoint: {
@@ -119,6 +125,7 @@ const testData: CalendarGridCourse[] = [
             colors: getCourseColors('emerald', 500),
         },
         course: ExampleCourse,
+        async: false,
     },
 ];