feat: frontend multi models support (#804)

Co-authored-by: StyleZhang <jasonapring2015@outlook.com>
Co-authored-by: Joel <iamjoel007@gmail.com>

web/app/components/header/account-setting/members-page/index.tsx

@@ -49,7 +49,7 @@ const MembersPage = () => {
           <div className='
             shrink-0 flex items-center py-[7px] px-3 border-[0.5px] border-gray-200
             text-[13px] font-medium text-primary-600 bg-white
-            shadow-[0_1px_2px_rgba(16,24,40,0.05)] rounded-lg cursor-pointer
+            shadow-xs rounded-lg cursor-pointer
           ' onClick={() => setInviteModalVisible(true)}>
             <UserPlusIcon className='w-4 h-4 mr-2 ' />
             {t('common.members.invite')}

web/app/components/header/account-setting/members-page/invited-modal/index.tsx

@@ -24,7 +24,7 @@ const InvitedModal = ({
           <div className='
             w-12 h-12 flex items-center justify-center rounded-xl
             bg-white border-[0.5px] border-gray-100
-            shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)]
+            shadow-xl
           '>
             <CheckCircleIcon className='w-[22px] h-[22px] text-[#039855]' />
           </div>