chore: merge in finished CalendarGrid

src/views/components/calendar/CalendarGridCell/CalendarGridCell.module.scss

@@ -1,7 +1,7 @@
 .calendarCell {
     display: flex;
-    width: 213.8px;
-    height: 44.769px;
+    width: 100%;
+    height: 100%;
     min-width: 45px;
     min-height: 40px;
     flex-direction: column;
@@ -11,8 +11,8 @@
 }
 
 .hourLine {
-    width: 213.8px;
+    width: 100%;
     height: 1px;
-    border-radius: var(--border-radius-none, 0px);
+    border-radius: 0px;
     background: rgba(218, 220, 224, 0.25);
 }

src/views/components/calendar/CalendarGridCell/CalendarGridCell.tsx

@@ -1,14 +1,20 @@
 import React from 'react';
 import styles from './CalendarGridCell.module.scss';
 
+interface Props {
+    styleProp: any;
+}
+
 /**
  * Component representing each 1 hour time block of a calendar
  * @param props
  */
-const CalendarCell: React.FC = props => (
-    <div className={styles.calendarCell}>
-        <div className={styles.hourLine} />
-    </div>
-);
+function CalendarCell({ styleProp }: Props): JSX.Element {
+    return (
+        <div className={styles.calendarCell} style={styleProp}>
+            <div className={styles.hourLine} />
+        </div>
+    );
+}
 
 export default CalendarCell;