Adds header sections to calendar week view

Improves calendar week view by adding header sections.

This change introduces two new header sections, styled with an orange background, to the calendar week view. These sections are positioned in the second row of the week header, enhancing the visual organization and potentially providing space for additional information or actions related to the week view. The overall height of the header has also been adjusted to accommodate the new row.

src/managers/GridManager.ts

@@ -254,6 +254,15 @@ export class GridManager {
       
       weekHeader.appendChild(header);
     });
+
+    // Add orange header sections in row 2
+    const headerSectionLeft = document.createElement('swp-header-section-left');
+    headerSectionLeft.textContent = 'Left Section';
+    weekHeader.appendChild(headerSectionLeft);
+
+    const headerSectionRight = document.createElement('swp-header-section-right');
+    headerSectionRight.textContent = 'Right Section';
+    weekHeader.appendChild(headerSectionRight);
   }
 
   /**