Fix aria props on dot and carousel components

Author: Kubit

src/components/carousel/__tests__/carousel.test.tsx

@@ -482,17 +482,15 @@ describe('Carousel component', () => {
 
   it('Should have aria-label in the document when prop is set', async () => {
     const { getByLabelText } = renderProvider(
-      <CarouselUnControlled {...mockProps} aria-label='Mock aria-label'/>
+      <CarouselUnControlled {...mockProps} aria-label="Mock aria-label" />
     );
 
     const label = getByLabelText('Mock aria-label');
     expect(label).toBeInTheDocument();
   });
 
   it('Should not have aria-label in the document when prop is not set', async () => {
-    const { queryByLabelText } = renderProvider(
-      <CarouselUnControlled {...mockProps} />
-    );
+    const { queryByLabelText } = renderProvider(<CarouselUnControlled {...mockProps} />);
 
     const label = queryByLabelText('');
     expect(label).not.toBeInTheDocument();

src/components/dot/stories/dot.stories.tsx

@@ -9,7 +9,7 @@ import { argtypes } from './argtypes';
 const themeSelected = localStorage.getItem('themeSelected') || 'kubit';
 
 const meta = {
-  title: 'Components/Resources/ActionBottomSheet',
+  title: 'Components/Resources/Dot',
   component: Story,
   parameters: {
     layout: 'centered',

src/components/functionalitiesModule/stories/functionalitiesModule.stories.tsx

@@ -51,6 +51,7 @@ const commonArgs: IFunctionalitiesModuleUnControlled = {
   actionBottomSheet: {
     title: { content: 'Options' },
     closeIcon: { icon: ICONS.ICON_CLOSE, ['aria-label']: 'ariaLabelCloseIcon' },
+    dragIcon: { icon: ICONS.ICON_DRAG, ['aria-label']: 'ariaLabelDragIcon' },
   },
 };