fix(console, login): console - ensure permission is available, login - i18n fixes, input borders, lgn-touched script to add class on blur (#3760)

* permission restriction, member, login i18n input borders, secondary text

* add touched js

console/src/app/pages/home/home.component.scss

@@ -39,6 +39,7 @@
       grid-template-columns: 1fr;
       gap: 1rem;
       justify-content: space-evenly;
+      padding-bottom: 1rem;
 
       @media only screen and (min-width: 599px) {
         grid-template-columns: 1fr 1fr;

console/src/app/pages/instance/instance.component.html

@@ -17,7 +17,7 @@
         (addClicked)="openAddMember()"
         (showDetailClicked)="showDetail()"
         (refreshClicked)="loadMembers()"
-        [disabled]="false"
+        [disabled]="(['iam.member.write'] | hasRole | async) === false"
       >
       </cnsl-contributors>
     </div>

console/src/app/pages/instance/instance.component.ts

@@ -81,7 +81,7 @@ export class InstanceComponent {
             }),
           )
             .then(() => {
-              this.toast.showInfo('IAM.TOAST.MEMBERADDED');
+              this.toast.showInfo('IAM.TOAST.MEMBERADDED', true);
               setTimeout(() => {
                 this.loadMembers();
               }, 1000);

console/src/app/pages/orgs/org-detail/org-detail.component.html

@@ -16,7 +16,7 @@
     (addClicked)="openAddMember()"
     (showDetailClicked)="showDetail()"
     (refreshClicked)="loadMembers()"
-    [disabled]="false"
+    [disabled]="(['org.member.write'] | hasRole | async) === false"
   >
   </cnsl-contributors>
 

console/src/app/pages/users/user-detail/contact/contact.component.scss

@@ -21,6 +21,10 @@
       border-bottom: 1px solid #ffffff20;
       flex-wrap: wrap;
 
+      &:last-child {
+        border-bottom: none;
+      }
+
       .left {
         .label {
           font-size: 13px;