Offer a way to create a space based on existing community

[t3chguy]

Fixes element-hq/element-web#18092

Preview: https://6114f1ac0f503f9b6e04b632--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

[novocaine]

The copy in Preferences -> Communities looks a bit low-information-density, maybe @niquewoodhouse can suggest something a bit more succinct.

[niquewoodhouse]

Create Space from community dialog:

Just looked at this bit for now, sorry that some of these changes go back on the design.

• Font in description
  Not sure what's causing this but I'm not getting the font my Element is set to use (Inter) in this field. The description is coming from my community plain text description if it helps.
• Margin between description field and description field hint/helper
  Setting a margin-bottom of 8px like the mx_JoinRuleDropdown_invite on the description field seemed to make it look ok
• Dialog height changes based on joinruledropdown invite selection
  https://user-images.githubusercontent.com/1587166/128367966-f695609c-30aa-4674-a82d-4e2d275721e1.mp4
• First p margin
  It would be nice if the first paragraph had a margin-top 0, just find the big gap between the dialog title and content a bit hard to read
• Change p content from secondary colour, to primary
  Sorry, I realise this was secondary in Figma but in practice it's just not legible enough for that amount of content.

[niquewoodhouse]

Settings > Preferences

• The create space buttons seem a bit misaligned for each space, like they depend on the name length or something

• Margins for the .mx_PreferencesUserSettingsTab_CommunityMigrator > div like margin:16px 0 just helped spread them out a bit more

• Reduce copy: remove Convert your Communities to Spaces and attach Converting will ensure your conversations get the latest features. to prev para

Seeing all the copy, in reality, helped us be a bit more confident in reducing it.

• On the settings page, the content seems to have a big margin-right (maybe coming from .mx_SettingsTab_section .mx_SettingsFlag) that makes content align on the right, anyway we could use that rule so the text isn't wider than the rest of the page?

[github-actions]

Here's what your changelog entry will look like:

✨ Features

• Offer a way to create a space based on existing community (#6543). Fixes M11.11 Communities to Spaces migrator element-hq/element-web#18092.

[niquewoodhouse]

• Change migrator dialog intro copy
  A link to the Space will be put in your community description. All rooms will be added and all community members will be invited
• The description field (mx_Field mx_Field_textarea) has a margin on the bottom I'd like to remove (as it just pushes the hint far away from the field) so they're a bit more like this:
  
• Create space dialog copy: '....invite' is missing a full stop at the end. Is there any way the span in that p could have a display block or something so its on its own line, so the invite and community thing are on separate lines.
  

[github-actions]

Preview: https://6113ee77afd08417110f9dcf--matrix-react-sdk.netlify.app
⚠️ Do you trust the author of this PR? Maybe this build will steal your keys or give you malware. Exercise caution. Use test accounts.

[niquewoodhouse]

This is really close now, thanks.

• For the info copy in the create Space from community dialog, I meant to remove the first sentence, so the entire copy would be: A link to the Space will be put in your community description. All rooms will be added and all community members will be invited. the aim being to make the dialog short enough to not jump up and down when a private/public is selected.
• On the info section on a community page, could the admins in this copy be a link to show the community members

• On the info section on a community page, if you are an admin, could the copy here say Spaces are a new way to make a community, with new features coming. You can create a Space from this community here. Communities won't receive further updates." Here opens up the dialog to create Space.

[ShadowJonathan]

🎉