docs: trailing spaces in shortcuts

Author: hejsztynx

docs/docs/rich-text-formatting/lists.mdx

@@ -52,8 +52,8 @@ checkbox - you don't need to wire anything up for that.
 
 :::note
 
-You can also create ordered and unordered lists by typing respectively `1.`
-and `-`. That behavior is present by default and can be customized with
+You can also create ordered and unordered lists by typing respectively `'1. '`
+and `'- '`. That behavior is present by default and can be customized with
 [`Text shortcuts`](/rich-text-formatting/text-shortcuts).
 
 :::

docs/docs/rich-text-formatting/text-shortcuts.mdx

@@ -9,7 +9,7 @@ import TextShortcutsEditorSrc from '!!raw-loader!@site/src/examples/TextShortcut
 # Text shortcuts
 
 Text shortcuts let users format as they type, the way Markdown editors do -
-typing `#` turns a line into a heading, wrapping a word in `**` makes it bold.
+typing `'# '` turns a line into a heading, wrapping a word in `**` makes it bold.
 You configure them with the `textShortcuts` prop, an array that maps a `trigger`
 string to a `style`:
 
@@ -35,7 +35,7 @@ things:
 - **Paragraph shortcuts** (`h1`–`h6`, `blockquote`, `codeblock`,
   `unordered_list`, `ordered_list`, `checkbox_list`) fire at the **start of a
   paragraph**. The trigger is the prefix you type before the line's content -
-  e.g. `#` for a heading, `-` for a bulleted list. Since a paragraph can only hold
+  e.g. `'# '` for a heading, `'- '` for a bulleted list. Since a paragraph can only hold
   one paragraph style, these only fire on a **plain** paragraph: if the line is
   already a heading or a list item, typing the prefix does nothing.
 
@@ -68,8 +68,8 @@ array (`textShortcuts={[]}`) disables shortcuts altogether.
 
 ## Try it out
 
-The editor below wires up one shortcut of each kind - a paragraph one (`#` → H1)
-and an inline one (`**` → bold). Start a line with `#` and watch it become a
+The editor below wires up one shortcut of each kind - a paragraph one (`'# '` → H1)
+and an inline one (`**` → bold). Start a line with `'# '` and watch it become a
 heading, then wrap a word in `**stars**` to bold it.
 
 <InteractiveExample src={TextShortcutsEditorSrc} component={TextShortcutsEditor} />