lot of refactoring, reorganized course buttons. Now linking to professors directory page

src/views/components/common/Spinner/Spinner.tsx

@@ -1,14 +1,16 @@
+import classNames from 'classnames';
 import React from 'react';
-import { Color } from 'src/views/styles/colors.module.scss';
 import styles from './Spinner.module.scss';
 
 type Props = {
-    color?: Color;
+    testId?: string;
+    className?: string;
+    style?: React.CSSProperties;
 };
 
 /**
  * A simple spinner component that can be used to indicate loading.
  */
-export default function Spinner({ color }: Props) {
-    return <div className={styles.spinner} />;
+export default function Spinner({ className, testId, style }: Props) {
+    return <div data-testId={testId} style={style} className={classNames(styles.spinner, className)} />;
 }