fix UI, color theme, logic handle img resource

Author: Fxdonad

src/app/features/resource-learning/pages/resource-detail/resource-detail.html

@@ -41,6 +41,9 @@
       <!-- Nếu là video -->
       @if (!isDocument && !isImage && resource.hlsUrl) {
       <app-video-player [videoSrc]="resource.hlsUrl || ''"></app-video-player>
+      <div class="resource-detail-content">
+        <markdown [data]="resource.description"></markdown>
+      </div>
       } @else {
       <!-- Nếu là document -->
       @if (isDocument) {

src/app/features/resource-learning/pages/resource-detail/resource-detail.scss

@@ -32,6 +32,8 @@
     box-shadow: var(--shadow-light);
     display: flex;
     width: 100%;
+    display: flex;
+    flex-direction: column;
 
     app-video-player,
     .image-view,