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/SmsWalletPage.tsx

@@ -17,6 +17,7 @@ import { usePaymentConfig } from '../hooks/usePaymentConfig';
 import { formatRial, formatNumber, formatDateTime, tomanToRial } from '../lib/utils';
 import Modal from '../components/ui/Modal';
 import Pagination from '../components/ui/Pagination';
+import PriceInput from '../components/ui/PriceInput';
 import SearchableSelect from '../components/ui/SearchableSelect';
 import PageHeader from '../components/ui/PageHeader';
 import FeatureGate from '../components/ui/FeatureGate';
@@ -536,9 +537,11 @@ function SmsWalletPageInner() {
 
             <div className="field">
               <label>مبلغ (تومان)</label>
-              <input
-                {...numericField(chargeForm.register('amount_rials'))}
-                placeholder="50000"
+              <PriceInput
+                value={watchAmount ?? ''}
+                onChange={(v) => chargeForm.setValue('amount_rials', v, { shouldValidate: true })}
+                placeholder="۵۰,۰۰۰"
+                ariaLabel="مبلغ شارژ (تومان)"
               />
               {chargeForm.formState.errors.amount_rials && (
                 <span className="field-error">{chargeForm.formState.errors.amount_rials.message}</span>