Integrated in-app onboarding tours

[arrenv]

Description

The product tour for Colony creation is an interactive, step-by-step guide highlighting the main components and functionalities of the Colony interface while walking them through the process of setting up their colony. It will activate immediately after a user creates their first colony, via certain actions, or manually via the new "Guided tours" user menu item, offering a mix of visual and textual cues to guide them through different aspects of the platform.

Testing

Currently, only the foundations are put together and the start of one tour "Create actions' is being worked on. At the moment I am having troubles with the opening and open status of the action panel.

If want to take a look now, it would be best to focus on how this feature is being implemented.

Manual tour trigger

1. Click on the user menu in the top left.

Diffs

New stuff ✨

• New TourContext has been added.
• New data attribute is being used on tags.
• Tour steps have been added.

TODO

• Complete full tour from start to finish for "Creating actions".
• Add manually triggered additional tours:
  • Get started
  • Adding funds
  • Making payments
  • Using the app
  • User dashboard
• Add auto-triggers for relevant tours
  • Get started should auto trigger and be conditional for colony creators or just new users.