fix: merge style bugs

src/features/profile/components/userInformation/PersonalInformation.tsx

@@ -9,6 +9,7 @@ import { PageWrapper } from '../PageWrapper';
 import { useApi } from '@/hooks/useApi';
 import { Gender, type InfoRowData } from '../../types/settingsType';
 import { fetchProfile, saveProfile } from '../../api/settingsApi';
+import { useToast } from '@rkheftan/harmony-ui';
 
 export function PersonalInformation() {
   const { t } = useTranslation('setting');
@@ -22,6 +23,7 @@ export function PersonalInformation() {
     country: '',
   });
   const [originalData, setOriginalData] = useState<InfoRowData | null>(null);
+  const showToast = useToast();
 
   const {
     data: profileData,
@@ -55,10 +57,14 @@ export function PersonalInformation() {
 
   useEffect(() => {
     if (saveData?.success) {
+      showToast({
+        message: t('settingForm.successSaveProfile'),
+        severity: 'success',
+      });
       setIsEditing(false);
       setOriginalData(data);
     }
-  }, [saveData, data]);
+  }, [saveData, data, showToast, t]);
 
   const initials = `${data?.firstName?.trim()[0] || ''}‌${data?.lastName?.trim()[0] || ''}`;
 
@@ -84,6 +90,25 @@ export function PersonalInformation() {
     if (error instanceof Error) return error.message;
     return String(error);
   };
+  useEffect(() => {
+    if (saveProfileError) {
+      showToast({
+        message:
+          getErrorMessage(saveProfileError) || t('settingForm.errorSave'),
+        severity: 'error',
+      });
+    }
+  }, [saveProfileError, showToast, t]);
+
+  useEffect(() => {
+    if (fetchProfileError) {
+      showToast({
+        message:
+          getErrorMessage(fetchProfileError) || t('settingForm.errorFetch'),
+        severity: 'error',
+      });
+    }
+  }, [fetchProfileError, showToast, t]);
 
   return (
     <PageWrapper>
@@ -95,62 +120,51 @@ export function PersonalInformation() {
           <Box
             sx={{
               display: 'flex',
-              flexDirection: 'column',
-              alignItems: 'flex-end',
-              width: '100%',
+              gap: 1,
             }}
           >
-            <Box
-              sx={{
-                display: 'flex',
-                gap: 1,
-                flexWrap: 'wrap',
-                justifyContent: 'flex-end',
-              }}
-            >
-              {isEditing ? (
-                <>
-                  <Button
-                    variant="text"
-                    onClick={handleCancelClick}
-                    size="large"
-                    sx={{
-                      color: 'primary.main',
-                      textTransform: 'none',
-                      width: { xs: '100%', sm: 'auto' },
-                    }}
-                  >
-                    {t('settingForm.rejectButton')}
-                  </Button>
-                  <Button
-                    onClick={handleSaveClick}
-                    size="large"
-                    variant="contained"
-                    sx={{
-                      textTransform: 'none',
-                      width: { xs: '100%', sm: 'auto' },
-                    }}
-                    disabled={isSavingProfile}
-                  >
-                    {isSavingProfile ? (
-                      <CircularProgress size={24} color="inherit" />
-                    ) : (
-                      t('settingForm.saveButton')
-                    )}
-                  </Button>
-                </>
-              ) : (
+            {isEditing ? (
+              <>
                 <Button
-                  onClick={handleEditClick}
+                  variant="text"
+                  onClick={handleCancelClick}
                   size="large"
-                  variant="outlined"
-                  sx={{ borderRadius: 1 }}
-                  disabled={isLoadingProfile}
+                  sx={{
+                    color: 'primary.main',
+                    textTransform: 'none',
+                    width: { xs: '100%', sm: 'auto' },
+                  }}
                 >
-                  {t('settingForm.editButton')}
+                  {t('settingForm.rejectButton')}
                 </Button>
-              )}
-            </Box>
+                <Button
+                  onClick={handleSaveClick}
+                  size="large"
+                  variant="contained"
+                  sx={{
+                    textTransform: 'none',
+                    width: { xs: '100%', sm: 'auto' },
+                  }}
+                  disabled={isSavingProfile}
+                >
+                  {isSavingProfile ? (
+                    <CircularProgress size={24} color="inherit" />
+                  ) : (
+                    t('settingForm.saveButton')
+                  )}
+                </Button>
+              </>
+            ) : (
+              <Button
+                onClick={handleEditClick}
+                size="large"
+                variant="outlined"
+                sx={{ borderRadius: 1 }}
+                disabled={isLoadingProfile}
+              >
+                {t('settingForm.editButton')}
+              </Button>
+            )}
             {getErrorMessage(saveProfileError) && (
               <Typography
                 color="error"