add markdown support for text widgets

pdb-js/src/app/dashboard-page/dashboard/add-text-dialog/add-text-dialog.component.html

@@ -1,6 +1,6 @@
 <style>
   mat-form-field textarea {
-    height: 7em;
+    height: 20em;
   }
 </style>
 <h1 mat-dialog-title>Add Text</h1>
@@ -9,6 +9,7 @@
     <mat-label>Text</mat-label>
     <textarea matInput [(ngModel)]="text" #textElement focus></textarea>
   </mat-form-field>
+  <div>Text field supports <a href="https://spec.commonmark.org/" target="_blank" rel="noopener">Markdown</a>.</div>
 </div>
 <div mat-dialog-actions align="end">
   <button mat-button mat-dialog-close (click)="close()">Cancel</button>

pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html

@@ -29,5 +29,5 @@
     <button mat-icon-button (click)="edit()"><img src="/assets/img/edit-outline.svg"/></button>
     <button mat-icon-button (click)="delete()"><img src="/assets/img/recycle-bin-line.svg"/></button>
   </div>
-  <p *ngFor="let line of lines()">{{line}}</p>
+  <markdown [data]="this.data.text"></markdown>
 </div>