Prepare command bar to support modeling commands (#1184)

* Tweak toaster look and feel

* Add icons, tweak plus icon names

* Rename commandBarMeta to commandBarConfig

* Refactor command bar, add support for icons

* Create a tailwind plugin for aria-pressed button state

* Remove overlay from behind command bar

* Clean up toolbar

* Button and other style tweaks

* Icon tweaks follow-up: make old icons work with new sizing

* Delete unused static icons

* More CSS tweaks

* Small CSS tweak to project sidebar

* Add command bar E2E test

* fumpt

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu)

* fix typo in a comment

* Fix icon padding (built version only)

* Update onboarding and warning banner icons padding

* Misc minor style fixes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/hooks/useStateMachineCommands.ts

@@ -1,12 +1,16 @@
 import { useEffect } from 'react'
 import { AnyStateMachine, StateFrom } from 'xstate'
-import { Command, CommandBarMeta, createMachineCommand } from '../lib/commands'
+import {
+  Command,
+  CommandBarConfig,
+  createMachineCommand,
+} from '../lib/commands'
 import { useCommandsContext } from './useCommandsContext'
 
 interface UseStateMachineCommandsArgs<T extends AnyStateMachine> {
   state: StateFrom<T>
   send: Function
-  commandBarMeta?: CommandBarMeta
+  commandBarConfig?: CommandBarConfig<T>
   commands: Command[]
   owner: string
 }
@@ -14,7 +18,7 @@ interface UseStateMachineCommandsArgs<T extends AnyStateMachine> {
 export default function useStateMachineCommands<T extends AnyStateMachine>({
   state,
   send,
-  commandBarMeta,
+  commandBarConfig,
   owner,
 }: UseStateMachineCommandsArgs<T>) {
   const { addCommands, removeCommands } = useCommandsContext()
@@ -27,11 +31,11 @@ export default function useStateMachineCommands<T extends AnyStateMachine>({
           type,
           state,
           send,
-          commandBarMeta,
+          commandBarConfig,
           owner,
         })
       )
-      .filter((c) => c !== null) as Command[]
+      .filter((c) => c !== null) as Command[] // TS isn't smart enough to know this filter removes nulls
 
     addCommands(newCommands)