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/styles.css

@@ -710,19 +710,23 @@ table.t tbody tr:last-child td { border-bottom: none; }
   background: rgba(8,13,22,.5); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
   animation: fade-in .2s var(--ease);
 }
+/* هدر و فوتر ثابت‌اند و فقط بدنه اسکرول می‌شود: پیش از این کلِ کارت اسکرول
+   می‌شد و در فرم‌های بلند (ثبت نوبت) دکمهٔ اصلی از دید خارج می‌ماند. */
 .modal {
   background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl);
   box-shadow: var(--shadow-lg); width: 100%; max-width: 540px; max-height: 90vh;
-  overflow-y: auto; overflow-x: hidden; animation: pop .26s var(--ease);
+  display: flex; flex-direction: column; min-height: 0;
+  overflow: hidden; animation: pop .26s var(--ease);
 }
 .modal-head {
   display: flex; align-items: center; justify-content: space-between;
-  padding: 22px 24px; border-bottom: 1px solid var(--border);
+  padding: 22px 24px; border-bottom: 1px solid var(--border); flex-shrink: 0;
 }
 .modal-head h2 { font-size: 17px; font-weight: 700; color: var(--text); margin: 0; }
-.modal-body { padding: 24px; }
+.modal-body { padding: 24px; overflow-y: auto; overflow-x: hidden; min-height: 0; flex: 1; }
 .modal-foot {
-  display: flex; gap: 10px; padding: 18px 24px; border-top: 1px solid var(--border); justify-content: flex-end;
+  display: flex; gap: 10px; padding: 18px 24px; border-top: 1px solid var(--border);
+  justify-content: flex-end; flex-shrink: 0;
 }
 .settings-panel {
   width: 360px; height: 100%; overflow-y: auto;