fix(storybook): add args to auto generate docs

see:
- storybookjs/storybook#8104 (comment)
- https://storybook.js.org/docs/react/writing-docs/doc-block-source

packages/cli/src/commands/generate/cell/templates/stories.js.template

@@ -1,20 +1,20 @@
 import { Loading, Empty, Failure, Success } from './${pascalName}Cell'
 import { standard } from './${pascalName}Cell.mock'
 
-export const loading = () => {
-  return Loading ? <Loading /> : null
+export const loading = (args) => {
+  return Loading ? <Loading {...args} /> : null
 }
 
-export const empty = () => {
-  return Empty ? <Empty /> : null
+export const empty = (args) => {
+  return Empty ? <Empty {...args} /> : null
 }
 
-export const failure = () => {
-  return Failure ? <Failure error={new Error("Oh no")} /> : null
+export const failure = (args) => {
+  return Failure ? <Failure error={new Error("Oh no")} {...args} /> : null
 }
 
-export const success = () => {
-  return Success ? <Success {...standard()} /> : null
+export const success = (args) => {
+  return Success ? <Success {...standard()} {...args} /> : null
 }
 
 export default { title: 'Cells/${pascalName}Cell' }

packages/cli/src/commands/generate/component/templates/stories.tsx.template

@@ -1,7 +1,7 @@
 import ${pascalName} from './${pascalName}'
 
-export const generated = () => {
-  return <${pascalName} />
+export const generated = (args) => {
+  return <${pascalName} {...args} />
 }
 
 export default { title: 'Components/${pascalName}' }

packages/cli/src/commands/generate/layout/templates/stories.tsx.template

@@ -1,7 +1,7 @@
 import ${singularPascalName}Layout from './${pascalName}Layout'
 
-export const generated = () => {
-  return <${singularPascalName}Layout />
+export const generated = (args) => {
+  return <${singularPascalName}Layout {...args} />
 }
 
 export default { title: 'Layouts/${singularPascalName}Layout' }

packages/cli/src/commands/generate/page/templates/stories.tsx.template

@@ -1,7 +1,7 @@
 import ${pascalName}Page from './${pascalName}Page'
 
-export const generated = () => {
-  return <${pascalName}Page ${propValueParam}/>
+export const generated = (args) => {
+  return <${pascalName}Page ${propValueParam} {...args} />
 }
 
 export default { title: 'Pages/${pascalName}Page' }