fix(web): prevent file tree search focus ring clipping

[GuilhermeVieiraDev]

What changed

Give the inline file tree toolbar enough vertical room to display the search field's full focus ring. Increase its height from 28px to 36px and reduce the bottom margin from 12px to 4px, keeping the file rows in place.

Why

The inline toolbar was the same height as the search field, so the preview container clipped the top of its 3px focus ring. This spacing fix applies to web and desktop.

UI changes

Before, provided by the reporter:

After, provided by the reporter:

Validation

• Web typecheck passed.
• Targeted formatting and diff checks passed.
• Targeted lint completed with three existing warnings in unchanged code.
• Reporter compared the original and fixed UI in the local dev server.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for UI changes

Implemented with GPT-6 through Codex.

Note

Fix file tree search focus ring clipping in FileBrowserPanel

Adjusts inline preview-mode header utility classes in FileBrowserPanel.tsx: bottom margin reduced from 3 to 1 spacing unit, and header height/min-height increased from 7 to 9 spacing units. This gives the search input's focus ring enough room to render without clipping.

^{Macroscope summarized cf07143.}

[macroscopeapp]

Approvability

Verdict: Approved at cf07143

Macroscope's review found this PR approvable — This is a narrowly scoped UI fix that gives the inline file-tree search toolbar enough height for its focus ring without changing normal toolbar behavior. It touches no APIs, data processing, defaults, deployment settings, or static-analysis configuration.

^{You can add or adjust custom eligibility rules. Learn more.}