UI revamp with carbon design

[Kuzuri247]

What does this PR change?

• Complete UI revamp using IBM Carbon Design System for consistent, modern UI components
• Migration to TypeScript for improved type safety and developer experience
• New keyboard shortcuts for improved accessibility and productivity
• Enhanced page layouts with better spacing and responsive design
• Added proper type definitions and utility functions for cleaner code organization
• Updated color schemes to align with Carbon Design standards alongwith Opencost style
• Annotations, code formatting improvements, and removal of unused code
• Plus many micro-improvements

Does this PR relate to any other PRs?

• N/A - This is a comprehensive UI overhaul

How will this PR impact users?

• Users will experience a more modern, consistent, and professional interface
• Improved accessibility through keyboard navigation support
• More intuitive layout and visual organization of cost data
• Filters and export let's users to get the required info
• TypeScript migration provides better type safety so less chances of minor bugs

Does this PR address any GitHub or Zendesk issues?

• Closes Support Assets in the UI #28

How was this PR tested?

• Local development testing with local building and dev server
• Validated TypeScript compilation without errors
• Tested keyboard shortcuts functionality
• Verified Carbon component integration across all pages

Does this PR require changes to documentation?

• Yes - User documentation should be updated to reflect new UI components and keyboard shortcuts
• Developer documentation may need updates for the TypeScript migration and new component structure

Have you labeled this PR and its corresponding Issue as "next release" if it should be part of the next OpenCost release? If not, why not?

• This PR should be considered for the next release as it significantly improves the user experience and modernizes the UI codebase.

[netlify]

✅ Deploy Preview for opencost-ui ready!

Name	Link
🔨 Latest commit	9d5599a
🔍 Latest deploy log	https://app.netlify.com/projects/opencost-ui/deploys/69879e1ebb6f860008f31d69
😎 Deploy Preview	https://deploy-preview-191--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.

[Kuzuri247]

Hey @ameijer @peatey now that you guys have selected a mentee for the mentorship can you please tell what could I have done differently so that I would have got selected.

[ameijer]

Thank you for your application to our Term 1 Mentorship! We had so many amazing submissions that met and exceeded all our application criteria; this was the hardest mentee selection process we have had to go through. This means that there were many excellent applicants who did great work and correctly implemented the programming challenge, but we could only ultimately select one applicant. Unfortunately, were were unable to move forward with your application.

We hope you will consider applying to one of our future mentorship terms! in the meantime, we are always grateful for any contributions you want to make to OpenCost!.

Thanks again,
Alex, on behalf of the OpenCost Mentors