[IMPROVE] Redesign flow of create room

[reinaldonetof]

Proposed changes

We're proposing lots of UX improvements on this task. We're going to make use of the new Searchbox, the new forms pattern and improve the UX overall.

Issue(s)

How to test or reproduce

Screenshots

Before

https://user-images.githubusercontent.com/47038980/180284356-2c46517f-9666-4bbb-a611-9ef8011537e6.mov

After

https://user-images.githubusercontent.com/47038980/180282740-57f948ee-5fec-4a89-9321-95280a0866af.mov

Types of changes

• [ ] Bugfix (non-breaking change which fixes an issue)
• [x] Improvement (non-breaking change which improves a current function)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Documentation update (if none of the other choices apply)

Checklist

• [x] I have read the CONTRIBUTING doc
• [x] I have signed the CLA
• [x] Lint and unit tests pass locally with my changes
• [ ] I have added tests that prove my fix is effective or that my feature works (if applicable)
• [ ] I have added necessary documentation (if applicable)
• [ ] Any dependent changes have been merged and published in downstream modules

Further comments

[lgtm-com[bot]]

This pull request introduces 1 alert when merging 32c74cbd222df8d5b836f0e2708489eb87a66a92 into c6e31df3e496f04414fa8bc0f78b071e1d282f03 - view on LGTM.com

new alerts:

• 1 for Unused variable, import, function or class

[lgtm-com[bot]]

This pull request introduces 1 alert when merging 4830eaeaa665989ba836474cb3a479da40b02b24 into c6e31df3e496f04414fa8bc0f78b071e1d282f03 - view on LGTM.com

new alerts:

• 1 for Unused variable, import, function or class

[lgtm-com[bot]]

This pull request introduces 1 alert when merging 7b0f97040b96dae761428307df1af8fa23a7de50 into 17be449d4e81649ba2025a230b7a523e248e41be - view on LGTM.com

new alerts:

• 1 for Unused variable, import, function or class