feat: implement horizontal scroll for testimonials and display all reviews in dashboard

src/app/(agent)/agent/dashboard/page.tsx

@@ -137,9 +137,9 @@ export default function AgentDashboard() {
           setPendingRequestCount(requestCounts.pending);
         }
 
-        // Map testimonials for TestimonialsSection (latest 3)
+        // Map all testimonials for TestimonialsSection (horizontal scroll)
         setTestimonials(
-          testimonialsData.slice(0, 3).map((t) => ({
+          testimonialsData.map((t) => ({
             id: t.id,
             text: t.text,
             author: t.authorName,

src/components/profile/TestimonialsSection.tsx

@@ -30,15 +30,19 @@ export function TestimonialsSection({ testimonials }: TestimonialsSectionProps)
       <p className="font-serif font-normal text-[14px] leading-[19px] text-[#00293D] text-center mb-8">
         Clients rate our real estate services {averageRating} out of 5 on average, based on {testimonials.length} recent client review{testimonials.length !== 1 ? 's' : ''}.
       </p>
-      <div className="flex flex-col lg:grid lg:grid-cols-3 gap-6 lg:items-stretch">
+      <div className="flex gap-6 overflow-x-auto pb-2 -mx-2 px-2 snap-x snap-mandatory lg:snap-none items-stretch">
         {testimonials.map((testimonial) => (
-          <TestimonialCard
+          <div
             key={testimonial.id}
-            text={testimonial.text}
+            className="flex-none w-[85%] sm:w-[45%] lg:w-[calc((100%-3rem)/3)] snap-start"
-            author={testimonial.author}
+          >
-            role={testimonial.role}
+            <TestimonialCard
-            rating={testimonial.rating}
+              text={testimonial.text}
-          />
+              author={testimonial.author}
+              role={testimonial.role}
+              rating={testimonial.rating}
+            />
+          </div>
         ))}
       </div>
     </div>