created reusable button component, created course info header component, created utility type for Colors, removed typescript-css-modules plugin, and added a threshold to the infinite scroll hook

src/views/styles/colors.module.scss

@@ -10,6 +10,9 @@ $turquoise: #00a9b7;
 $bluebonnet: #005f86;
 $shade: #9cadb7;
 $limestone: #d6d2c4;
+$speedway_brick: #af2e2d;
+
+//scss hover active focus color calculation
 
 :export {
     burnt_orange: $burnt_orange;
@@ -24,4 +27,5 @@ $limestone: #d6d2c4;
     bluebonnet: $bluebonnet;
     shade: $shade;
     limestone: $limestone;
+    speedway_brick: $speedway_brick;
 }

src/views/styles/colors.module.scss.d.ts

@@ -15,7 +15,13 @@ export interface ISassColors {
     bluebonnet: string;
     shade: string;
     limestone: string;
+    speedway_brick: string;
 }
 
+/**
+ * A type that represents all the colors that we have in our sass files
+ */
+export type Color = keyof ISassColors;
+
 declare const colors: ISassColors;
 export default colors;