feat: Center Translate Module (#1800)

src/app/centers/centers-view/notes-tab/notes-tab.component.html

@@ -1,5 +1,5 @@
 <div class="tab-container mat-typography">
-  <h3>Notes</h3>
+  <h3>{{"labels.heading.Notes" |translate}}</h3>
   <div>
     <form #formRef="ngForm" [formGroup]="noteForm" fxLayout="row" fxLayoutAlign="start baseline" fxLayoutGap="20px"
       (ngSubmit)="submit()">
@@ -7,7 +7,7 @@
         <textarea formControlName="note" matInput placeholder="Write a note ...."></textarea>
       </mat-form-field>
       <button mat-raised-button fxFlex color="primary" [disabled]="!noteForm.valid" *mifosxHasPermission="'CREATE_GROUPNOTE'">
-        <fa-icon icon="plus" class="m-r-10"></fa-icon> Add
+        <fa-icon icon="plus" class="m-r-10"></fa-icon> {{"labels.buttons.Add" |translate}}
       </button>
     </form>
   </div>
@@ -16,8 +16,8 @@
       <fa-icon icon="sticky-note" matListIcon></fa-icon>
       <h3 matLine>{{centerNote.note}} </h3>
       <p matLine>
-        <span>Created by: {{centerNote.createdByUsername}}</span><br />
-        <span>Date: {{centerNote.createdOn  | dateFormat}}</span>
+        <span>{{ "labels.inputs.Created By" |translate}}: {{centerNote.createdByUsername}}</span><br />
+        <span>{{ "labels.inputs.Date" |translate}}: {{centerNote.createdOn  | dateFormat}}</span>
       </p>
       <div fxLayout="row" fxLayoutAlign="flex-start">
         <button mat-button color="primary" (click)="editNote(centerNote.id,centerNote.note,i)">