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/header/account-setting/key-validator/KeyInput.tsx

@@ -53,14 +53,14 @@ const KeyInput = ({
     <div className={className}>
       <div className="mb-2 text-[13px] font-medium text-gray-800">{name}</div>
       <div className='
-        flex items-center px-3 bg-white rounded-lg
+        flex items-center rounded-lg bg-white px-3
         shadow-xs
       '>
         <input
           className='
-            w-full py-[9px] mr-2
-            text-xs font-medium text-gray-700 leading-[18px]
-            appearance-none outline-none bg-transparent
+            mr-2 w-full appearance-none
+            bg-transparent py-[9px] text-xs font-medium
+            leading-[18px] text-gray-700 outline-none
           '
           value={value}
           placeholder={placeholder}