feat(cli): improve scaffold props

cli/prompts.mjs

@@ -1,7 +1,7 @@
 const prompts = {
   promptContentType: {
     name: 'promptContentType',
-    type: 'rawlist',
+    type: 'list',
     message: 'Please choose a CTF content type to generate the component for:',
     choices: ['---No content type yet---'],
   },

cli/scaffolds/components/{{hyphenCase name}}-client.{{ext}}

@@ -13,5 +13,5 @@ export const {{pascalCase name}}Client: React.FC<{
   const { data: originalData } = props;
   const { data, addAttributes } = useComponentPreview<typeof originalData>(originalData);
 
-  return <{{pascalCase name}} data={data} addAttributes={addAttributes} />;
+  return <{{pascalCase name}} id={data.sys.id} addAttributes={addAttributes} />;
 };

cli/scaffolds/ui/{{hyphenCase name}}.stories.{{ext}}

@@ -14,7 +14,7 @@ const meta = {
   tags: ['autodocs'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
-    data: {},
+    id: {},
   },
 } satisfies Meta<typeof {{pascalCase name}}>;
 
@@ -24,10 +24,6 @@ type Story = StoryObj<typeof meta>;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 export const Default: Story = {
   args: {
-    data: {
-      sys: {
-        id: '{{ snakeCase name }}_id',
-      },
-    },
+    id: '{{ snakeCase name }}_id',
   },
 };

cli/scaffolds/ui/{{hyphenCase name}}.{{ext}}

@@ -1,13 +1,13 @@
 export interface {{pascalCase name}}Props {
-  data: { sys: { id: string } };
+  id: string;
   addAttributes?: (name: string) => object | null;
 }
 
-export const {{pascalCase name}} = ({ data, addAttributes = () => ({}) }: {{pascalCase name}}Props) => {
+export const {{pascalCase name}} = ({ id, addAttributes = () => ({}) }: {{pascalCase name}}Props) => {
   return (
     <div {...addAttributes('attributes')}>
       <div>{{pascalCase name}}</div>
-      <div>{data.sys.id}</div>
+      <div>{id}</div>
     </div>
   );
 };