Left align code block text on the no data setup screen (#2977)

Author: mattseddon

webview/src/shared/components/codeBlock/styles.module.scss

@@ -1,4 +1,5 @@
 .codeBlock {
+  text-align: left;
   padding: 10px;
   width: max-content;
   min-width: 500px;

webview/src/shared/components/codeSlider/styles.module.scss

@@ -9,8 +9,3 @@
     margin: 0 auto;
   }
 }
-
-.codeBlock {
-  text-align: left;
-  margin-top: 20px;
-}

webview/src/stories/NoData.stories.tsx

@@ -0,0 +1,20 @@
+import { Story, Meta } from '@storybook/react/types-6-0'
+import React from 'react'
+import { NoData as SetupNoData } from '../getStarted/components/NoData'
+
+import './test-vscode-styles.scss'
+import '../shared/style.scss'
+
+export default {
+  args: {
+    data: {}
+  },
+  component: SetupNoData,
+  title: 'Setup'
+} as Meta
+
+const Template: Story = () => {
+  return <SetupNoData />
+}
+
+export const NoData = Template.bind({})