wip(lab): Work on workbench

- Moved the various tabs on the draft view to their own views.
- Renames modes to views
- Started to group various aspects of the workbench state under
  `_state` in the gist to prevent it from getting all mixed up
  with the core settings.
- Updated events title to make it more clear not all events might
  be present
- Removed valid state in measurements input since it was only
  getting updated on keyboard input but now when preloading
  measurements (which it does now)

packages/freesewing.shared/components/layouts/default.js

@@ -121,7 +121,7 @@ const DefaultLayout = ({
           sm:flex-row-reverse
           ${workbench && collapsePrimaryNav
             ? 'sm:px-0 sm:w-16'
-            : 'sm:px-1 md:px-4 lg:px-8 xl:px-16 2xl:px-32 sm:w-[38.2%]'
+            : 'sm:px-1 md:px-4 lg:px-8 sm:w-[38.2%]'
           }
         `}>
           {workbench && (
@@ -144,7 +144,7 @@ const DefaultLayout = ({
           sm:px-1 md:px-4 lg:px-8
           ${workbench && collapsePrimaryNav
             ? ''
-            : 'max-w-61.8% xl:px-16 2xl:px-32'
+            : 'max-w-61.8%'
           }
         `}>
           <div className={workbench ? '' : "max-w-5xl"}>
@@ -164,7 +164,7 @@ const DefaultLayout = ({
             sm:flex-row
             ${workbench && collapseAltMenu
               ? 'sm:px-0 sm:w-16'
-              : 'sm:px-1 md:px-4 lg:px-8 xl:px-16 2xl:px-32 sm:w-[38.2%]'
+              : 'sm:px-1 md:px-4 lg:px-8 sm:w-[38.2%]'
             }
           `}>
             <div className={`hidden sm:flex`}>