[UXP-118] fix of displaying CMS header/footer/news section

Author: alisaismailati

src/app/shared/explore/section-component/text-section/text-section.component.html

@@ -2,7 +2,7 @@
   <div *ngSwitchCase="'image'"><img [src]="textRowSection.content" style="width: 100%"></div>
   <div *ngSwitchCase="'text-key'">{{ ('explore.text-section.' + textRowSection.content) | translate }}</div>
   <div *ngSwitchCase="'text-raw'">{{ textRowSection.content }}</div>
-  <ds-markdown-viewer *ngSwitchCase="'text-metadata'" data-test="ds-markdown-viewer"  [value]="metadataValue(textRowSection.content)"></ds-markdown-viewer>
+  <div *ngSwitchCase="'text-metadata'" [innerHTML]="metadataValue(textRowSection.content)" [class.text-section-home-news]="textRowSection.content === 'cris.cms.home-news'"></div>
   <div *ngSwitchCase="'custom'">
     <ng-container *ngTemplateOutlet="custom"></ng-container>
   </div>