[PM-6846] Added spaced card nubmer to the card view

[moalhaddar]

Type of change

• [✅] Bug fix
• New feature development
• Tech debt (refactoring, code cleanup, dependency upgrades, etc)
• Build/deploy pipeline (DevOps)
• Other

Objective

The card number in bitwarden mobile is not spaced in the mobile view. This pull request fixes the view such that the number is spaced in splits of 4.

Code changes

A new property in the CardView named SpacedNumber was added that adds a space in every 4 digits from the "CardView.Number"

[CLAassistant]

All committers have signed the CLA.

[bitwarden-bot]

Thank you for your contribution! We've added this to our internal Community PR board for review.
ID: PM-6846

[kyrias]

A space every 4 digits is only correct for 16-digit card numbers. There are many card types that don't have 16 digits where having spacing every 4 digits is always incorrect, e.g. American Express, but there are also Visa and Maestro card number ranges which aren't 16 digits and those also have different spacing requirements.

The other clients support this mostly properly (though unfortunately not for the edit view, where it's almost more important): https://github.com/bitwarden/clients/blob/9d342f61cb97e217756e04d1f6654642cb4768b2/libs/angular/src/pipes/credit-card-number.pipe.ts

[Gerardv514]

Is this still a work in progress?