added back old way of highlighting keyword

src/app/components/shared/dialog/topic-dialog-comment/topic-dialog-comment.component.html

-<!-- working -->
-<!-- <div>
-  <p>
-    <span *ngFor="let part Of partsOfQuestion; let i = index">{{part}}<mark *ngIf="i < partsOfQuestion.length -1">{{keyword}}</mark></span>
-    <button
-          *ngIf = "question.length > maxShowedCharachters"
-          (click)="isCollapsed = !isCollapsed">
-          {{"dialog-comment.read-" + (!isCollapsed ? 'more': 'less') | translate}}
-    </button>
-  </p>
-</div> -->
-
-<!-- WIP -->
 <div>
   <p>
-    <span *ngFor="let part Of partsOfQuestion">
-      <span *ngIf="!part.toLowerCase().includes(keyword.toLowerCase()) && (!badWords.includes(part.toLowerCase()) || !profanityFilter)"> {{part}} </span>
-      <mark class="mark" *ngIf="part.toLowerCase().includes(keyword.toLowerCase())">{{part}}</mark>
-      <mark class="profanity" *ngIf="(badWords.includes(part.toLowerCase()) && profanityFilter)">{{part}}</mark>
-    </span>
+    <span *ngFor="let part Of partsOfQuestion; let i = index">{{part}}<mark *ngIf="i < partsOfQuestion.length -1">{{keyword}}</mark></span>
     <button
           *ngIf = "question.length > maxShowedCharachters"
           (click)="isCollapsed = !isCollapsed">

src/app/components/shared/dialog/topic-dialog-comment/topic-dialog-comment.component.scss

@@ -30,12 +30,8 @@ span {
   padding-left: 0px;
 }
 
-.mark {
+mark {
   background: none;
   color: var(--primary);
 }
-.profanity {
-  background-color: black;
-  color: black;
-}
 

src/app/components/shared/dialog/topic-dialog-comment/topic-dialog-comment.component.ts

@@ -23,10 +23,15 @@ export class TopicDialogCommentComponent implements OnInit {
   constructor(private topicCloudAdminService: TopicCloudAdminService) { }
 
   get partsOfQuestion() {
-    const q = this.profanityFilter ? this.questionWithProfinity.slice(0,this.isCollapsed? this.question.length: this.maxShowedCharachters) :
-              this.question.slice(0,this.isCollapsed? this.question.length: this.maxShowedCharachters);
-    const q2 = q.split(' ');
-    return q2;
+    if (this.profanityFilter) {
+      return this.questionWithProfinity
+          .slice(0,this.isCollapsed? this.questionWithProfinity.length: this.maxShowedCharachters)
+          .split(new RegExp(this.keyword,'i'));
+    } else {
+      return this.question
+          .slice(0,this.isCollapsed? this.question.length: this.maxShowedCharachters)
+          .split(new RegExp(this.keyword,'i'));
+    }
   }
 
   ngOnInit(): void {