chore: polish up code

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

@@ -72,7 +72,6 @@
         align-items: flex-end;
         gap: 17px;
         flex: 1 0 0;
-        align-self: stretch;
         border-radius: var(--border-radius-none, 0px);
     }
 

src/views/components/common/CalendarGrid/CalendarGrid.tsx

@@ -8,7 +8,13 @@ const hoursOfDay = Array.from({ length: 14 }, (_, index) => index + 8);
 const grid = [];
 for (let i = 0; i < 13; i++) {
   const row = [];
-  row.push(hoursOfDay[i]);
+  let hour = hoursOfDay[i];
+  row.push(<>
+    <div key={hour} className={styles.timeBlock}>
+      <div className={styles.timeLabelContainer}><p>{(hour % 12 === 0 ? 12 : hour % 12) + (hour < 12 ? ' AM' : ' PM')}</p></div>
+    </div>
+  </>
+  );
   row.push(Array.from({ length: 5 }, (_, j) => <CalendarCell key={j} />));
   grid.push(row);
 }