fix: resolve temporal dead zone — move handleModelSort after setTreeData

- handleModelSort and modelSortMenu were defined before setTreeData, causing
  'Cannot access setTreeData before initialization' ReferenceError
- Moved both after rebuildTree/setTreeData definition to fix initialization order

Author: wicky-zipstack

frontend/src/ide/explorer/explorer-component.jsx

@@ -259,36 +259,8 @@ const IdeExplorer = ({
     });
   };
 
-  const handleModelSort = useCallback(
-    (sortBy) => {
-      setModelSortBy(sortBy);
-      if (rawTreeDataRef.current.length > 0) {
-        const freshData = JSON.parse(JSON.stringify(rawTreeDataRef.current));
-        freshData.forEach((node) => {
-          if (node.title === "models" && node.children) {
-            node.children.forEach((child) => {
-              if (child.title === "no_code" && child.children) {
-                child.children = sortModels(child.children, sortBy);
-                applyModelDecorations(child.children);
-              }
-            });
-          }
-        });
-        transformTree(freshData);
-        setTreeData(freshData, false);
-      }
-    },
-    [setTreeData]
-  );
-
-  const modelSortMenu = useMemo(
-    () => ({
-      items: MODEL_SORT_ITEMS,
-      selectedKeys: [modelSortBy],
-      onClick: ({ key }) => handleModelSort(key),
-    }),
-    [modelSortBy, handleModelSort]
-  );
+  // handleModelSort and modelSortMenu are defined after setTreeData (line ~816)
+  // to avoid temporal dead zone — see sortMenuRef below for the Dropdown binding
 
   // Function to map string icons from API to actual icon components
   // depth: 0 = root (Database), 1 = schema, 2 = table, 3 = column
@@ -1099,6 +1071,34 @@ const IdeExplorer = ({
     }
   };
 
+  const handleModelSort = (sortBy) => {
+    setModelSortBy(sortBy);
+    if (rawTreeDataRef.current.length > 0) {
+      const freshData = JSON.parse(JSON.stringify(rawTreeDataRef.current));
+      freshData.forEach((node) => {
+        if (node.title === "models" && node.children) {
+          node.children.forEach((child) => {
+            if (child.title === "no_code" && child.children) {
+              child.children = sortModels(child.children, sortBy);
+              applyModelDecorations(child.children);
+            }
+          });
+        }
+      });
+      transformTree(freshData);
+      setTreeData(freshData, false);
+    }
+  };
+
+  const modelSortMenu = useMemo(
+    () => ({
+      items: MODEL_SORT_ITEMS,
+      selectedKeys: [modelSortBy],
+      onClick: ({ key }) => handleModelSort(key),
+    }),
+    [modelSortBy]
+  );
+
   useEffect(() => {
     if (schemaMenu) {
       getExplorer(projectId);