fix(add-resource-dropdown): align sort tiebreaker with compareByOrder, document empty-folder omission

Use id.localeCompare as the sort tiebreaker in buildWorkflowFolderTree to match the sidebar's
compareByOrder fallback (sortOrder → id) instead of name. Add a comment clarifying that empty
folders are intentionally omitted from the tree view.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/add-resource-dropdown.tsx

@@ -153,28 +153,29 @@ export function buildWorkflowFolderTree(
     )
     const childWorkflows = byFolder.get(parentId) ?? []
 
-    const mixed: Array<{ sortOrder: number; name: string; node: WorkflowTreeNode }> = []
+    const mixed: Array<{ sortOrder: number; id: string; node: WorkflowTreeNode }> = []
 
     for (const f of childFolders) {
       const children = buildLevel(f.id)
+      // Folders with no descendant workflows are intentionally omitted; they are still reachable via search.
       if (children.length === 0) continue
       mixed.push({
         sortOrder: (f.sortOrder as number) ?? 0,
-        name: f.name,
+        id: f.id,
         node: { kind: 'folder', id: f.id, name: f.name, children },
       })
     }
 
     for (const w of childWorkflows) {
       mixed.push({
         sortOrder: (w.sortOrder as number) ?? 0,
-        name: w.name,
+        id: w.id,
         node: toWorkflowNode(w),
       })
     }
 
     mixed.sort((a, b) =>
-      a.sortOrder !== b.sortOrder ? a.sortOrder - b.sortOrder : a.name.localeCompare(b.name)
+      a.sortOrder !== b.sortOrder ? a.sortOrder - b.sortOrder : a.id.localeCompare(b.id)
     )
     return mixed.map((m) => m.node)
   }