feat: DisputeStatusBadge component with snapshot tests and Vitest setup

[Nacho1499]

closes #187

PR Discription:
This PR introduces a new DisputeStatusBadge component that displays badges for different dispute statuses with distinct colors and tooltips. It also includes a subtle pulse animation for the SLA Breached status.

Changes Made:

• Created DisputeStatusBadge component with status-specific colors and tooltips.
• Added a subtle pulse animation for the SLA_BREACHED status using CSS.
• Implemented snapshot tests using Vitest for all status variations.
• Added label rendering tests to ensure each badge displays the correct label.
• Configured Vitest and jest-dom for testing in the Vite environment.
• Updated vite.config.ts to include Vitest setup.
• Updated tsconfig.app.json to recognize Jest and Vitest globals.

Testing:

• All badges are rendered correctly and captured in a snapshot.
• Each status label is tested individually to ensure correct rendering.
• Vitest is set up with jest-dom matchers and runs in a jsdom environment.

Checklist:

• Component created with Tailwind styling.
• Tooltip on hover for each badge.
• Subtle pulse animation for SLA Breached status.
• Snapshot test verifying all statuses.
• Label rendering tests for each status.
• Vitest setup and configuration completed.

Notes:
No breaking changes introduced. All changes are isolated to the new component and tests.

[drips-wave]

@Nacho1499 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[Nacho1499]

[amina69]

@Nacho1499 check your code, error, conflicts