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}

src/pages/setting/Setting.tsx

@@ -1,7 +1,7 @@
 import { FC, Fragment, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Tabs from '../../components/Tabs'
-import { KeySquare, Notification1 } from 'iconsax-react'
+import { Key, KeySquare, Notification1 } from 'iconsax-react'
 import { useGetSettings } from './hooks/useSettingData'
 import Sms from './components/Sms'
 import ChangePassword from './components/ChangePassword'
@@ -35,7 +35,7 @@ const Setting: FC = () => {
                             value: 'password'
                         },
                         {
-                            icon: <KeySquare color={activeTab === '2fa' ? 'black' : '#8C90A3'} size={22} />,
+                            icon: <Key color={activeTab === '2fa' ? 'black' : '#8C90A3'} size={22} />,
                             label: t('setting.2fa'),
                             value: '2fa'
                         },

src/shared/Main.tsx

@@ -26,7 +26,7 @@ const Main: FC = () => {
 
             <div className='flex fixed bottom-4 xl:hidden  right-0 justify-center mt-10 md:mt-14 px-4'>
                 <Button
-                    className='bg-secondary font-normal text-primary w-fit px-4 md:px-6 text-sm'
+                    className='bg-secondary shadow-lg font-normal text-primary w-fit px-4 md:px-6 text-sm'
                     onClick={() => {
                         setOpenSidebar(false)
                         setOpenNewMessage(true)

src/shared/SideBar.tsx

@@ -55,7 +55,7 @@ const SideBar: FC = () => {
                             setOpenNewMessage(true)
                         }}
                     >
-                        <div className='flex gap-2 items-center'>
+                        <div className='flex shadow-lg gap-2 items-center'>
                             <Add size={18} color='black' />
                             <div>{t('sidebar.new_message')}</div>
                         </div>