chore: add Storybook documentation

src/stories/Basic.tsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import { HydraAdmin, type HydraAdminProps } from '../hydra';
 
+/**
+ * # Basic `<HydraAdmin>` component
+ * The `<HydraAdmin>` component without any parameter.
+ */
 const Basic = ({ entrypoint }: BasicProps) => (
   <HydraAdmin entrypoint={entrypoint} />
 );

src/stories/auth/Admin.tsx

@@ -2,6 +2,12 @@ import React from 'react';
 import { HydraAdmin, type HydraAdminProps } from '../../hydra';
 import authProvider from './basicAuth';
 
+/**
+ * # Pretected `<HydraAdmin>`
+ * The `<HydraAdmin>` component protected by the `authProvider` which is a basic authentication provider.
+ *
+ * Login with: john/123
+ */
 const Admin = ({ entrypoint }: JwtAuthProps) => (
   <HydraAdmin entrypoint={entrypoint} authProvider={authProvider} requireAuth />
 );

src/stories/auth/Auth.mdx

@@ -0,0 +1,16 @@
+import { Canvas, Meta } from '@storybook/blocks';
+
+import * as AuthStories from './Auth.stories';
+
+<Meta of={AuthStories} />
+
+# Protected HydraAdmin
+
+The `<HydraAdmin>` component protected by the `authProvider` which is a basic authentication provider.
+
+> Login with: **john** / **123**
+
+See the [React-admin documentation](https://marmelab.com/react-admin/Authentication.html) to learn more.
+
+<Canvas of={AuthStories.Loggedin} />
+

src/stories/auth/Auth.stories.ts

@@ -6,7 +6,6 @@ import Admin from './Admin';
 const meta = {
   title: 'Admin/Auth',
   component: Admin,
-  tags: ['autodocs'],
   parameters: {
     layout: 'fullscreen',
   },