fix/notion full screen issue

apps/web/components/BlogAppbar.tsx

@@ -266,7 +266,6 @@ export const BlogAppbar = ({
 
   useEffect(() => {
     const savedView = localStorage.getItem("viewMode");
-    console.log({ savedView, check: savedView === "legacy" });
     setIsLegacyMode(savedView === "legacy");
   }, []);
 

apps/web/components/NotionRenderer.tsx

@@ -1,24 +1,34 @@
 "use client";
-import { useMemo } from "react";
-import { NotionRenderer as NotionRendererLib } from "react-notion-x";
+import { useEffect, useMemo } from "react";
+import { NotionComponents, NotionRenderer as NotionRendererLib } from "react-notion-x";
 import { useTheme } from "next-themes";
 import { useRecoilValue } from "recoil";
+import Image from "next/image";
+import Link from "next/link";
 
 import { isLegacyViewMode } from "@repo/store";
 
 import CodeBlock from "./CodeBlock";
 
-// Week-4-1-647987d9b1894c54ba5c822978377910
 export const NotionRenderer = ({ recordMap }: { recordMap: any }) => {
   const { resolvedTheme } = useTheme();
   const isDarkMode = resolvedTheme === "dark";
-
   const isLegacyMode = useRecoilValue(isLegacyViewMode);
 
-  const components = useMemo(
+  useEffect(() => {
+    const elements = document.querySelectorAll(".notion-full-width");
+    if (elements) {
+      elements.forEach((e) => {
+        e.classList.remove("notion-full-width");
+      });
+    }
+  }, []);
+
+  const components: Partial<NotionComponents> = useMemo(
     () => ({
       Code: CodeBlock,
-      // can add more components that are supported here
+      Image: Image,
+      Link: Link,
     }),
     []
   );