fix(frontend): remove unused NgxJsonViewerModule, guard JSON.stringify undefined, and use ogv for video extension

Author: juliethecao

frontend/src/app/common/util/media-type.util.spec.ts

@@ -99,7 +99,7 @@ describe("isVideoUrl", () => {
   it("should return true for common video file extensions", () => {
     expect(isVideoUrl("https://example.com/clip.mp4")).toBe(true);
     expect(isVideoUrl("https://example.com/clip.webm")).toBe(true);
-    expect(isVideoUrl("https://example.com/clip.ogg")).toBe(true);
+    expect(isVideoUrl("https://example.com/clip.ogv")).toBe(true);
   });
 
   it("should return true for fal.media CDN URLs", () => {

frontend/src/app/common/util/media-type.util.ts

@@ -20,7 +20,7 @@
 export function isVideoUrl(value: string): boolean {
   if (typeof value !== "string") return false;
   return (
-    value.match(/\.(mp4|webm|ogg)(\?.*)?$/i) !== null ||
+    value.match(/\.(mp4|webm|ogv)(\?.*)?$/i) !== null ||
     value.startsWith("data:video/") ||
     value.startsWith("https://v3b.fal.media/files/")
   );

frontend/src/app/workspace/component/result-panel/result-panel-modal.component.ts

@@ -25,7 +25,6 @@ import { NzIconModule } from "ng-zorro-antd/icon";
 import { WorkflowResultService } from "../../service/workflow-result/workflow-result.service";
 import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
 import { PanelResizeService } from "../../service/workflow-result/panel-resize/panel-resize.service";
-import { NgxJsonViewerModule } from "ngx-json-viewer";
 import { NotificationService } from "../../../common/service/notification/notification.service";
 import { isAudioUrl, isVideoUrl, isImageUrl } from "src/app/common/util/media-type.util";
 import { AppSettings } from "../../../common/app-setting";
@@ -48,7 +47,7 @@ import { AppSettings } from "../../../common/app-setting";
   selector: "texera-row-modal-content",
   templateUrl: "./result-panel-modal.component.html",
   styleUrls: ["./result-panel-model.component.scss"],
-  imports: [CommonModule, NzButtonModule, NzIconModule, NgxJsonViewerModule],
+  imports: [CommonModule, NzButtonModule, NzIconModule],
 })
 export class RowModalComponent implements OnChanges {
   rowEntries: { key: string; value: string; mediaSrc: string; isVideo: boolean; isImage: boolean; isAudio: boolean }[] =