feat: calendar components 3rd attempt at merging (#60)

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

@@ -1,4 +1,4 @@
-.calendar-cell {
+.calendarCell {
     display: flex;
     width: 165px;
     height: 52.231px;
@@ -8,13 +8,12 @@
     justify-content: center;
     align-items: flex-start;
     position: relative;
-  }
-  
-  .hour-line {
+}
+
+.hourLine {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     border-top: 1px solid black; /* Adjust line styles as needed */
-  }
-  
+}

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

@@ -1,12 +1,16 @@
 import React from 'react';
 import styles from './CalendarGridCell.module.scss';
 
-const CalendarCell: React.FC = () => {
-  return (
-    <div className={styles['calendar-cell']}>
-      <div className={styles['hour-line']}></div>
-    </div>
-  );
+/**
+ * Component representing each 1 hour time block of a calendar
+ * @param props
+ */
+const CalendarCell: React.FC = props => {
+    return (
+        <div className={styles.calendarCell}>
+            <div className={styles.hourLine}></div>
+        </div>
+    );
 };
 
 export default CalendarCell;