try to deploy

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/components/courses/LessonsPreview.jsx

@@ -2,7 +2,6 @@
 to Client side */
 
 import { Eye, ImageIcon, VideoIcon, ZoomIn } from "lucide-react";
-import { WYSIWYG_STYLES } from "@/components/generic/Blocks/Admin/TextBlock";
 import { PhotoProvider, PhotoView } from "react-photo-view";
 import { VideoBlock } from "@/components/generic/Blocks/Client/VideoBlock";
 import { TextVideoBlock } from "@/components/generic/Blocks/Client/TextVideoBlock";
@@ -159,7 +158,7 @@ export function PreviewBlock({ block }) {
 // PhotoProvider wraps ALL blocks so images across the whole lesson share
 // one lightbox session — users can swipe between them naturally.
 
-export function PreviewContent({ lesson, blocks, empty = "No content yet." }) {
+export function PreviewContent({ lesson, blocks, empty = "No content yet.", showHeader = true }) {
     return (
         <PhotoProvider
             speed={() => 300}
@@ -176,8 +175,7 @@ export function PreviewContent({ lesson, blocks, empty = "No content yet." }) {
                 </div>
             )}
         >
-            <style>{WYSIWYG_STYLES}</style>
-            <LessonHeader lesson={lesson} />
+            {showHeader && <LessonHeader lesson={lesson} />}
             {blocks.length === 0 ? (
                 <div className="flex flex-col items-center justify-center gap-2 py-10 text-sm text-muted-foreground sm:py-16">
                     <Eye className="h-6 w-6 opacity-20 sm:h-8 sm:w-8" />