fix: testimonials carousel swipe navigation stuck on mobile (#1667)

- Add touchEventsTarget='container' to Swiper so touch listeners attach to container instead of wrapper
- Add grabCursor for visual drag feedback on desktop
- Fix className bug: home && 'h-32' → home ? 'h-32' : '' to prevent 'false' string in DOM
- Add touchAction: 'pan-y' on blockquote to allow horizontal swipes to pass through to Swiper

Closes #1667

Author: aniket

src/common/Testimonial/TestimonialCard.jsx

@@ -53,7 +53,10 @@ const TestimonialCard = ({ home, quote, name, avatarUrl, category, created_at, e
       </div>
 
       <div className="mx-2 mt-4">
-        <blockquote className={`${home && 'h-32'} max-h-32 px-6 overflow-y-auto`}>
+        <blockquote
+          className={`${home ? 'h-32' : ''} max-h-32 px-6 overflow-y-auto`}
+          style={{ touchAction: 'pan-y' }}
+        >
           <p
             className="leading-relaxed text-gray-700"
             dangerouslySetInnerHTML={{ __html: replaceWithBr() }}

src/common/Testimonial/TestimonialSection.jsx

@@ -31,6 +31,7 @@ function TestimonialSection() {
       <div className="mx-5 lg:mx-20 h-72 mt-16 sm:mt-20">
         <Swiper
           rewind
+          grabCursor
           autoplay={{
             delay: 2500,
             disableOnInteraction: false
@@ -56,6 +57,7 @@ function TestimonialSection() {
           }}
           slidesPerView={1}
           spaceBetween={10}
+          touchEventsTarget="container"
         >
           {testimonials &&
             testimonials.map((testimonial) => (