Added some basic interactions stories

[tmeasday]

and a (crappy) React implemenation of a form

Posting for feedback on the stories and general approach:

• Are the stories testing everything we need?
• Is an inline <style> a good idea?

Todo

• Improve form styling
• Implement form in Vue
• Implement form in Svelte

NOTE

There is some jankiness in the waitFor stories that highlights problems fixed by #19145

How to test

Should be tested by the CI

[ndelangen]

Regarding styling:
I think we should keep this as simple as it can possibly be. Static stylesheet referenced outside of any build tool/system.

• Have a stylesheet somewhere for global styles.
• Add this as a static path. (we can do this in main.js).
• Link it in, likely via preview-head.html (I think this can also be done in main.js.

[ghengeveld]

LGTM

[tmeasday]

Static stylesheet referenced outside of any build tool/system.

@ndelangen WDYT about something slightly simpler, ie importing CSS in every "form" file. One thing SB guarantees in our docs is you can import CSS:

import './some/path/to/form.css`;

(I'm not sure what the path will be, but does that make sense?)

[tmeasday]

Move account form stories to official-storybook

[tmeasday]

@shilman I am not sure about the final commit here: 9e3906b -- it needs changes that you have on your docs branches and I am not sure where the overlap between interactions + docs should go.

[shilman]

LGTM modulo one clarification