fix: storybook with typescript (#2926)

* fix storybook for typescript

* fix babel

platform/ui/src/storybook/colors.stories.mdx

@@ -38,7 +38,7 @@ for each color.
 Therefore you can use the className to style the color of a component (using
 `bg-${color-class}`) or text (using `text-${color-class}`).
 
-```jsx
+```tsx
 <div className="bg-primary-main text-primary-light">OHIF UI Components</div>
 ```
 

platform/ui/src/storybook/contribute.stories.mdx

@@ -66,8 +66,8 @@ error. Always check the code block when you get an error.
 For instance the following code block will generate the error (notice the extra
 vertical space in the code block):
 
-```jsx
-export const TooltipTemplate = (args) => (
+```tsx
+export const TooltipTemplate = args => (
   <div className="h-16 w-full">
     <div class="w-8 h-8 mx-auto">
       <Tooltip {...args}>
@@ -91,7 +91,7 @@ stories with the same name, it will cause an error.
 
 The following code block will generate an error:
 
-```jsx
+```tsx
 <Canvas>
   <Story name="Variants">
     <Typography variant="h1" color="initial">