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/components/GlobalStateProvider.tsx

@@ -2,7 +2,7 @@ import { useMachine } from '@xstate/react'
 import { useNavigate } from 'react-router-dom'
 import { paths } from '../Router'
 import {
-  authCommandBarMeta,
+  authCommandBarConfig,
   authMachine,
   TOKEN_PERSIST_KEY,
 } from '../machines/authMachine'
@@ -11,7 +11,7 @@ import React, { createContext, useEffect, useRef } from 'react'
 import useStateMachineCommands from '../hooks/useStateMachineCommands'
 import {
   SETTINGS_PERSIST_KEY,
-  settingsCommandBarMeta,
+  settingsCommandBarConfig,
   settingsMachine,
 } from 'machines/settingsMachine'
 import { toast } from 'react-hot-toast'
@@ -85,7 +85,7 @@ export const GlobalStateProvider = ({
     send: settingsSend,
     commands,
     owner: 'settings',
-    commandBarMeta: settingsCommandBarMeta,
+    commandBarConfig: settingsCommandBarConfig,
   })
 
   // Listen for changes to the system theme and update the app theme accordingly
@@ -124,7 +124,7 @@ export const GlobalStateProvider = ({
     state: authState,
     send: authSend,
     commands,
-    commandBarMeta: authCommandBarMeta,
+    commandBarConfig: authCommandBarConfig,
     owner: 'auth',
   })