fix(cmdk): empty state shows up when it shouldn't (#29272)

* fix(cmdk): empty state shows up when it shouldn't

Can't remember why on earth I put this in a useMemo instead of a
useEffect...

* fix(command menu): switch branch command not showing up

apps/studio/components/interfaces/BranchManagement/Branch.Commands.tsx

@@ -17,7 +17,7 @@ export function useBranchCommands() {
 
   let { data: branches } = useBranchesQuery(
     {
-      projectRef: selectedProject?.ref,
+      projectRef: selectedProject?.parentRef,
     },
     { enabled: isBranchingEnabled }
   )

packages/ui-patterns/CommandMenu/internal/CommandEmpty.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { type PropsWithChildren, type RefObject, useMemo, useState } from 'react'
+import { type PropsWithChildren, type RefObject, useEffect, useState } from 'react'
 
 import { cn } from 'ui'
 
@@ -24,14 +24,9 @@ const CommandEmpty = ({
   const query = useQuery()
 
   const [render, setRender] = useState(false)
-  useMemo(() => {
-    if (!query) setRender(false)
-    /**
-     * In a timeout so the DOM update happens before we query.
-     */
-    setTimeout(() => {
-      setRender(!listRef?.current?.querySelector('[cmdk-item]'))
-    })
+  useEffect(() => {
+    if (!query) return setRender(false)
+    setRender(!listRef?.current?.querySelector('[cmdk-item]'))
   }, [query])
 
   return (