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/Checkout.razor

@@ -5,10 +5,11 @@
 <PageTitle>تکمیل خرید</PageTitle>
 
 <MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
+    <PageHeader Title="تکمیل خرید" BackHref="@RouteConstants.Package.List" />
     <MudGrid Spacing="4">
         <!-- Header -->
         <MudItem xs="12">
-            <MudPaper Elevation="4" Class="pa-6">
+            <MudPaper Elevation="2" Class="pa-4 rounded-lg">
                 <MudStack Spacing="3">
                     <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="3">
                         <MudIcon Icon="@Icons.Material.Filled.ShoppingCart" Size="Size.Large" Color="Color.Primary" />
@@ -23,7 +24,7 @@
         <MudItem xs="12" md="8">
             <MudStack>
                 <!-- Package Details -->
-                <MudPaper Elevation="4" Class="pa-6">
+                <MudPaper Elevation="2" Class="pa-4 rounded-lg">
                     <MudText Typo="Typo.h5" Class="mb-4">جزئیات پکیج</MudText>
 
                     @if (_selectedPackage != null)
@@ -33,9 +34,9 @@
                                 <MudGrid Spacing="3">
                                     <MudItem xs="12" md="4">
                                         <MudPaper Class="pa-2 rounded-xl" Style="background: radial-gradient(600px 280px at 120% 0, #daccff 0, transparent 60%), radial-gradient(600px 280px at -10% 100%, #ffe2f2 0, transparent 60%), linear-gradient(180deg, #fff, #fbfaff);">
-                                            <MudImage Src="@_selectedPackage.Image"
+                                            <AppImage Path="@_selectedPackage.Image"
                                                       Alt="@_selectedPackage.Title"
-                                                      Height="150"
+                                                      ImgHeight="150"
                                                       ObjectFit="ObjectFit.Cover"
                                                       ObjectPosition="ObjectPosition.Center"
                                                       Style="width:100%"
@@ -67,7 +68,7 @@
                 </MudPaper>
 
                 <!-- Address Selection -->
-                <MudPaper Elevation="4" Class="pa-6">
+                <MudPaper Elevation="2" Class="pa-4 rounded-lg">
                     <MudText Typo="Typo.h5" Class="mb-4">انتخاب آدرس</MudText>
 
                     @if (_isLoadingAddresses)
@@ -149,7 +150,7 @@
         <MudItem xs="12" md="4">
             <MudStack Spacing="4">
                 <!-- Discount Code Section -->
-                <MudPaper Elevation="4" Class="pa-6">
+                <MudPaper Elevation="2" Class="pa-4 rounded-lg">
                     <MudText Typo="Typo.h5" Class="mb-4">کد تخفیف</MudText>
                     <MudStack Spacing="3">
                         <MudTextField @bind-Value="_discountCode"
@@ -176,7 +177,7 @@
                 <!-- Order Summary -->
                 @if (_selectedPackage != null)
                 {
-                    <MudPaper Elevation="4" Class="pa-6">
+                    <MudPaper Elevation="2" Class="pa-4 rounded-lg">
                         <MudText Typo="Typo.h5" Class="mb-4">خلاصه سفارش</MudText>
 
                         <MudStack Spacing="3">