Revamped the remaining UI refresh updates

[Kush172005]

Summary

This PR completes the remaining UI refresh work following the initial UI modernization PR.

The focus of this update is to bring the remaining components in line with the new design system, improve visual consistency across the application, and address the remaining light and dark theme inconsistencies. As with the previous PR, no application functionality, APIs, business logic, or workflows have been changed.

What's changed

• Updated the remaining modal dialogs to match the new UI design.
• Improved Carbon modal styling with consistent spacing, borders, shadows, and backdrop effects.
• Refined buttons, inputs, text areas, selects, tiles, and tags for a more consistent appearance.
• Improved focus states and input styling across the application.
• Fixed dark mode inconsistencies in input fields and form controls.
• Updated legacy Material UI dialogs to match the refreshed design system.
• Improved responsive behavior for modal dialogs across different screen sizes.
• Applied the new design system consistently across the remaining UI components.

What hasn't changed

• No backend changes.
• No API changes.
• No business logic changes.
• No routing changes.
• No changes to existing workflows or user interactions.

This PR completes the remaining UI updates while maintaining the same functionality and user experience introduced in the previous refresh as discussed.

Testing

• Verified existing functionality after the UI updates.
• Tested both White and g100 (Dark) themes.
• Verified responsive layouts across supported screen sizes.
• Tested updated modals, dialogs, buttons, inputs, selects, and form interactions.
• Confirmed existing functionality and workflows continue to work as expected.

[netlify]

✅ Deploy Preview for opencost-ui ready!

Name	Link
🔨 Latest commit	695a50c
🔍 Latest deploy log	https://app.netlify.com/projects/opencost-ui/deploys/6a60ec0642803b0008e8709b
😎 Deploy Preview	https://deploy-preview-287--opencost-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Kush172005]

cc @ameijer
done with revamping the remaining components. Have a look when you get a chance.
Thanks!

[github-actions]

Lighthouse Report

Category	Score
Performance	97
Accessibility	96
Best Practices	100
SEO	83

Full Report