fix(ui): agent creation preview image overlaps on the text (#7337)

* fix(ui): agent creation preview image overlaps on the text

Signed-off-by: Nixieboluo <me@sagirii.me>

* fix(ui): workflowPreview image have too much gaps

Signed-off-by: Nixieboluo <me@sagirii.me>

---------

Signed-off-by: Nixieboluo <me@sagirii.me>

projects/app/src/pageComponents/app/constants.ts

@@ -24,7 +24,7 @@ export const createAppTypeMap = {
     title: i18nT('app:type.Chat_Agent_v2'),
     intro: i18nT('app:chat_agent_intro'),
     description: i18nT('app:chat_agent_description'),
-    imgUrl: '/imgs/app/type/chatAgent.svg'
+    imgUrl: '/imgs/app/agentPreview.svg'
   },
   [AppTypeEnum.workflowTool]: {
     type: AppTypeEnum.workflowTool,

projects/app/src/pages/dashboard/create/index.tsx

@@ -569,7 +569,7 @@ const CreateAppsPage = () => {
         {isPc && (
           <Box flex={1} position={'relative'}>
             <Box
-              position={'absolute'}
+              position={'relative'}
               zIndex={10}
               top={'60px'}
               left={'50%'}
@@ -596,7 +596,7 @@ const CreateAppsPage = () => {
             <MyImage
               src={createAppTypeMap[selectedAppType].imgUrl}
               w={'full'}
-              position={'absolute'}
+              position={'relative'}
               top={0}
               left={0}
               right={0}