Refactors UI components with new card header structure

Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title`

Improves component consistency across multiple features:
- Adds structured card headers
- Introduces more semantic HTML elements
- Enhances layout and readability of card components

Updates CSS and component styles to support new structure

PlanTempus.Application/wwwroot/css/cash.css

@@ -57,15 +57,9 @@ swp-filter-spacer {
 /* ===========================================
    ACTION BAR (Table Header)
    =========================================== */
-swp-action-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--spacing-6) var(--spacing-8);
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
+swp-action-bar.grid-top {
   border-bottom: none;
-  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+  margin-bottom: 0;
 }
 
 swp-selection-info {
@@ -279,20 +273,6 @@ swp-row-arrow {
   }
 }
 
-/* ===========================================
-   TWO-COLUMN GRID (Detail View)
-   =========================================== */
-swp-cash-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: var(--spacing-12);
-}
-
-swp-cash-column {
-  display: grid;
-  align-content: start;
-}
-
 /* ===========================================
    DATA TABLE (Dagens Tal)
    =========================================== */
@@ -690,12 +670,6 @@ swp-system-note {
   }
 }
 
-@media (max-width: 900px) {
-  swp-cash-grid {
-    grid-template-columns: 1fr;
-  }
-}
-
 @media (max-width: 768px) {
   swp-filter-bar {
     flex-direction: column;