docs(keyboard-key): add documentation

[krisantrobus]

Added documentation from the spec.

https://paste-docs-git-docs-keyboard-key-init-twilio.vercel.app/components/keyboard-key

[jhanvi1399]

• suggestion: about keyboard key can be changed to h3 instead of h2.

• question: in the about keyboard key since we have the blockquote design, is it possible for us to use that or should we wait until its release?

• suggestion: keyboard key tooltips and hooks section can be h2, useKeyCombination and useKeyCombinations section can be h3 under hooks.

• suggestion: common keyboard shortcuts and when to use keyboard section key can be h2.

• nitpick: i feel lists on the page have some extra margin from the left. very nitpicky no stress.

All else looks great!!!

[krisantrobus]

• suggestion: about keyboard key can be changed to h3 instead of h2.
• suggestion: common keyboard shortcuts and when to use keyboard section key can be h2.

Good catch, fixed in latest commit

• suggestion: keyboard key tooltips and hooks section can be h2, useKeyCombination and useKeyCombinations section can be h3 under hooks.

I originally kept these under examples but the spec doc is structured differently so I will make these changes

• question: in the about keyboard key since we have the blockquote design, is it possible for us to use that or should we wait until its release?

It would depend on whether the blockquote will be merged before this docs. We do have other blockqoutes throughout the site so we should do a cleanup as part of the docs ticket for Blockquote.

• nitpick: i feel lists on the page have some extra margin from the left. very nitpicky no stress.

I double checked and I'm not adding any extra margins left, only bottom for the List component

[jhanvi1399]

All looks good!
I just crossed check the list in keyboard spec vs the list component. I think in the list component, the bullet points start inside the margin itself and in keyboard they start after the margin. Maybe that is why it looks a lil more indented.

• Keyboard Spec Page

• List Component

[krisantrobus]

Very good point @jhanvi1399! I looked through and saw that list was using the markdown syntac but I'm using the list component which renders it in a different way. Pushed up a fix in latest commit.

[cypress]

Paste    Run #9104

Run Properties:   Passed #9104  •  a124e154c2 ℹ️: Merge 60300353358466c8da87686bbdc4eb2aa0cee470 into 7f39856ee3697235b535ea02eaef...

Project	Paste
Branch Review	docs/keyboard-key-init
Run status	Passed #9104
Run duration	06m 16s
Commit	a124e154c2 ℹ️: Merge 60300353358466c8da87686bbdc4eb2aa0cee470 into 7f39856ee3697235b535ea02eaef...
Committer	krisantrobus
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	0
Skipped	0
Passing	125
View all changes introduced in this branch ↗︎