Reverted CalendarGrid and CalendarGridCell back to SCSS from Tailwind

src/views/components/common/CalendarGridCell/CalendarGridCell.tsx

@@ -1,15 +1,14 @@
 import React from 'react';
+import styles from './CalendarGridCell.module.scss';
 
 /**
  * Component representing each 1 hour time block of a calendar
- * @param props 
+ * @param props
  */
-const CalendarCell: React.FC = (props) => {
-  return (
-    <div className="flex w-56 h-12 min-w-12 min-h-10 flex-col justify-center items-start border border-gray-300">
-      <div className="w-full h-1 border-none rounded-none bg-gray-300 bg-opacity-25"></div>
+const CalendarCell: React.FC = props => (
+    <div className={styles.calendarCell}>
+        <div className={styles.hourLine} />
     </div>
-  );
-};
+);
 
 export default CalendarCell;