fix(frontend): prevent error when inputRef is undefined

[afsuyadi]

Thanks for submitting a PR! Please check the boxes below:

• [✓] I have read the Contributing Guide.
• [✓] I have added information to docs/ if required so people know about the feature.
• [✓] I have filled in the "Changes" section below.
• [✓] I have filled in the "How did you test this code" section below.

Changes

Contributes to #7537

It's a problem that happens inside useEffect hook. This hook is used to help the page to focus the screen on a certain HTML element using useRef hook, which is assigned to inputRef.

We can see that the n.input is undefined when it's trying to execute method focus, so the inputRef has not been set. To prevent this from happening, I propose an explicit check to verify that:

1. inputRef.current exists and isn't null
2. inputRef.current.focus is actually a function before attempting to call it

How did you test this code?

1. Run both the backend and frontend in my local
2. User will be prompted to create an account. Click next
3. User's cursor will be automatically focused on inputting Organization's Name

Video:

Screencast.from.30-05-26.17.40.29.webm

[vercel]

@afsuyadi is attempting to deploy a commit to the Flagsmith Team on Vercel.

A member of the Team first needs to authorize it.

[gemini-code-assist]

Code Review

This pull request updates the focus logic in CreateOrganisationPage.tsx to safely check if the focus method exists before calling it. The reviewer suggests using optional chaining (inputRef.current?.focus?.()) as a cleaner, more idiomatic alternative to the verbose if statement and typeof check.