Ensure Listbox component doesnt crash if no children

packages/ui/src/components/Listbox/Listbox2.tsx

@@ -151,7 +151,7 @@ function Listbox({
       /*
        * if no selected value (including a `defaultvalue`), then use first child
        */
-      setSelectedNode(content[0].props)
+      setSelectedNode(content[0]?.props)
       return
     }
   }, [selected])

studio/pages/project/[ref]/auth/policies.tsx

@@ -78,6 +78,7 @@ const AuthPoliciesPage: NextPageWithLayout = () => {
   return (
     <div className="flex flex-col h-full">
       <div className="mb-4">
+        <Listbox size="small" label="test"></Listbox>
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-4">
             <div className="w-[230px]">