fix: increased carousel navigation button size to 52x52px (#8959)

[pegasus991]

This PR resolves issue #8959 by increasing the size of the carousel navigation buttons (left/right arrows) to 52x52px, improving clickability and visibility for users browsing agent cards.

Changes 🏗️

• Increased button size for CarouselPrevious and CarouselNex` in autogpt_platform/frontend/src/components/ui/carousel.tsx
• Changed Tailwind classes from h-[38px] w-[38px]toh-[52px] w-[52px]
• Optionally adjusted icon size to better fit the new container

Checklist 📋

For code changes:

• I have clearly listed my changes in the PR description
• I have made a test plan
• I have tested my changes according to the test plan:
  • Viewed carousel on /marketplace page in local dev environment
  • Verified that navigation buttons render at the new size
  • Confirmed layout is not broken

Example test plan

• Create from scratch and execute an agent with at least 3 blocks
• Import an agent from file upload, and confirm it executes correctly
• Upload agent to marketplace
• Import an agent from marketplace and confirm it executes correctly
• Edit an agent from monitor, and confirm it executes correctly

For configuration changes:

• .env.example is updated or already compatible with my changes
• docker-compose.yml is updated or already compatible with my changes
• I have included a list of my configuration changes in the PR description (under Changes)

Examples of configuration changes

• Changing ports
• Adding new services that need to communicate with each other
• Secrets or environment variable changes
• New or infrastructure changes such as databases

[CLAassistant]

All committers have signed the CLA.

[github-actions]

This PR targets the master branch but does not come from dev or a hotfix/* branch.

Automatically setting the base branch to dev.

[qodo-code-review]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis ✅ 8959 - PR Code Verified Compliant requirements: • Increase the size of the circular navigation buttons from 38x38 to 52x52px Requires further human verification: • Visual verification that the buttons are now 52x52px as specified in the ticket

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Button Size Mismatch The PR changes the icon size from h-8/w-8 to h-10/w-10, but doesn't explicitly change the button container size to 52x52px as required by the ticket. <ChevronLeft className="h-10 w-10" strokeWidth={1.25} /> <span className="sr-only">Previous slide</span> Button Size Mismatch The PR changes the icon size from h-8/w-8 to h-10/w-10, but doesn't explicitly change the button container size to 52x52px as required by the ticket. <ChevronRight className="h-10 w-10" strokeWidth={1.25} /> <span className="sr-only">Next slide</span>

[deepsource-io]

Here's the code health analysis summary for commits d316ed2..17ca764. View details on DeepSource ↗.

Analysis Summary

Analyzer	Status	Summary	Link
JavaScript	✅ Success		View Check ↗
Python	✅ Success		View Check ↗

---

💡 If you’re a repository administrator, you can configure the quality gates from the settings.

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	17ca764
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/67f44a5e0ca4a7000806a880

[Abhi1992002]

Thank you @pegasus991 , for your contribution, but this issue is already fixed, so I’m closing this PR. Please feel free to check out other good first issues for contribution. 😊