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

res/css/views/settings/_UserProfileSettings.pcss

@@ -21,12 +21,11 @@ limitations under the License.
         display: flex;
         margin-top: var(--cpd-space-6x);
         gap: 16px;
-        /* This is temporary until the 'Remove' link is replaced by a context menu. */
-        margin-bottom: 20px;
 
         .mx_UserProfileSettings_profile_displayName {
             flex-grow: 1;
             width: 100%;
+            gap: 0;
         }
     }