change layout and router panel & design page dashboard and user account

components/doctors/modal/Content.js

@@ -20,15 +20,22 @@ function Content({ data, setData }) {
                 updateData={(event) => changeData(event.target.innerText, 'expertise')}
                 list={specialties}
                 name='expertise'
-                label='تخصص'
+                label='دسته بندی'
             />
+            <div className="mt-[24px]">
+                <AutoCompleteSelect
+                    updateData={(event) => changeData(event.target.innerText, 'expertise')}
+                    list={specialties}
+                    name='expertise'
+                    label='تخصص'
+                />
+            </div>
             <div className="mt-[40px] mb-[32px]">
                 <RadioContent
                     changeData={(value) => changeData(+value, 'gender')}
                     value={data.gender}
                     text='جنسیت پزشک'
                     group={group1}
-
                 />
                 <span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
                 <RadioContent