fix: code styles

src/features/profile/components/userInformation/socialMedia/SocialMediaDialog.tsx

@@ -14,6 +14,7 @@ import Slide from '@mui/material/Slide';
 import type { TransitionProps } from '@mui/material/transitions';
 import { CloseCircle } from 'iconsax-react';
 import { Icon } from '@rkheftan/harmony-ui';
+import { type SocialMediaDialogProps } from '@/features/profile/types/settingsType';
 
 const MobileSlide = React.forwardRef(function MobileSlide(
   props: TransitionProps & { children: ReactElement<unknown, ElementType> },
@@ -22,23 +23,6 @@ const MobileSlide = React.forwardRef(function MobileSlide(
   return <Slide direction="up" ref={ref} {...props} />;
 });
 
-interface SocialMediaDialogProps {
-  open: boolean;
-  onClose: () => void;
-  t: (key: string) => string;
-  emailInput: string;
-  setEmailInput: (val: string) => void;
-  fullScreen: boolean;
-  computedMaxWidth: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  verificationCode: string;
-  setVerificationCode: (value: string) => void;
-  apiError: string | null;
-  isLoading: boolean;
-  dialogStep: 'enterEmail' | 'enterCode';
-  onSendCode: () => void;
-  onConfirmEmail: () => void;
-}
-
 export default function SocialMediaDialog({
   open,
   onClose,