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

@@ -62,7 +62,7 @@ const FIELD_LABELS: Record<string, string> = {
   price_rials:       'قیمت پایه',
   active:            'وضعیت',
   duration_minutes:  'زمان متوسط',
-  bookable:          'نمایش در نوبت‌دهی',
+  bookable:          'نمایش در نوبت‌دهی آنلاین',
   insurance_covered: 'پوشش بیمه',
   inventory_package: 'پکیج کالا',
 };
@@ -112,7 +112,7 @@ function InfoTab({ item }: { item: ServiceItem }) {
           ? <span className="badge blue" style={{ fontSize: 11 }}>{formatNumber(Number(item.duration_minutes))} دقیقه</span>
           : '—'}
       </Row>
-      <Row icon={<CalendarDaysIcon style={{ width: 15 }} />} label="نمایش در نوبت‌دهی">
+      <Row icon={<CalendarDaysIcon style={{ width: 15 }} />} label="نمایش در نوبت‌دهی آنلاین">
         {item.bookable
           ? <span className="badge green" style={{ fontSize: 11 }}>فعال</span>
           : <span className="badge gray" style={{ fontSize: 11 }}>غیرفعال</span>}