chore: catch up Storybook preview, coverage, and story hygiene

Stories were throwing without AuthModal/CreateFlow providers, autodocs was a no-op, and several DS/create-flow screens had no stories.

stories/controls/Upload.stories.js

@@ -34,87 +34,97 @@ export default {
 const Template = (args) => <Upload {...args} />;
 
 // Default story
-export const Default = Template.bind({});
-Default.args = {
-  label: "Upload",
-  active: true,
-  showHelpIcon: true,
-};
-
-// Active state
-export const Active = Template.bind({});
-Active.args = {
-  label: "Upload",
-  active: true,
-  showHelpIcon: true,
-};
-Active.parameters = {
-  docs: {
-    description: {
-      story:
-        "Upload component in active state with white button and black text.",
+export const Default = {
+  args: {
+    label: "Upload",
+    active: true,
+    showHelpIcon: true,
+  },
+  render: Template,
+}; // Active state
+export const Active = {
+  args: {
+    label: "Upload",
+    active: true,
+    showHelpIcon: true,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "Upload component in active state with white button and black text.",
+      },
     },
   },
+  render: Template,
 };
 
 // Inactive state
-export const Inactive = Template.bind({});
-Inactive.args = {
-  label: "Upload",
-  active: false,
-  showHelpIcon: true,
-};
-Inactive.parameters = {
-  docs: {
-    description: {
-      story:
-        "Upload component in inactive state with dark button and gray text.",
+export const Inactive = {
+  args: {
+    label: "Upload",
+    active: false,
+    showHelpIcon: true,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          "Upload component in inactive state with dark button and gray text.",
+      },
     },
   },
+  render: Template,
 };
 
 // Without help icon
-export const WithoutHelpIcon = Template.bind({});
-WithoutHelpIcon.args = {
-  label: "Upload",
-  active: true,
-  showHelpIcon: false,
-};
-WithoutHelpIcon.parameters = {
-  docs: {
-    description: {
-      story: "Upload component without help icon.",
+export const WithoutHelpIcon = {
+  args: {
+    label: "Upload",
+    active: true,
+    showHelpIcon: false,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Upload component without help icon.",
+      },
     },
   },
+  render: Template,
 };
 
 // Without label
-export const WithoutLabel = Template.bind({});
-WithoutLabel.args = {
-  active: true,
-  showHelpIcon: false,
-};
-WithoutLabel.parameters = {
-  docs: {
-    description: {
-      story: "Upload component without label.",
+export const WithoutLabel = {
+  args: {
+    active: true,
+    showHelpIcon: false,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Upload component without label.",
+      },
     },
   },
+  render: Template,
 };
 
 // Custom label
-export const CustomLabel = Template.bind({});
-CustomLabel.args = {
-  label: "Upload Files",
-  active: true,
-  showHelpIcon: true,
-};
-CustomLabel.parameters = {
-  docs: {
-    description: {
-      story: "Upload component with custom label text.",
+export const CustomLabel = {
+  args: {
+    label: "Upload Files",
+    active: true,
+    showHelpIcon: true,
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Upload component with custom label text.",
+      },
     },
   },
+  render: Template,
 };
 
 // All states comparison