feat: full FrontOffice updates - discount store, blog, payment gateway, UI improvements

- Discount store pages (products, cart, orders, order detail)
- Blog pages and services
- Payment gateway callback page
- AppImage component, EmptyState, LoadingState, PageHeader
- DiscountCartService, DiscountOrderService, DiscountProductService
- BlogCategoryService, BlogPostService, SitePageService, ImageCacheService
- PhoneVerifyForm component
- Profile Hub page
- UI/UX improvements across all pages
- landing.js for homepage
- Config and routing updates

src/FrontOffice.Main/Pages/Store/ProductDetail.razor

@@ -6,23 +6,22 @@
 @if (_loading)
 {
     <MudContainer MaxWidth="MaxWidth.Medium" Class="py-6">
-        <MudStack AlignItems="AlignItems.Center">
-            <MudProgressCircular Color="Color.Primary" Indeterminate="true"/>
-        </MudStack>
+        <LoadingState />
     </MudContainer>
 }
 else if (_product is null)
 {
     <MudContainer MaxWidth="MaxWidth.Medium" Class="py-6">
-        <MudAlert Severity="Severity.Warning">محصول یافت نشد.</MudAlert>
-        <MudButton Class="mt-2" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ArrowBack"
-                   OnClick="() => Navigation.NavigateTo(RouteConstants.Store.Products)">بازگشت
-        </MudButton>
+        <EmptyState Icon="@Icons.Material.Filled.SearchOff"
+                    Title="محصول یافت نشد."
+                    ActionText="بازگشت"
+                    ActionHref="@RouteConstants.Store.Products" />
     </MudContainer>
 }
 else
 {
     <MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
+        <PageHeader Title="جزئیات محصول" BackHref="@RouteConstants.Store.Products" />
         <MudGrid Spacing="3">
             <MudItem xs="12" md="6">
                 @if (_product is not null)
@@ -32,7 +31,9 @@ else
                 <MudPaper Class="rounded-lg pa-2">
                     @if (!string.IsNullOrWhiteSpace(MainImageUrl))
                     {
-                        <div class="rounded-lg" style="width:100%;height:360px;background-image: url('@MainImageUrl');background-size: cover; background-position: center;border-radius: 0.5rem;color: transparent;" >@MainImageAlt</div>
+                        <AppImage Path="@MainImageUrl" Alt="@MainImageAlt"
+                                  ObjectFit="ObjectFit.Cover"
+                                  Style="width:100%; max-height:400px; border-radius:12px;" />
                     }
                     else
                     {
@@ -45,7 +46,7 @@ else
                             @foreach (var item in _galleryItems)
                             {
                                 <MudButton Variant="Variant.Text" Class="p-0" Style="min-width:0;" OnClick="() => SelectGalleryImage(item)">
-                                    <MudImage Src="@GetThumbnailUrl(item)" Alt="@item.Title" Class="rounded-sm" Style="@GetThumbnailStyle(item)" />
+                                    <AppImage Path="@GetThumbnailUrl(item)" Alt="@item.Title" Class="rounded-sm" Style="@GetThumbnailStyle(item)" />
                                 </MudButton>
                             }
                         </MudStack>