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/base/date-and-time-picker/year-and-month-picker/header.tsx

@@ -11,14 +11,14 @@ const Header: FC<YearAndMonthPickerHeaderProps> = ({
   const months = useMonths()
 
   return (
-    <div className='flex p-2 pb-1 border-b-[0.5px] border-divider-regular'>
+    <div className='flex border-b-[0.5px] border-divider-regular p-2 pb-1'>
       {/* Year and Month */}
       <button
         onClick={onClick}
-        className='flex items-center gap-x-0.5 px-2 py-1.5 rounded-lg hover:bg-state-base-hover text-text-primary system-md-semibold'
+        className='system-md-semibold flex items-center gap-x-0.5 rounded-lg px-2 py-1.5 text-text-primary hover:bg-state-base-hover'
       >
         <span>{`${months[selectedMonth]} ${selectedYear}`}</span>
-        <RiArrowUpSLine className='w-4 h-4 text-text-tertiary' />
+        <RiArrowUpSLine className='h-4 w-4 text-text-tertiary' />
       </button>
     </div>
   )