feat: Refactor specialty display logic and enhance specialty filtering

- Introduced SpecialtyChips component to manage the display of doctor's specialties with a primary specialty and a count of additional specialties.
- Updated ItemDoctor component to utilize SpecialtyChips for better UI presentation.
- Enhanced PosterLight and Poster components to display primary specialties and a text line for sub-specialties.
- Implemented nextSpecialtyFilter function to improve specialty selection logic in the Content component.
- Updated search functionality to allow searching by both doctor name and specialty.
- Added new specialties to specialties.json for better coverage.
- Created sync-specialties script to synchronize specialties data with the backend during build.
- Added tests for new components and helper functions to ensure functionality and reliability.

components/doctors/modal/Content.js

@@ -1,20 +1,9 @@
-import specialties from "@/data/specialties.json";
+import { nextSpecialtyFilter } from "@/helper";
 import Form from "./form";
 
 function Content({ filter, setFilter, updateData, setDataInURL }) {
   const changeSpecialty = (name, value) => {
-    const newFilter = { ...filter, [name]: value };
-
-    if (name === "category") {
-      if (value) {
-        const filtered = specialties
-          .filter((item) => item.parent_id)
-          .filter((item) => String(item.parent_id) === String(value.id));
-        newFilter.specialty = filtered[0] || null;
-      } else {
-        newFilter.specialty = null;
-      }
-    }
+    const newFilter = nextSpecialtyFilter(filter, name, value);
 
     setFilter(newFilter);
     setDataInURL(newFilter);

components/doctors/modal/form/index.js

@@ -24,9 +24,13 @@ function Form({ filter, changeSpecialty, updateData }) {
         <CateSelector
           name="specialty"
           list={childrenList}
-          updateData={updateData}
+          updateData={changeSpecialty}
           value={filter.specialty}
-          label="تخصص"
+          // خالی‌بودن یعنی کل گروه؛ برچسب همین را می‌گوید تا کاربر فکر نکند
+          // چیزی را جا انداخته.
+          label={
+            filter.category ? `همه تخصص‌های ${filter.category.name}` : "تخصص"
+          }
         />
       </div>
       <div className="mt-[40px] mb-[32px]">

components/doctors/search/SearchField.js

@@ -55,7 +55,7 @@ function SearchField({ filter, setFilter, setDataInURL, sendReq }) {
         clearText={clearText}
         inputValue={filter.name}
         handleSearch={handleSearch}
-        placeholder="جستجوی نام پزشک ..."
+        placeholder="جستجوی نام پزشک یا تخصص ..."
       />
     </div>
   );