Move the user view tests from Puppeteer to Cypress (#8787)

* Move the user view tests from Puppeteer to Cypress

* Iterate snapshot test

* Actually import the new module

* Specify widths

* Update cypress & percy

* Try fix percy

* Finish cypress upgrade

* Tidy cypress.config.ts

* Revert "Tidy cypress.config.ts"

This reverts commit d913052cc4.

* Revert "Finish cypress upgrade"

This reverts commit b5aba3b8a3.

* Revert "Update cypress & percy"

This reverts commit f846a364f8.

* delint

* Update percy

src/components/views/right_panel/UserInfo.tsx

@@ -1489,7 +1489,12 @@ const UserInfoHeader: React.FC<{
                         </span>
                     </h2>
                 </div>
-                <div>{ UserIdentifierCustomisations.getDisplayUserIdentifier(member.userId, { roomId, withDisplayName: true }) }</div>
+                <div className="mx_UserInfo_profile_mxid">
+                    { UserIdentifierCustomisations.getDisplayUserIdentifier(member.userId, {
+                        roomId,
+                        withDisplayName: true,
+                    }) }
+                </div>
                 <div className="mx_UserInfo_profileStatus">
                     { presenceLabel }
                 </div>