refactor: update pricing input handling to use PriceInput component

- Replaced raw input fields for pricing with PriceInput component across various forms and modals to ensure consistent formatting and accessibility.
- Updated tests to reflect changes in pricing input handling, ensuring values are displayed in toman with proper formatting.
- Enhanced accessibility by adding aria-labels and aria-invalid attributes to PriceInput components.
- Adjusted UI elements to improve layout and user experience, particularly in forms related to service items and scheduling.
- Changed labels from "نمایش در نوبت‌دهی" to "نمایش در نوبت‌دهی آنلاین" for clarity.

assets/admin/pages/AdminSubscriptionPage.tsx

@@ -12,6 +12,7 @@ import { formatRial, formatNumber, formatDate, formatResourceLimit } from '../li
 import Modal from '../components/ui/Modal';
 import ConfirmDialog from '../components/ui/ConfirmDialog';
 import PageHeader from '../components/ui/PageHeader';
+import PriceInput from '../components/ui/PriceInput';
 import Pagination from '../components/ui/Pagination';
 import { numericField } from '../lib/forms';
 
@@ -369,7 +370,11 @@ function PlansTab() {
               </div>
               <div className="field">
                 <label>قیمت (ریال) *</label>
-                <input {...numericField(periodForm.register('price_rials'))} />
+                <PriceInput
+                  value={periodForm.watch('price_rials') ?? ''}
+                  onChange={(v) => periodForm.setValue('price_rials', v)}
+                  ariaLabel="قیمت دوره (ریال)"
+                />
               </div>
             </div>
             <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 }}>