Improves grid layout and navigation

Refactors the calendar grid to support smoother navigation transitions by using separate week containers.

This change introduces a GridManager to handle grid rendering and interactions within these containers, enabling scroll synchronization and click event handling for each week view.

Also, configures the calendar to start at midnight and span a full 24-hour day, providing a more comprehensive view.

wwwroot/css/calendar-base-css.css

@@ -15,8 +15,8 @@
   --snap-interval: 15;
   
   /* Time boundaries */
-  --day-start-hour: 7;
-  --day-end-hour: 19;
+  --day-start-hour: 0;
+  --day-end-hour: 24;
   --work-start-hour: 8;
   --work-end-hour: 17;
   
@@ -94,9 +94,26 @@ swp-day-columns,
 swp-day-column,
 swp-events-layer,
 swp-event,
-swp-allday-container,
 swp-loading-overlay,
-swp-event-popup {
+swp-week-container,
+swp-grid-lines,
+swp-nav-group,
+swp-nav-button,
+swp-search-container,
+swp-search-icon,
+swp-search-clear,
+swp-view-selector,
+swp-view-button,
+swp-week-info,
+swp-week-number,
+swp-date-range,
+swp-day-header,
+swp-day-name,
+swp-day-date,
+swp-hour-marker,
+swp-event-time,
+swp-event-title,
+swp-spinner {
   display: block;
 }