Consider adding a rotating Tips area to the block sidebar

[kjellr]

Alongside efforts like #16315, we should consider other areas where we can bring education and help to the user contextually. This is one of those ideas.

---

#16315 includes a new inline help notification to the top of the sidebar when users first try Gutenberg. This notice is aimed to help them understand the purpose of the sidebar:

Gutenberg is a complex application, and there are a number of block-specific tips and shortcuts that would be helpful to surface even beyond the initial first-use NUX flow. For example,

• Letting users of the List block know that they can type space at the start of any list item to indent it.
• Pointing users to the "Edit" icon if they'd like to replace the image used in an image block.

Slack does a great job of showing these sorts of messages while the page loads, but in our case, it may make sense to have a dedicated area in the sidebar for them. This could either end up looking like the other Tips notifications, or it could look like its own separate thing:

Third party block developers could easily provide these via the block registration:

blockSettings = {
    title: __( 'List' ),
    ...,
    tips: [
        'Quickly indent the text in a new list item by starting it with a space.',
    ]
}

[karmatosed]

In nobody's surprise, I really like the dark version of these. I think it might be good as a design exercise to place all the types of messages / Tips being considered alongside each other. Is the hierarchy visually reflecting what we want? I think personally it's ok to have different looks if perform different functions.

[mapk]

While considering this concept in today's design triage, we came to this conclusion. Comment from #16592 (comment)

Add tips to both locations.

1. In the main Block Inspector, they can be turned off globally so they don’t interfere with the more advanced user’s experience.
2. In the help sidebar on the Inserter/Library they can’t be turned off unless the user toggles off the entire help sidebar.
   This flow makes sense and surfaces tip visibility while also allowing easy ways to turn them off completely.