[dagit] Empty state on Runs with better CTAs (#11714)

### Summary & Motivation

The Runs page empty state doesn't offer much to get a user started with launching runs. Add a NonIdealState that looks like our empty state on the Run timeline, with a couple calls to action to get them going.

<img width="495" alt="image" src="https://user-images.githubusercontent.com/2823852/212423611-a4d7d20a-0298-42fe-b967-9b6ae7ac4e78.png">


### How I Tested These Changes

View an empty instance with no runs. Verify that the empty state appears correctly, and that the links go where they should.

js_modules/dagit/packages/core/src/runs/RunTable.tsx

@@ -10,6 +10,7 @@ import {RunsFilter} from '../graphql/types';
 import {useSelectionReducer} from '../hooks/useSelectionReducer';
 import {PipelineSnapshotLink} from '../pipelines/PipelinePathUtils';
 import {PipelineReference} from '../pipelines/PipelineReference';
+import {AnchorButton} from '../ui/AnchorButton';
 import {
   findRepositoryAmongOptions,
   isThisThingAJob,
@@ -37,15 +38,14 @@ interface RunTableProps {
   runs: RunTableRunFragment[];
   filter?: RunsFilter;
   onAddTag?: (token: RunFilterToken) => void;
-  nonIdealState?: React.ReactNode;
   actionBarComponents?: React.ReactNode;
   highlightedIds?: string[];
   additionalColumnHeaders?: React.ReactNode[];
   additionalColumnsForRow?: (run: RunTableRunFragment) => React.ReactNode[];
 }
 
 export const RunTable = (props: RunTableProps) => {
-  const {runs, filter, onAddTag, nonIdealState, highlightedIds, actionBarComponents} = props;
+  const {runs, filter, onAddTag, highlightedIds, actionBarComponents} = props;
   const allIds = runs.map((r) => r.runId);
 
   const [{checkedIds}, {onToggleFactory, onToggleAll}] = useSelectionReducer(allIds);
@@ -64,14 +64,29 @@ export const RunTable = (props: RunTableProps) => {
           <Box padding={{vertical: 8, left: 24, right: 12}}>{actionBarComponents}</Box>
         ) : null}
         <Box margin={{vertical: 32}}>
-          {nonIdealState || (
+          {anyFilter ? (
             <NonIdealState
               icon="run"
-              title={anyFilter ? 'No matching runs' : 'No runs to display'}
+              title="No matching runs"
+              description="No runs were found for this filter."
+            />
+          ) : (
+            <NonIdealState
+              icon="run"
+              title="No runs found"
               description={
-                anyFilter
-                  ? 'No runs were found for this filter.'
-                  : 'Use the Launchpad to launch a run.'
+                <Box flex={{direction: 'column', gap: 12}}>
+                  <div>You have not launched any runs yet.</div>
+                  <Box flex={{direction: 'row', gap: 12, alignItems: 'center'}}>
+                    <AnchorButton icon={<Icon name="add_circle" />} to="/overview/jobs">
+                      Launch a run
+                    </AnchorButton>
+                    <span>or</span>
+                    <AnchorButton icon={<Icon name="materialization" />} to="/asset-groups">
+                      Materialize an asset
+                    </AnchorButton>
+                  </Box>
+                </Box>
               }
             />
           )}