ref(cmdk): Update new cmd+k's focus to be clearer

[rbro112]

Before (note the tiny weird focus state):

After

[rbro112]

• ref(cmdk): Update new cmd+k's focus to be clearer #111381 👈 (View in Graphite)
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[sentry]

Bug: The new CSS rule targets li[data-focused], but this attribute is never set on the list items, so the focus outline will not appear.
_{Severity: MEDIUM}

Suggested Fix

Modify the component that renders the <li> items to add the data-focused attribute when the isFocused state is true. For example: <li data-focused={isFocused} {...props}>. Alternatively, change the CSS selector to use a class or style that is already being applied based on the isFocused state.

Prompt for AI Agent

Review the code at the location below. A potential bug has been identified by an AI
agent.
Verify if this is a real issue. If it is, propose a fix; if not, explain why it's not
valid.

Location: static/app/components/commandPalette/ui/list.tsx#L202-L204

Potential issue: A new CSS rule was added to display a focus outline on command palette
list items using the `li[data-focused]` selector. However, the `data-focused` attribute
is never actually set on the `<li>` DOM elements. The `useOption` hook from React Aria
provides an `isFocused` state, but this is not being used to apply the `data-focused`
attribute to the element. As a result, the CSS selector will never match, and the
intended focus outline will not be visible, negatively impacting keyboard navigation and
accessibility.

_{Did we get this right? 👍 / 👎 to inform future reviews.}