refactor(carousel): implement composable carousel with embla

- Replace CustomCarousel with new composable Carousel component
- Add wheel gesture support via embla-carousel-wheel-gestures
- Implement multiple indicator patterns (dots, progress, thumbnails)
- Remove deprecated Indicator atom component
- Update ProductCarousel and home sections to new API
- Add keyboard navigation and improved accessibility
- Include Spanish ARIA labels and screen reader support
- Add prettier and linting scripts to package.json

Key improvements:
- Composable API with CarouselContent, CarouselItem, CarouselPrevious, CarouselNext
- useCarousel hook for custom extensions
- Built-in progress tracking and scroll management
- Better focus management and keyboard navigation
- Fully customizable indicator components

Author: SergioDep

.storybook/examples/CarouselDemoClient.tsx.example

@@ -6,7 +6,10 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "format": "prettier --write .",
+    "type-check": "tsc --noEmit"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.1",
@@ -21,12 +24,14 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.5.2",
+    "embla-carousel-wheel-gestures": "^8.1.0",
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.1.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "next": "15.1.4",
     "next-intl": "^3.26.3",
+    "prettier": "^3.6.2",
     "react": "^19.0.0",
     "react-country-flag": "^3.1.0",
     "react-dom": "^19.0.0",

package.json

@@ -1,41 +1,18 @@
-import { Button } from "./Button/Button"
-import { IconButton } from "./IconButton/IconButton"
-import { Avatar } from "./Avatar/Avatar"
-import { Badge } from "./Badge/Badge"
-import { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs"
-import { Checkbox } from "./Checkbox/Checkbox"
-import { Chip } from "./Chip/Chip"
-import { Divider } from "./Divider/Divider"
-import { Indicator } from "./Indicator/Indicator"
-import { Input } from "./Input/Input"
-import { Textarea } from "./Textarea/Textarea"
-import { PaginationButton } from "./PaginationButton/PaginationButton"
-import { Card } from "./Card/Card"
-import { StarRating } from "./StarRating/StarRating"
-import { InteractiveStarRating } from "./InteractiveStarRating/InteractiveStarRating"
-import { Label } from "./Label/Label"
-import { TabsTrigger } from "./TabsTrigger/TabsTrigger"
-import { NavigationItem } from "./NavigationItem/NavigationItem"
-import { LogoutButton } from "./LogoutButton/LogoutButton"
-
-export {
-  Button,
-  IconButton,
-  Avatar,
-  Badge,
-  Breadcrumbs,
-  Checkbox,
-  Chip,
-  Divider,
-  Indicator,
-  Input,
-  Textarea,
-  PaginationButton,
-  Card,
-  StarRating,
-  InteractiveStarRating,
-  Label,
-  TabsTrigger,
-  NavigationItem,
-  LogoutButton,
-}
+export { Button } from "./Button/Button"
+export { IconButton } from "./IconButton/IconButton"
+export { Avatar } from "./Avatar/Avatar"
+export { Badge } from "./Badge/Badge"
+export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs"
+export { Checkbox } from "./Checkbox/Checkbox"
+export { Chip } from "./Chip/Chip"
+export { Divider } from "./Divider/Divider"
+export { Input } from "./Input/Input"
+export { Textarea } from "./Textarea/Textarea"
+export { PaginationButton } from "./PaginationButton/PaginationButton"
+export { Card } from "./Card/Card"
+export { StarRating } from "./StarRating/StarRating"
+export { InteractiveStarRating } from "./InteractiveStarRating/InteractiveStarRating"
+export { Label } from "./Label/Label"
+export { TabsTrigger } from "./TabsTrigger/TabsTrigger"
+export { NavigationItem } from "./NavigationItem/NavigationItem"
+export { LogoutButton } from "./LogoutButton/LogoutButton"