fix responsive all page & add modal doctor id & page dashboard aside

components/account/information/detail/EditField.js

@@ -8,7 +8,7 @@ function EditField({ changeData, data, name }) {
                 value={data.value}
                 disabled={!data.isEdit}
                 type='text'
-                className="!bg-[#FFF] !w-full"
+                className="!bg-[#FFF] !w-full res-field-account"
                 onChange={e => {
                     changeData(e.target.value, 'value', name)
                 }}

components/account/information/detail/index.js

@@ -59,8 +59,8 @@ function Detail({ isForAnother, setIsForAnother, fadeElement, setIsPay }) {
                 <Button
                     className={`
                     !flex !w-full md:!w-fit
-                    !gap-[4px] md:!mr-auto !px-[12px] !py-[8px] !min-w-[150px]
-                    ${isForAnother ? '!mt-0 md:!mt-[94px]' : '!mt-0 md:!mt-[32px]'}`}
+                    !gap-[4px] md:!mr-auto !px-[12px] !py-[8px] md:!py-[9px] !min-w-[150px]
+                    ${isForAnother ? '!mt-0 md:!mt-[40px]' : '!mt-0 md:!mt-[32px]'}`}
                     variant="contained"
                     onClick={() => fadeElement(() => setIsPay(true))}
                 >