V8/invite user curosr ui fix (#6985)

* add optional readonly scope attribute

* add readonly attribute to umb-checkmark directive in user invite section of user.html template. Extend ng-class statement in umb-checkmark template, adding cursor-auto when readonly is defined

src/Umbraco.Web.UI.Client/src/common/directives/components/umbcheckmark.directive.js

@@ -10,7 +10,8 @@
             templateUrl: 'views/components/umb-checkmark.html',
             scope: {
                 size: "@?",
-                checked: "="
+                checked: "=",
+                readonly: "@?"
             }
         };
 

src/Umbraco.Web.UI.Client/src/views/components/umb-checkmark.html

@@ -1 +1 @@
-<i class="icon-check umb-checkmark umb-checkmark--{{size}}" ng-class="{'umb-checkmark--checked': checked}"></i>
+<i class="icon-check umb-checkmark umb-checkmark--{{size}}" ng-class="{'umb-checkmark--checked': checked, 'cursor-auto': readonly}"></i>

src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html

@@ -505,6 +505,7 @@
                 <div class="flex items-center" style="margin-bottom: 15px;">
                     <umb-checkmark
                         checked="vm.usersViewState === 'inviteUserSuccess'"
+                        readonly="true"
                         size="m">
                     </umb-checkmark>
                     <h3 class="bold" style="margin: 0 0 0 10px;">