[G2M] UI/implement redesign (part 1)

[vxsl]

Sorry for the huge PR. :grimacing:

mainly implementing the title bar portion of the redesign, bundled with some other changes along the way.

UI

• implement title bar redesign
  • editable title
  • mocked creation and last modified dates for now, as this information does not yet exist
  • details do marquee scroll when x-overflow is detected:
• isolate WidgetTitleBar into own component
• various tweaks toward redesign
• remove left sidebar
• clean up widget controls toward redesign
  • the design prototype didn't show what the widget controls should like collapsed, so I took a liberty. Feedback is of course welcome.

new components

• OverflowMarquee
  • does marquee scroll when x-overflow is detected in children
• CustomSwitch
  • a Switch component that allows labels and icons, like this:

deps

• add @eqworks/lumen-labs as devDep, upgrade peerDep
• add tailwindcss-children devDep
  • allows selecting direct children of an element with pseudo-selectors like children:bg-blue
  • introduced in order to tweak lumen-labs components without having to modify them
  • use children:not-first selector for flex property
  • use children selector for textColor property
• add react-fast-marquee devDep
  • introduced in order to allow marquee scrolling when x-overflow is detected in children of new component OverflowMarquee

style

• add icons Download, EditPen, ArrowExpand, DashboardLayout, Table, Controls
• include index.css in app

store

• introduce new states id (for widget ID) and ui.editingTitle

[github-actions[bot]]

📚 Storybook preview (updated to 5ddc3d6afa670418d5a0ea80bef136597ca69f8e)