chore: move api to api folder and seperate the types into another file

src/features/profile/components/userInformation/phoneNumber/PhoneEditForm.tsx

@@ -9,7 +9,6 @@ import {
 } from '@mui/material';
 import { Edit2, TickCircle } from 'iconsax-react';
 import { CountDownTimer } from '@/components/CountDownTimer';
-import { Toast } from '@/components/Toast';
 import { CountryCodeSelector } from '../../CountryCodeSelector';
 import { Icon } from '@rkheftan/harmony-ui';
 
@@ -217,14 +216,6 @@ export default function PhoneEditForm({
           </Button>
         </Box>
       )}
-
-      <Toast
-        color="success"
-        open={showToast}
-        onClose={() => setShowToast(false)}
-      >
-        {t('settingForm.successfulChangePhone')}
-      </Toast>
     </>
   );
 }