chore: fix styles and change the apis

src/features/authentication/components/EmailSection.tsx

@@ -13,24 +13,7 @@ import {
 import { useTranslation } from 'react-i18next';
 import { TickCircle, Edit } from 'iconsax-react';
 import { Icon } from '@rkheftan/harmony-ui';
-
-interface EmailSectionProps {
-  showEmail: boolean;
-  setShowEmail: (checked: boolean) => void;
-  email: string;
-  setEmail: (email: string) => void;
-  correctEmail: boolean;
-  codeSent: boolean;
-  verificationCode: string;
-  setVerificationCode: (code: string) => void;
-  buttonState: 'default' | 'counting' | 'sent';
-  getButtonLabel: () => string;
-  handleSendCode: () => void;
-  handleVerifyCode: () => void;
-  emailVerified: boolean;
-  loading: boolean;
-  handleEditEmail: () => void;
-}
+import { type EmailSectionProps } from '../types/settingForm';
 
 export function EmailSection({
   showEmail,