Improve toolbar shortcuts behavior and UI for formatting [WIP]

[Rish-it]

Description

Related Issues

Fixes #2150

Type of Change

• [ ] Bug fix
• [ ] New feature
• [ ] Documentation update
• [ ] Release
• [ ] Refactor
• [ ] Other (please describe):

Testing

Screenshots (if applicable)

Additional Notes

---

[!IMPORTANT] UI enhancements in bottom toolbar and editor bar components for improved button styles and interactivity.

• UI Enhancements:
  • Updated button styles in index.tsx and terminal-area.tsx to use text-foreground-secondary and hover:text-white for better visibility.
  • Adjusted button dimensions and hover effects in border-color.tsx, color-background.tsx, and text-color.tsx for consistency.
  • Modified color-picker.tsx to improve layout spacing and cursor interactivity.
• Misc:
  • Minor adjustments to padding and border styles in font-family-selector.tsx and color-picker.tsx for better alignment and user experience.

^{This description was created by for e575309b3dbc60b139ebccd821446499a6bf826f. You can customize this summary. It will automatically update as commits are pushed.}

[vercel[bot]]

@Rish-it is attempting to deploy a commit to the Onlook Team on Vercel.

A member of the Team first needs to authorize it.

[Rish-it]

Closing this PR due to commit clutter. Will submit a cleaner, more focused PR that specifically addresses the UI issues in #2150 with better organized commits and clear scope.