Improve design of quick tutorial flows to better match the Figma designs

[andrewtavis]

Terms

• I have searched open and closed design issues
• I agree to follow Scribe-Android's Code of Conduct

Description

With #605 we added the basis of the interactive tutorial in the Scribe application. This issue will do some minor adjustments to the process to make it match the rest of the app more.

The current state of the tutorial can be seen below:

The designs on Figma can be see here.

Specifically we would like:

• The back button at the top left should be colored like the other ones and go to the About tab
• We should add a quick tutorial option to the About tab in "Feedback and support" as shown here
  • This should lead to the tutorial page, which should be under About
• We should combine the text from the tooltip "Make sure you select the desired Scribe keyboard..." with the text at the top of the page and get rid of the tooltip text
• We need a header at the top of the page "Quick tutorial"
• On the tutorial pages, we should get rid of the yellow border
• We should fix the back button to say "Back"
• We don't need the X at the top of the page

Contribution

Happy to support and review a PR! 😊

[ashb155]

will be working on this @andrewtavis !

[andrewtavis]

Great to have you picking this up, @ashb155! 😊

[andrewtavis]

Closed by #617 🚀 Thanks, @ashb155!