feat: fixed EsCarousel arrows and allowed customization

[ericdouglaspratt]

🔗 Linked issue

• https://energysage.atlassian.net/browse/CED-2001

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

• Prev/next arrow buttons now appear below the carousel, on either side of the dots (if present), rather than on each side, matching the design and allowing carousel slides to align with page content
• Increased the spacing between the dots and arrows to meet tap targets criteria
• Allowed customization of gap between slides, gap between slides and controls, arrow size, and arrow color
• Fixed the issue where the mobile number of dots (usually more) would briefly appear on larger breakpoints until hydration had a chance to occur and update the number of dots accordingly
• Reduced the number of slides in the core examples from 12 to 6, in accordance with feedback from design that we don't really ever want to show 12 dots (as you would see on mobile) as that's too many
• Added a no dots example
• Added a customization example
• Updated the autoplay example to behave more like a photo slideshow to showcase different card treatment and to (slightly) better match how we use it on the homepage

Basic example

Customization example

🥼 Testing

• Tested locally

🧐 Feedback Requested / Focus Areas

• Overall

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[swarmia]

✅  Linked to Task CED-2001 · Upgrade EsCarousel to support arrows rendering below and centered
➡️  Part of Epic CED-1443 · Upgrade CMS pages micro frontend to Nuxt 3 [LC]

[hroth1994]

This looks great! Approved with 1 nit and potential TODO 🌟