[UI / Styling] Pad left the 'איכות השיח' chip in RTL layout

[yav02]

Issue Importance: LOW (P3)

Summary

In the RTL (Hebrew) interface layout, the "איכות השיח" (discourse-quality) topic chip and badge in ControlsHeader.tsx and ProfileDrawer.tsx lack adequate left padding (padding-left / margin-inline-start), causing visual crowding against adjacent UI controls or labels.

Sub-Issues & Sub-Task Importance Ratings

1. [LOW - P3] CSS Padding Adjustments:
   • In ui/src/styles/index.css: Add left padding or margin (padding-left: 12px / margin-inline-start: 12px) to .discourse-widget-pill, .discourse-widget-eyebrow, and topic chips with ID discourse-quality.
2. [LOW - P3] Mobile Screen Verification:
   • Ensure spacing remains responsive on mobile screens.

Affected Files

• ui/src/styles/index.css (around lines 1436-1475 and 2825-2845)
• ui/src/components/ProfileDrawer.tsx (lines 230-250)
• ui/src/components/ControlsHeader.tsx (lines 166-187)