🎨 chore(web): apply ESLint and Prettier auto-fixes (baseline)

- Ran: bun run eslint:fix && bun run lint:fix
- Inserted AGPL license header via eslint-plugin-header
- Enforced no-multiple-empty-lines and other lint rules
- Formatted code using Prettier v3 (@so1ve/prettier-config)
- No functional changes; formatting-only baseline across JS/JSX files

web/src/components/table/model-pricing/layout/header/PricingVendorIntroSkeleton.jsx

@@ -24,17 +24,17 @@ const THEME_COLORS = {
   allVendors: {
     primary: '37 99 235',
     background: 'rgba(59, 130, 246, 0.1)',
-    border: 'rgba(59, 130, 246, 0.2)'
+    border: 'rgba(59, 130, 246, 0.2)',
   },
   specific: {
     primary: '16 185 129',
     background: 'rgba(16, 185, 129, 0.1)',
-    border: 'rgba(16, 185, 129, 0.2)'
+    border: 'rgba(16, 185, 129, 0.2)',
   },
   neutral: {
     background: 'rgba(156, 163, 175, 0.1)',
-    border: 'rgba(156, 163, 175, 0.2)'
-  }
+    border: 'rgba(156, 163, 175, 0.2)',
+  },
 };
 
 const SIZES = {
@@ -43,7 +43,7 @@ const SIZES = {
   description: { height: 14 },
   avatar: { width: 40, height: 40 },
   searchInput: { height: 32 },
-  button: { width: 80, height: 32 }
+  button: { width: 80, height: 32 },
 };
 
 const SKELETON_STYLES = {
@@ -52,129 +52,161 @@ const SKELETON_STYLES = {
     backgroundImage: `linear-gradient(0deg, rgba(var(--palette-primary-darkerChannel) / 80%), rgba(var(--palette-primary-darkerChannel) / 80%)), url('/cover-4.webp')`,
     backgroundSize: 'cover',
     backgroundPosition: 'center',
-    backgroundRepeat: 'no-repeat'
+    backgroundRepeat: 'no-repeat',
   }),
   title: {
     backgroundColor: 'rgba(255, 255, 255, 0.25)',
     borderRadius: 8,
-    backdropFilter: 'blur(4px)'
+    backdropFilter: 'blur(4px)',
   },
   tag: {
     backgroundColor: 'rgba(255, 255, 255, 0.2)',
     borderRadius: 9999,
     backdropFilter: 'blur(4px)',
-    border: '1px solid rgba(255,255,255,0.3)'
+    border: '1px solid rgba(255,255,255,0.3)',
   },
   description: {
     backgroundColor: 'rgba(255, 255, 255, 0.2)',
     borderRadius: 4,
-    backdropFilter: 'blur(4px)'
+    backdropFilter: 'blur(4px)',
   },
   avatar: (isAllVendors) => {
-    const colors = isAllVendors ? THEME_COLORS.allVendors : THEME_COLORS.specific;
+    const colors = isAllVendors
+      ? THEME_COLORS.allVendors
+      : THEME_COLORS.specific;
     return {
       backgroundColor: colors.background,
       borderRadius: 12,
-      border: `1px solid ${colors.border}`
+      border: `1px solid ${colors.border}`,
     };
   },
   searchInput: {
     backgroundColor: THEME_COLORS.neutral.background,
     borderRadius: 8,
-    border: `1px solid ${THEME_COLORS.neutral.border}`
+    border: `1px solid ${THEME_COLORS.neutral.border}`,
   },
   button: {
     backgroundColor: THEME_COLORS.neutral.background,
     borderRadius: 8,
-    border: `1px solid ${THEME_COLORS.neutral.border}`
-  }
+    border: `1px solid ${THEME_COLORS.neutral.border}`,
+  },
 };
 
 const createSkeletonRect = (style = {}, key = null) => (
-  <div key={key} className="animate-pulse" style={style} />
+  <div key={key} className='animate-pulse' style={style} />
 );
 
-const PricingVendorIntroSkeleton = memo(({
-  isAllVendors = false,
-  isMobile = false
-}) => {
-
-  const placeholder = (
-    <Card className="!rounded-2xl shadow-sm border-0"
-      cover={
-        <div
-          className="relative h-full"
-          style={SKELETON_STYLES.cover(isAllVendors ? THEME_COLORS.allVendors.primary : THEME_COLORS.specific.primary)}
-        >
-          <div className="relative z-10 h-full flex items-center justify-between p-4">
-            <div className="flex-1 min-w-0 mr-4">
-              <div className="flex flex-row flex-wrap items-center gap-2 sm:gap-3 mb-2">
-                {createSkeletonRect({
-                  ...SKELETON_STYLES.title,
-                  width: isAllVendors ? SIZES.title.width.all : SIZES.title.width.specific,
-                  height: SIZES.title.height
-                }, 'title')}
-                {createSkeletonRect({
-                  ...SKELETON_STYLES.tag,
-                  width: SIZES.tag.width,
-                  height: SIZES.tag.height
-                }, 'tag')}
+const PricingVendorIntroSkeleton = memo(
+  ({ isAllVendors = false, isMobile = false }) => {
+    const placeholder = (
+      <Card
+        className='!rounded-2xl shadow-sm border-0'
+        cover={
+          <div
+            className='relative h-full'
+            style={SKELETON_STYLES.cover(
+              isAllVendors
+                ? THEME_COLORS.allVendors.primary
+                : THEME_COLORS.specific.primary,
+            )}
+          >
+            <div className='relative z-10 h-full flex items-center justify-between p-4'>
+              <div className='flex-1 min-w-0 mr-4'>
+                <div className='flex flex-row flex-wrap items-center gap-2 sm:gap-3 mb-2'>
+                  {createSkeletonRect(
+                    {
+                      ...SKELETON_STYLES.title,
+                      width: isAllVendors
+                        ? SIZES.title.width.all
+                        : SIZES.title.width.specific,
+                      height: SIZES.title.height,
+                    },
+                    'title',
+                  )}
+                  {createSkeletonRect(
+                    {
+                      ...SKELETON_STYLES.tag,
+                      width: SIZES.tag.width,
+                      height: SIZES.tag.height,
+                    },
+                    'tag',
+                  )}
+                </div>
+                <div className='space-y-2'>
+                  {createSkeletonRect(
+                    {
+                      ...SKELETON_STYLES.description,
+                      width: '100%',
+                      height: SIZES.description.height,
+                    },
+                    'desc1',
+                  )}
+                  {createSkeletonRect(
+                    {
+                      ...SKELETON_STYLES.description,
+                      backgroundColor: 'rgba(255, 255, 255, 0.15)',
+                      width: '75%',
+                      height: SIZES.description.height,
+                    },
+                    'desc2',
+                  )}
+                </div>
               </div>
-              <div className="space-y-2">
-                {createSkeletonRect({
-                  ...SKELETON_STYLES.description,
-                  width: '100%',
-                  height: SIZES.description.height
-                }, 'desc1')}
-                {createSkeletonRect({
-                  ...SKELETON_STYLES.description,
-                  backgroundColor: 'rgba(255, 255, 255, 0.15)',
-                  width: '75%',
-                  height: SIZES.description.height
-                }, 'desc2')}
-              </div>
-            </div>
 
-            <div className="flex-shrink-0 w-16 h-16 rounded-2xl bg-white/90 shadow-md backdrop-blur-sm flex items-center justify-center">
-              {createSkeletonRect({
-                ...SKELETON_STYLES.avatar(isAllVendors),
-                width: SIZES.avatar.width,
-                height: SIZES.avatar.height
-              }, 'avatar')}
+              <div className='flex-shrink-0 w-16 h-16 rounded-2xl bg-white/90 shadow-md backdrop-blur-sm flex items-center justify-center'>
+                {createSkeletonRect(
+                  {
+                    ...SKELETON_STYLES.avatar(isAllVendors),
+                    width: SIZES.avatar.width,
+                    height: SIZES.avatar.height,
+                  },
+                  'avatar',
+                )}
+              </div>
             </div>
           </div>
+        }
+      >
+        <div className='flex items-center gap-2 w-full'>
+          <div className='flex-1'>
+            {createSkeletonRect(
+              {
+                ...SKELETON_STYLES.searchInput,
+                width: '100%',
+                height: SIZES.searchInput.height,
+              },
+              'search',
+            )}
+          </div>
+
+          {createSkeletonRect(
+            {
+              ...SKELETON_STYLES.button,
+              width: SIZES.button.width,
+              height: SIZES.button.height,
+            },
+            'copy-button',
+          )}
+
+          {isMobile &&
+            createSkeletonRect(
+              {
+                ...SKELETON_STYLES.button,
+                width: SIZES.button.width,
+                height: SIZES.button.height,
+              },
+              'filter-button',
+            )}
         </div>
-      }
-    >
-      <div className="flex items-center gap-2 w-full">
-        <div className="flex-1">
-          {createSkeletonRect({
-            ...SKELETON_STYLES.searchInput,
-            width: '100%',
-            height: SIZES.searchInput.height
-          }, 'search')}
-        </div>
+      </Card>
+    );
 
-        {createSkeletonRect({
-          ...SKELETON_STYLES.button,
-          width: SIZES.button.width,
-          height: SIZES.button.height
-        }, 'copy-button')}
-
-        {isMobile && createSkeletonRect({
-          ...SKELETON_STYLES.button,
-          width: SIZES.button.width,
-          height: SIZES.button.height
-        }, 'filter-button')}
-      </div>
-    </Card>
-  );
-
-  return (
-    <Skeleton loading={true} active placeholder={placeholder}></Skeleton>
-  );
-});
+    return (
+      <Skeleton loading={true} active placeholder={placeholder}></Skeleton>
+    );
+  },
+);
 
 PricingVendorIntroSkeleton.displayName = 'PricingVendorIntroSkeleton';
 
-export default PricingVendorIntroSkeleton;
+export default PricingVendorIntroSkeleton;