fix: match font dropdown width to its input field

[SmrutiSawant]

Problem
The font dropdown was pinned to a 240px minimum width, unlike other property dropdowns.

Solution
Remove the fixed minimum width and use a hover marquee to reveal truncated labels.
When enabled, long option labels scroll horizontally into view on hover, preserving access to the full name without increasing the dropdown width.

[greptile-apps]

Confidence Score: 5/5

Safe to merge, though the existing non-blocking touch-accessibility concern remains.

The keyboard path was added, but touch users still cannot trigger the full-label reveal, so the previous finding is only partially fixed.

Files Needing Attention: frontend/src/components/MiddleTruncate.vue

_{Reviews (2): Last reviewed commit: "fix: reveal truncated option labels on k..." | Re-trigger Greptile}

[greptile-apps]

Hover-Only Label Reveal
The full-label reveal only responds to mouse hover. Keyboard-highlighted and touch-operated font options cannot trigger the marquee, so truncated names remain unreadable; add an equivalent keyboard and touch interaction.

Prompt To Fix With AI

This is a comment left during a code review.
Path: frontend/src/components/MiddleTruncate.vue
Line: 8-9

Comment:
**Hover-Only Label Reveal**
The full-label reveal only responds to mouse hover. Keyboard-highlighted and touch-operated font options cannot trigger the marquee, so truncated names remain unreadable; add an equivalent keyboard and touch interaction.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Note: If this suggestion doesn't match your team's coding style, reply to this and let me know. I'll remember it for next time!

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 66.06%. Comparing base (b6bd11d) to head (c28178f).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #797   +/-   ##
========================================
  Coverage    66.06%   66.06%           
========================================
  Files           93       93           
  Lines        10386    10386           
========================================
  Hits          6862     6862           
  Misses        3524     3524           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.