fix(console): changes, project grant create, member add, org setup, project search autocomplete, grpc header url decoding (#303)

* mobile max-width container

* fix project search autocomplete

* remove changes error, add bottom label

* fix project grant, contributor add

console/src/app/modules/changes/changes.component.html

@@ -11,5 +11,5 @@
     <div class="sp-wrapper">
         <mat-spinner *ngIf="loading | async" diameter="25"></mat-spinner>
     </div>
-    <span class="err-container" *ngIf="errorMessage">{{errorMessage}}</span>
+    <span class="end-container" *ngIf="bottom">{{'CHANGES.BOTTOM' | translate}}</span>
 </div>

console/src/app/modules/changes/changes.component.scss

@@ -39,8 +39,8 @@
         justify-content: center;
     }
 
-    .err-container {
-        font-size: 14px;
-        color: rgb(201,51,71);
+    .end-container {
+        font-size: 12px;
+        color: #81868a;
     }
 }

console/src/app/modules/changes/changes.component.ts

@@ -19,7 +19,6 @@ export class ChangesComponent implements OnInit {
     @Input() public changeType: ChangeType = ChangeType.USER;
     @Input() public id: string = '';
     @Input() public sortDirectionAsc: boolean = true;
-    public errorMessage: string = '';
     public bottom: boolean = false;
 
     // Source data
@@ -118,7 +117,6 @@ export class ChangesComponent implements OnInit {
                 catchError(err => {
                     console.error(err);
                     this._loading.next(false);
-                    this.errorMessage = decodeURI(err.message);
                     this.bottom = true;
                     return of([]);
                 }),