Fix CreatableOption test: improve async handling for portaled dropdown

- Replace setTimeout with proper await for listbox and search input elements
- Use findByRole and findByPlaceholderText for better async handling
- Ensures dropdown and search input are fully rendered before interaction
- Fixes race condition that was causing 'Unable to find role=listbox' error

Co-authored-by: Jake Ruesink <jake@lambdacurry.com>

Author: codegen-sh[bot]

apps/docs/src/remix-hook-form/select.stories.tsx

@@ -511,11 +511,12 @@ export const CreatableOption: Story = {
       // Wait for the component to render before interacting
       const regionSelect = await canvas.findByLabelText('Custom Region');
       await userEvent.click(regionSelect);
-      // Add a small delay to ensure the dropdown has time to render
-      await new Promise((resolve) => setTimeout(resolve, 100));
+      
+      // Wait for the dropdown to appear in the portal
       const listbox = await within(document.body).findByRole('listbox');
+      
       // The search input is outside the listbox container; query from the portal root
-      const input = within(document.body).getByPlaceholderText('Search...');
+      const input = await within(document.body).findByPlaceholderText('Search...');
       await userEvent.click(input);
       await userEvent.clear(input);
       await userEvent.type(input, 'Atlantis');
@@ -535,11 +536,12 @@ export const CreatableOption: Story = {
       // Wait for the component to render before interacting
       const regionSelect = await canvas.findByLabelText('Custom Region');
       await userEvent.click(regionSelect);
-      // Add a small delay to ensure the dropdown has time to render
-      await new Promise((resolve) => setTimeout(resolve, 100));
+      
+      // Wait for the dropdown to appear in the portal
       const listbox = await within(document.body).findByRole('listbox');
+      
       // The search input is outside the listbox container; query from the portal root
-      const input = within(document.body).getByPlaceholderText('Search...');
+      const input = await within(document.body).findByPlaceholderText('Search...');
       await userEvent.click(input);
       await userEvent.clear(input);
       await userEvent.type(input, 'California');