💄 style(pricing): enhance card view UI and skeleton loading experience (#1365)

- Increase skeleton card count from 6 to 10 for better visual coverage
- Extend minimum skeleton display duration from 500ms to 1000ms for smoother UX
- Add circle shape to all pricing tags for consistent rounded design
- Apply circle styling to billing type, popularity, endpoint, and context tags

This commit improves the visual consistency and user experience of the pricing
card view by standardizing tag appearance and optimizing skeleton loading timing.

web/src/components/common/ui/CardTable.js

@@ -50,7 +50,7 @@ const CardTable = ({
       setShowSkeleton(true);
     } else {
       const elapsed = Date.now() - loadingStartRef.current;
-      const remaining = Math.max(0, 500 - elapsed);
+      const remaining = Math.max(0, 1000 - elapsed);
       if (remaining === 0) {
         setShowSkeleton(false);
       } else {

web/src/components/common/ui/SelectableButtonGroup.jsx

@@ -65,7 +65,7 @@ const SelectableButtonGroup = ({
       setShowSkeleton(true);
     } else {
       const elapsed = Date.now() - loadingStartRef.current;
-      const remaining = Math.max(0, 500 - elapsed);
+      const remaining = Math.max(0, 1000 - elapsed);
       if (remaining === 0) {
         setShowSkeleton(false);
       } else {