fix: scrolling on mobile on testimonial cards works again

Author: GrocerPublishAgent

components/Testimonials.css

@@ -232,11 +232,15 @@
     pointer-events: none;
   }
 
-  /* Improve touch scrolling */
+  /* I could not figure out why this breaks the masonry grid single column
+   * scrolling on mobile. I think its because if we are using masonry layout then
+   * we should have touch-action: pan-y.
   .sj-container > div > div {
     touch-action: pan-x;
     overscroll-behavior-x: contain;
+    
   }
+    */
 
   /* Add scroll snap for better mobile experience */
   .sj-container > div > div {

components/Testimonials.tsx

@@ -215,7 +215,7 @@ const TestimonialsContainer: React.FC<{
   const getLayoutClasses = () => {
     switch (effectiveLayout) {
       case 'horizontal':
-        return "flex gap-4 overflow-x-auto pb-2 items-start";
+        return "flex gap-4 overflow-x-auto pb-2 items-start swiper-horizontal";
       case 'masonry':
         return "masonry-grid";
       default: