fix(search): give the first glyph real ink clearance via text-indent

Chrome clips input text at the content box, not the padding box, so the
previous padding-based clearance was dead space — glyph ink still
started exactly at the clip edge, and the first letter kept losing its
left edge under low browser zoom. text-indent starts the text 3px
inside the clip region, which is clearance the renderer can actually
paint into; the compensating negative margin keeps the text aligned
with the result-row titles as before.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: j15z

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/search-modal/components/command-chrome/command-chrome.tsx

@@ -58,12 +58,14 @@ const LIST_FADE_CLASSNAME = {
 /**
  * Borderless search field layered over a fading command-result list.
  *
- * The input carries `pl-[3px]` with a compensating `-ml-[3px]`: inputs clip
- * glyph ink at their padding box, and the brand font's `j` overhangs left of
- * its pen origin, so with zero padding a leading `j` loses its hook — worst
- * at low zoom, where the clip edge snaps to whole device pixels and eats up
- * to 2 CSS px. The negative margin keeps the text at the same x, aligned
- * with the result-row titles.
+ * The input carries `indent-[3px]` with a compensating `-ml-[3px]`: Chrome
+ * clips input text at the content box (verified — padding gives no ink
+ * clearance), and the first glyph's ink starts exactly at that clip edge,
+ * so a leading `j` loses its hook — worst at low browser zoom, where the
+ * clip edge snaps to whole device pixels and eats up to ~2 CSS px of the
+ * first letter. The indent starts the text 3px inside the clip region and
+ * the negative margin keeps it at the same x, aligned with the result-row
+ * titles.
  */
 export const CommandSearch = forwardRef<HTMLInputElement, CommandSearchProps>(
   function CommandSearch(
@@ -94,7 +96,7 @@ export const CommandSearch = forwardRef<HTMLInputElement, CommandSearchProps>(
         <Search className='size-[14px] flex-shrink-0 text-[var(--text-muted)]' />
         <Command.Input
           ref={ref}
-          className='-ml-[3px] h-8 min-w-0 flex-1 cursor-text bg-transparent pl-[3px] text-[var(--text-body)] text-sm outline-none placeholder:text-[var(--text-muted)] focus:outline-none'
+          className='-ml-[3px] h-8 min-w-0 flex-1 cursor-text bg-transparent text-[var(--text-body)] text-sm indent-[3px] outline-none placeholder:text-[var(--text-muted)] focus:outline-none'
           onKeyDown={handleKeyDown}
           {...props}
         />