chore(web): new lint setup (#30020)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>

web/app/components/base/avatar/index.stories.tsx

@@ -53,7 +53,10 @@ export const CustomSizes: Story = {
       {[24, 32, 48, 64].map(size => (
         <div key={size} className="flex flex-col items-center gap-2">
           <Avatar {...args} size={size} avatar="https://i.pravatar.cc/96?u=size-test" />
-          <span className="text-xs text-text-tertiary">{size}px</span>
+          <span className="text-xs text-text-tertiary">
+            {size}
+            px
+          </span>
         </div>
       ))}
     </div>

web/app/components/base/avatar/index.tsx

@@ -29,7 +29,7 @@ const Avatar = ({
 
   // after uploaded, api would first return error imgs url: '.../files//file-preview/...'. Then return the right url, Which caused not show the avatar
   useEffect(() => {
-    if(avatar && imgError)
+    if (avatar && imgError)
       setImgError(false)
   }, [avatar])