feat(storybook): updated 5 components to v7 (carbon-design-system#11397)

* feat(structured-list): update to v7

* feat(tabs): update to v7

* feat(ui-shell): update to v7

* feat(text-input): update to v7

* feat(textarea): update to v7

* fix(prettier): ran prettier

---------

Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

web-components/packages/carbon-web-components/.storybook/main.ts

@@ -86,15 +86,25 @@ const stories = glob.sync(
     '../src/**/skip-to-content.stories.ts',
     '../src/**/slider.mdx',
     '../src/**/slider.stories.ts',
+    '../src/**/structured-list.stories.ts',
+    '../src/**/structured-list.mdx',
+    '../src/**/tabs.stories.ts',
+    '../src/**/tabs.mdx',
     '../src/**/slug.mdx',
     '../src/**/slug.stories.ts',
     '../src/**/slug-example.stories.ts',
     '../src/**/slug-data-table.stories.ts',
     '../src/**/slug-form.stories.ts',
     '../src/**/tag.mdx',
     '../src/**/tag.stories.ts',
+    '../src/**/textarea.mdx',
+    '../src/**/textarea.stories.ts',
+    '../src/**/text-input.mdx',
+    '../src/**/text-input.stories.ts',
     '../src/**/tooltip.mdx',
     '../src/**/tooltip.stories.ts',
+    '../src/**/ui-shell.mdx',
+    '../src/**/ui-shell.stories.ts',
     '../src/**/toggle.mdx',
     '../src/**/toggle.stories.ts',
     '../src/**/toggletip.mdx',

web-components/packages/carbon-web-components/src/components/structured-list/structured-list-story.mdx → web-components/packages/carbon-web-components/src/components/structured-list/structured-list.mdx

@@ -1,4 +1,4 @@
-import { Props, Description } from '@storybook/addon-docs/blocks';
+import { ArgsTable, Description } from '@storybook/addon-docs/blocks';
 import { cdnJs, cdnCss } from '../../globals/internal/storybook-cdn';
 
 # Structured list
@@ -108,12 +108,12 @@ Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
 `<cds-structured-list has-selection>`) and `false` means not setting the
 attribute (e.g. `<cds-structured-list>` without `has-selection` attribute).
 
-<Props of="cds-structured-list" />
+<ArgsTable of="cds-structured-list" />
 
 ## `<cds-structured-list-row>` attributes and properties
 
 Note: For `boolean` attributes, `true` means simply setting the attribute (e.g.
 `<cds-structured-list-row selected>`) and `false` means not setting the
 attribute (e.g. `<cds-structured-list-row>` without `selected` attribute).
 
-<Props of="cds-structured-list-row" />
+<ArgsTable of="cds-structured-list-row" />