fix(a11y): colorblind-safe billing status badges

[Glam26]

closes #195

We have successfully completed all the requirements for this accessibility
ticket! Here is a summary of what has been accomplished:

1. Branch Created: We created and switched to the a11y/billingprofilecard-
   status branch.
2. Component Accessibility & TSDoc:
   • We updated
   src/features/settings/components/billing/BillingProfileCard.tsx to use
   distinct icons for each status ( CheckCircle2 for verified,
   AlertTriangle for missing verification, and XOctagon for limit
   reached) instead of relying solely on color.
   • We added proper aria-label and title attributes to act as
   tooltips and accessible text for screen readers.
   • We included comprehensive TSDoc comments for the component and its
   props to satisfy the documentation requirement.
3. Comprehensive Tests Written:
   • We created
   src/features/settings/components/billing/BillingProfileCard.test.tsx
   containing tests for all edge cases: each valid status, unknown
   statuses, proper rendering of types (like "Company"), and even keyboard
   interaction logic ( onClick with Enter/Space keys).
4. Code Committed: The changes have been successfully committed using your
   requested commit message format: fix(a11y): colorblind-safe billing status
   badges .

[Jagadeeshftw]

hey @Glam26, thanks for jumping in! closing this pr because the author needs to be assigned to the linked issue (#195) before opening a pr. please comment on the issue requesting assignment, wait to be assigned, then re-raise your pr. this keeps work fairly distributed across contributors. hope to see a revised pr from you soon!