💄 fix(pricing-card): align skeleton responsive grid with actual card layout

- Update PricingCardSkeleton grid classes from 'sm:grid-cols-2 lg:grid-cols-3'
  to 'xl:grid-cols-2 2xl:grid-cols-3' to match PricingCardView layout
- Ensures consistent column count between skeleton and actual content
  at same screen sizes
- Improves loading state visual consistency across different breakpoints

web/src/components/table/model-pricing/view/card/PricingCardSkeleton.jsx

@@ -27,7 +27,7 @@ const PricingCardSkeleton = ({
 }) => {
 }) => {
   const placeholder = (
   const placeholder = (
     <div className="p-4">
     <div className="p-4">
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+      <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
         {Array.from({ length: skeletonCount }).map((_, index) => (
         {Array.from({ length: skeletonCount }).map((_, index) => (
           <Card
           <Card
             key={index}
             key={index}