feat: create block from rundown empty

apps/client/src/features/rundown/Empty.module.scss

@@ -2,3 +2,10 @@
   padding-block: 1.5rem;
   text-align: center;
 }
+
+.inline {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2rem;
+}

apps/client/src/features/rundown/Rundown.tsx

@@ -329,7 +329,7 @@ export default function Rundown({ data }: RundownProps) {
   };
 
   if (sortableData.length < 1) {
-    return <RundownEmpty handleAddNew={() => insertAtId({ type: SupportedEntry.Event }, cursor)} />;
+    return <RundownEmpty handleAddNew={(type: SupportedEntry) => insertAtId({ type }, cursor)} />;
   }
 
   // 1. gather presentation options

apps/client/src/features/rundown/RundownEmpty.tsx

@@ -1,12 +1,13 @@
 import { IoAdd } from 'react-icons/io5';
 import { Button } from '@chakra-ui/react';
+import { SupportedEntry } from 'ontime-types';
 
 import Empty from '../../common/components/state/Empty';
 
 import style from './Empty.module.scss';
 
 interface RundownEmptyProps {
-  handleAddNew: () => void;
+  handleAddNew: (type: SupportedEntry) => void;
 }
 
 export default function RundownEmpty(props: RundownEmptyProps) {
@@ -14,10 +15,16 @@ export default function RundownEmpty(props: RundownEmptyProps) {
 
   return (
     <div className={style.empty}>
-      <Empty style={{ marginTop: '7vh', marginBottom: '1.5rem' }} />
+      <Empty style={{ marginTop: '5vh', marginBottom: '3rem' }} />
-      <Button onClick={handleAddNew} variant='ontime-filled' leftIcon={<IoAdd />}>
+      <div className={style.inline}>
-        Create Event
+        <Button onClick={() => handleAddNew(SupportedEntry.Event)} variant='ontime-filled' leftIcon={<IoAdd />}>
-      </Button>
+          Create Event
+        </Button>
+
+        <Button onClick={() => handleAddNew(SupportedEntry.Block)} variant='ontime-filled' leftIcon={<IoAdd />}>
+          Create Block
+        </Button>
+      </div>
     </div>
   );
 }