♻️(react) migrate ArgsTable to ArgTypes and rework imports

Storybook was emitting warnings errors about the fact that ArgsTable
is deprecated, and also I rewrote imports as those are not the one
used in the doc anymore, this will prevent breaking changes in the
upcoming upgrades.

packages/react/src/components/Button/index.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, Source, ArgsTable } from '@storybook/addon-docs';
+import { Canvas, Meta, Story, Source, ArgTypes } from '@storybook/blocks';
 import { Button } from "./index";
 import * as Stories from './index.stories';
 
@@ -56,7 +56,7 @@ The button can be disabled. The disabled button will render the same no matter w
 
 You can use all the props of the native html `<button>` element props plus the following.
 
-<ArgsTable of={Button} />
+<ArgTypes of={Button} />