snippets adjusted per feedback

docs/essentials/controls.md

@@ -73,7 +73,7 @@ Up until now, we only used auto-generated controls based on the component we're
 
 <CodeSnippets
   paths={[
-    'common/table-story-fully-customize-controls.js.mdx',
+    'react/table-story-fully-customize-controls.js.mdx',
   ]}
 />
 

docs/essentials/viewports.md

@@ -121,7 +121,7 @@ You can change your story through [parameters](../writing-stories/parameters.md)
 
 <CodeSnippets
   paths={[
-    'common/my-component-story-configure-viewports.js.mdx',
+    'react/my-component-story-configure-viewports.js.mdx',
   ]}
 />
 

docs/snippets/common/button-story-hide-nocontrols-warning.js.mdx

@@ -1,6 +1,8 @@
 ```js
 // Button.stories.js
 
+export const Large = Template.bind({});
+
 Basic.parameters = {
   controls: { hideNoControlsWarning: true },
 };

docs/snippets/common/gizmo-story-controls-customization.js.mdx

@@ -1,5 +1,5 @@
 ```js
-// Gizmo.story.js
+// Gizmo.stories.js
 
 export default {
   title: 'Gizmo',