remove context && change design & modals & function && add folder lib

app/component/modalSearchCity/Content.js

@@ -6,13 +6,12 @@ import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import ArrowLeftM from "@/components/icons/ArrowLeftM";
 
 function Content({
+  state,
   states,
   selected,
   updateData,
   handleClose,
   filteredCities,
-  provinceSelected,
-  isProvinceInclude,
 }) {
   const citySelected = selected.city;
   const listboxProps = {
@@ -35,8 +34,8 @@ function Content({
         </p>
         <div className="flex md:min-w-[344px] flex-col mt-[52px] md:mt-[44px] mb-14 justify-center items-center gap-10">
           <AutoCompleteSelect
-            value={selected && provinceSelected}
-            disabled={isProvinceInclude}
+            value={selected.province}
+            disabled={state}
             listboxProps={listboxProps}
             updateData={updateData}
             list={states}
@@ -49,19 +48,13 @@ function Content({
             value={
               selected &&
               citySelected &&
-              filteredCities.find((item) => item.label === citySelected) &&
+              filteredCities.find((item) => item.name === citySelected) &&
               citySelected
             }
             list={filteredCities}
             name="city"
             label="شهر"
-            disabled={
-              isProvinceInclude
-                ? !isProvinceInclude ||
-                !provinceSelected ||
-                filteredCities.length === 0
-                : !provinceSelected || filteredCities.length === 0
-            }
+            disabled={!selected.province}
           />
         </div>
         <div className="w-full flex justify-end">
@@ -70,7 +63,7 @@ function Content({
             onClick={handleClose}
             variant="contained"
             color="primary"
-            disabled={!provinceSelected || !citySelected}
+            disabled={!selected.city || !selected.province}
           >
             تایید و ادامه
             <ArrowLeftM />