Add in-progress view to display name EditInPlace (#12609)

* Add in-progress view to display name EditInPlace

Requires https://github.com/element-hq/compound-web/pull/180

* Update to new compound-web

for editinplace component with spinner

* Update snapshots

for https://github.com/element-hq/compound-web/pull/178

* Update screenshots

* Remove margin

which isn't necessary now there's no 'Remove' link on the bottom

* Update screenshots

src/components/views/settings/UserProfileSettings.tsx

@@ -164,6 +164,7 @@ const UserProfileSettings: React.FC = () => {
                     saveButtonLabel={_t("common|save")}
                     cancelButtonLabel={_t("common|cancel")}
                     savedLabel={_t("common|saved")}
+                    savingLabel={_t("common|updating")}
                     onChange={onDisplayNameChanged}
                     onCancel={onDisplayNameCancel}
                     onSave={onDisplayNameSave}

src/i18n/strings/en_EN.json

@@ -573,6 +573,7 @@
         "unnamed_space": "Unnamed Space",
         "unsent": "Unsent",
         "unverified": "Unverified",
+        "updating": "Updating...",
         "user": "User",
         "user_avatar": "Profile picture",
         "username": "Username",