feat(web): Add Emotion Memory

web/src/components/RbAlert/index.tsx

@@ -3,7 +3,7 @@ import { type FC, type ReactNode } from 'react'
 interface RbAlertProps {
   color?: 'blue' | 'green' | 'orange' | 'purple',
   children: ReactNode | string;
-  icon: ReactNode;
+  icon?: ReactNode;
   className?: string;
 }
 
@@ -17,7 +17,7 @@ const colors = {
 const RbAlert: FC<RbAlertProps> = ({ color = 'blue', icon, className, children }) => {
   return (
     <div className={`${colors[color]} ${className} rb:p-[6px_9px] rb:flex rb:items-center rb:text-[12px] rb:font-regular rb:leading-4 rb:border rb:rounded-md`}>
-      {icon && <span className="rb:text-[16px] rb:mr-[9px]">{icon}</span>}
+      {icon && <span className="rb:text-[16px] rb:mr-2.25">{icon}</span>}
       {children}
     </div>
   )

web/src/components/RbModal/index.tsx

@@ -16,9 +16,10 @@ const RbModal: FC<ModalProps> = ({
       cancelText={t('common.cancel')}
       onOk={onOk}
       destroyOnHidden={true}
+      maskClosable={false}
       {...props}
     >
-      <div className='rb:max-h-[550px] rb:overflow-y-auto rb:overflow-x-hidden'>
+      <div className='rb:max-h-137.5 rb:overflow-y-auto rb:overflow-x-hidden'>
         {children}
       </div>
     </Modal>