fix(ui): align account cards on desktop & make form grid responsive

[halfguru]

This PR fixes UI alignment discrepancies on both mobile and desktop views:

1. Desktop Account Input Alignment:

   • Removed sm:w-auto from labels inside AccountCard.tsx, maintaining a fixed width of w-14 (56px) for the "Balance" and "Annual" labels on all screens. This ensures the input textboxes start at the exact same horizontal position on desktop.

2. Mobile Form Grid Layout:

   • Refactored the form grid in PersonForm.tsx from grid-cols-2 to grid-cols-1 sm:grid-cols-2.
   • On mobile, input fields now stack vertically to prevent label wrapping/misalignment and allow full-width fields. On desktop/tablet, they remain side-by-side.