Guided tour of exploration page

[danielfdsilva]

I've been exploring user react tour as a way to create a guided tour of the exploration page. I added a couple of steps just to show case how we could use it. There are a lot more to add, also after the user enter the "analysis mode.

@j08lue @ricardoduplos what do you think of this?

[netlify]

✅ Deploy Preview for veda-ui ready!

Name	Link
🔨 Latest commit	cd20ed2
🔍 Latest deploy log	https://app.netlify.com/sites/veda-ui/deploys/654e3f62ef5ec900088a6363
😎 Deploy Preview	https://deploy-preview-737--veda-ui.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[j08lue]

As I understood @ricardoduplos, it is a deliberate design choice to keep the controls very simple, without a lot of annotations and explaining labels. 👌

I think in this case it is necessary to introduce essential features like the ones you highlighted with the guided tour here, @danielfdsilva.

The tour looks great, @danielfdsilva, and I agree with your choice of features to highlight. I am excited to see how our users respond to these.

I made some copy-editing suggestions on the texts - please review them and accept if you agree with my changes.

[danielfdsilva]

@j08lue Added another tour when the user draws an AOI. Please give the messages some love :)

[j08lue]

More copy editing for tour messages - I made some of them shorter and used the same type of phrase, presenting the opportunities ("you can ..."). 🤷