♻️(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/Forms/Input/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 { Input } from "./index";
 import * as Stories from './index.stories';
 
@@ -110,7 +110,7 @@ You can use the `ref` props to get a reference to the input element. The ref to
 
 You can use all the props of the native html `<input>` element props plus the following.
 
-<ArgsTable of={Input} />
+<ArgTypes of={Input} />
 
 ## Design tokens