perf: intro wrap (#4346)

* sync collection

* remove lock

* perf: intro wrap

projects/app/src/pageComponents/app/list/List.tsx

@@ -212,7 +212,9 @@ const ListItem = () => {
                   fontSize={'xs'}
                   color={'myGray.500'}
                 >
-                  <Box className={'textEllipsis2'}>{app.intro || t('common:common.no_intro')}</Box>
+                  <Box className={'textEllipsis2'} whiteSpace={'pre-wrap'}>
+                    {app.intro || t('common:common.no_intro')}
+                  </Box>
                 </Box>
                 <Flex
                   h={'24px'}

projects/app/src/pageComponents/dataset/list/List.tsx

@@ -239,8 +239,8 @@ function List() {
                   <Box
                     flex={1}
                     className={'textEllipsis3'}
+                    whiteSpace={'pre-wrap'}
                     py={3}
-                    wordBreak={'break-all'}
                     fontSize={'xs'}
                     color={'myGray.500'}
                   >