fix(files): move useMemo above conditional return to fix Rules of Hooks

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx

@@ -247,16 +247,6 @@ const MarkdownPreview = memo(function MarkdownPreview({
 
   checkboxCounterRef.current = 0
 
-  if (onCheckboxToggle) {
-    return (
-      <div ref={scrollRef} className='h-full overflow-auto p-6'>
-        <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={components}>
-          {content}
-        </ReactMarkdown>
-      </div>
-    )
-  }
-
   const committedMarkdown = useMemo(
     () =>
       committed ? (
@@ -267,6 +257,16 @@ const MarkdownPreview = memo(function MarkdownPreview({
     [committed, components]
   )
 
+  if (onCheckboxToggle) {
+    return (
+      <div ref={scrollRef} className='h-full overflow-auto p-6'>
+        <ReactMarkdown remarkPlugins={REMARK_PLUGINS} components={components}>
+          {content}
+        </ReactMarkdown>
+      </div>
+    )
+  }
+
   return (
     <div ref={scrollRef} className='h-full overflow-auto p-6'>
       {committedMarkdown}