Add tabIndex prop to Image component

Author: Kubit

src/components/image/imageStandAlone.tsx

@@ -21,6 +21,7 @@ const ImageStandAloneComponent = (
         fallbackRatio={props.ratio && getFallbackRatio(props.ratio)}
         objectFit={props?.objectFit}
         ratio={props.ratio}
+        tabIndex={props.tabIndex}
       >
         <PictureSourceStandAlone mediaSource={props.images[DeviceBreakpointsType.LARGE_DESKTOP]} />
         <PictureSourceStandAlone mediaSource={props.images[DeviceBreakpointsType.DESKTOP]} />

src/components/image/stories/image.stories.tsx

@@ -52,5 +52,6 @@ export const Image: Story = {
       },
     },
     themeArgs: themesObject[themeSelected][STYLES_NAME.IMAGE],
+    tabIndex: 1,
   },
 };

src/components/image/types/image.ts

@@ -25,6 +25,7 @@ export interface IImageStandAlone {
   borderRadius?: string;
   objectFit?: ImageObjectFitType;
   component?: GenericImageType;
+  tabIndex?: number;
 }
 
 export type IImage = IImageStandAlone;