Chore: frontend infrastructure upgrade (#16420)

Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: jZonG <jzongcode@gmail.com>

web/app/components/workflow/note-node/index.tsx

@@ -61,7 +61,7 @@ const NoteNode = ({
   return (
     <div
       className={cn(
-        'flex flex-col relative rounded-md shadow-xs border hover:shadow-md',
+        'relative flex flex-col rounded-md border shadow-xs hover:shadow-md',
         THEME_MAP[theme].bg,
         data.selected ? THEME_MAP[theme].border : 'border-black/5',
       )}
@@ -85,12 +85,12 @@ const NoteNode = ({
           />
           <div
             className={cn(
-              'shrink-0 h-2 opacity-50 rounded-t-md',
+              'h-2 shrink-0 rounded-t-md opacity-50',
               THEME_MAP[theme].title,
             )}></div>
           {
             data.selected && (
-              <div className='absolute top-[-41px] left-1/2 -translate-x-1/2'>
+              <div className='absolute left-1/2 top-[-41px] -translate-x-1/2'>
                 <NoteEditorToolbar
                   theme={theme}
                   onThemeChange={handleThemeChange}
@@ -103,7 +103,7 @@ const NoteNode = ({
               </div>
             )
           }
-          <div className='grow px-3 py-2.5 overflow-y-auto'>
+          <div className='grow overflow-y-auto px-3 py-2.5'>
             <div className={cn(
               data.selected && 'nodrag nopan nowheel cursor-text',
             )}>