fix(/context ui): declutter and increase visual hierachy

[GoodluckH]

Make it less messy and more neat

Before:

After:

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 13.94%. Comparing base (3e4ae79) to head (96be84a).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1174      +/-   ##
==========================================
- Coverage   13.94%   13.94%   -0.01%     
==========================================
  Files        2363     2363              
  Lines      204483   204483              
  Branches   184847   184847              
==========================================
- Hits        28523    28520       -3     
- Misses     174560   174562       +2     
- Partials     1400     1401       +1     

☔ View full report in Codecov by Sentry.
📢 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.