Add OtpDialogService for mobile-friendly OTP authentication dialog

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

@@ -0,0 +1,64 @@
+@attribute [Route(RouteConstants.Store.Orders)]
+@* Injection is handled in code-behind *@
+
+<PageTitle>سفارشات من</PageTitle>
+
+<MudContainer MaxWidth="MaxWidth.Large" Class="py-6">
+    <MudText Typo="Typo.h4" Class="mb-3">سفارشات من</MudText>
+    @if (_loading)
+    {
+        <MudStack AlignItems="AlignItems.Center" Class="py-4">
+            <MudProgressCircular Indeterminate="true" Color="Color.Primary" />
+        </MudStack>
+    }
+    else if (_orders.Count == 0)
+    {
+        <MudAlert Severity="Severity.Info">هنوز سفارشی ثبت نکرده‌اید.</MudAlert>
+    }
+    else
+    {
+        <MudHidden Breakpoint="Breakpoint.MdAndUp" Invert="true">
+        <MudTable Items="_orders" Dense="true">
+            <HeaderContent>
+                <MudTh>شناسه</MudTh>
+                <MudTh>تاریخ</MudTh>
+                <MudTh>وضعیت</MudTh>
+                <MudTh>مبلغ</MudTh>
+                <MudTh></MudTh>
+            </HeaderContent>
+            <RowTemplate>
+                <MudTd>@context.Id</MudTd>
+                <MudTd>@context.CreatedAt.ToString("yyyy/MM/dd HH:mm")</MudTd>
+                <MudTd>@GetStatusText(context.Status)</MudTd>
+                <MudTd>@FormatPrice(context.Total)</MudTd>
+                <MudTd>
+                    <MudButton Variant="Variant.Text" Href="@($"{RouteConstants.Store.OrderDetail}{context.Id}")" StartIcon="@Icons.Material.Filled.Receipt">جزئیات</MudButton>
+                </MudTd>
+            </RowTemplate>
+        </MudTable>
+        </MudHidden>
+
+        <MudHidden Breakpoint="Breakpoint.MdAndUp">
+            <MudStack Spacing="2">
+                @foreach (var o in _orders)
+                {
+                    <MudPaper Class="pa-3 rounded-lg" Outlined="true">
+                        <MudStack Spacing="1">
+                            <MudStack Row="true" Justify="Justify.SpaceBetween">
+                                <MudText>سفارش #@o.Id</MudText>
+                                <MudText Class="mud-text-secondary">@o.CreatedAt.ToString("yy/MM/dd HH:mm")</MudText>
+                            </MudStack>
+                            <MudStack Row="true" Justify="Justify.SpaceBetween">
+                                <MudText>وضعیت: @GetStatusText(o.Status)</MudText>
+                                <MudText Color="Color.Primary">@FormatPrice(o.Total)</MudText>
+                            </MudStack>
+                            <MudStack Row="true" Justify="Justify.FlexEnd">
+                                <MudButton Size="Size.Small" Variant="Variant.Outlined" Href="@($"{RouteConstants.Store.OrderDetail}{o.Id}")" StartIcon="@Icons.Material.Filled.Receipt">جزئیات</MudButton>
+                            </MudStack>
+                        </MudStack>
+                    </MudPaper>
+                }
+            </MudStack>
+        </MudHidden>
+    }
+</MudContainer>