add verify button while we don't have the verification in right panel

res/css/views/right_panel/_UserInfo.scss

@@ -228,4 +228,14 @@ limitations under the License.
             color: $accent-color;
         }
     }
+
+    .mx_UserInfo_verify {
+        display: block;
+        background-color: $accent-color;
+        color: $accent-fg-color;
+        border-radius: 4px;
+        padding: 7px 1.5em;
+        text-align: center;
+        margin: 16px 0;
+    }
 }

src/components/views/right_panel/UserInfo.js

@@ -1254,6 +1254,7 @@ const UserInfo = withLegacyMatrixClient(({matrixClient: cli, user, groupId, room
         <div className="mx_UserInfo_container">
             <h3>{ _t("Security") }</h3>
             <p>{ text }</p>
+            <AccessibleButton className="mx_UserInfo_verify" onClick={() => verifyDevice(user.userId, null)}>{_t("Verify")}</AccessibleButton>
             { devicesSection }
         </div>
     );

src/i18n/strings/en_EN.json

@@ -1086,6 +1086,7 @@
     "Messages in this room are not end-to-end encrypted.": "Messages in this room are not end-to-end encrypted.",
     "Messages in this room are end-to-end encrypted.": "Messages in this room are end-to-end encrypted.",
     "Security": "Security",
+    "Verify": "Verify",
     "Sunday": "Sunday",
     "Monday": "Monday",
     "Tuesday": "Tuesday",