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/Features/Services/Components/ServiceDetailPrices/Default.cshtml

@@ -1,8 +1,9 @@
 @model PlanTempus.Application.Features.Services.Components.ServiceDetailPricesViewModel
 
 <swp-card>
-    <swp-section-label>@Model.LabelPriceStructure</swp-section-label>
-
+    <swp-card-header>
+        <swp-card-title>@Model.LabelPriceStructure</swp-card-title>
+    </swp-card-header>
     <swp-price-mode>
         <swp-price-mode-btn data-mode="simple" class="@(Model.PriceMode == PlanTempus.Application.Features.Services.Components.PriceMode.Simple ? "active" : "")">@Model.LabelSimplePrice</swp-price-mode-btn>
         <swp-price-mode-btn data-mode="matrix" class="@(Model.PriceMode == PlanTempus.Application.Features.Services.Components.PriceMode.Matrix ? "active" : "")">@Model.LabelMatrixPrice</swp-price-mode-btn>
@@ -49,7 +50,9 @@
 
 <swp-detail-grid>
     <swp-card>
-        <swp-section-label>@Model.LabelEconomy</swp-section-label>
+        <swp-card-header>
+            <swp-card-title>@Model.LabelEconomy</swp-card-title>
+        </swp-card-header>
         <swp-edit-section>
             <swp-edit-row>
                 <swp-edit-label>@Model.LabelVatRate</swp-edit-label>
@@ -86,7 +89,9 @@
     </swp-card>
 
     <swp-card>
-        <swp-section-label>@Model.LabelDiscounts</swp-section-label>
+        <swp-card-header>
+            <swp-card-title>@Model.LabelDiscounts</swp-card-title>
+        </swp-card-header>
         <swp-toggle-row>
             <swp-toggle-label>@Model.LabelMemberDiscount</swp-toggle-label>
             <swp-toggle-slider data-value="@(Model.MemberDiscount ? "yes" : "no")">