remove username + shadow new message

src/pages/profile/Profile.tsx

@@ -4,7 +4,6 @@ import AvatarImage from '../../assets/images/avatar_image.png'
 import Button from '../../components/Button'
 import { DocumentUpload } from 'iconsax-react'
 import { useGetProfile, useSingleUpload, useUpdateProfile } from './hooks/useProfileData'
-import Username from './components/Username'
 import { useDropzone } from 'react-dropzone'
 import { toast } from '@/components/Toast'
 import { ErrorType } from '@/helpers/types'
@@ -142,10 +141,7 @@ const Profile: FC = () => {
                                     {t('profile.auth_after_change_info')}
                                 </div>
                             </div>
-                            <div className='flex-1 '>
-                                <Username
-                                    username={getProfile.data?.data?.user?.userName}
-                                />
+                            <div className='flex-1 flex flex-col gap-2'>
                                 <Email
                                     email={getProfile.data?.data?.user?.emailAddress}
                                     isVerified={getProfile.data?.data?.user?.emailVerified}