[TASK] Date of birth input box too narrow to display full date

[jal1972]

Description

The date of birth input box is too narrow to display the full date (mm/dd/yyyy). Users need to use arrow keys to see the complete date.

Root Cause

`/components/Form/Input/Date.vue`, line 12:
```html

```
`sm:w-28` = 112px, which is too narrow for a date display.

`/assets/css/main.css`, lines 35-41:
The `.input` class has conflicting padding rules:

• Lines 37-38: `padding-left: 2rem; padding-right: 2rem;`
• Line 40: `padding: 0px 8px 0px 8px;` (overrides the above)

Fix

1. Increase width: change `sm:w-28` to `sm:w-40` or `sm:w-44` (160-176px)
2. Fix conflicting padding in `.input` CSS class
3. Test across browsers (Chrome, Firefox, Safari handle date inputs differently)

Acceptance Criteria

• Full date (mm/dd/yyyy) is visible without scrolling
• No conflicting CSS padding rules
• Works on all major browsers

[TusharW4ni]

Verified resolved on dev. The custom Form engine, including components/Form/Input/Date.vue, was deleted; date fields now render as full-width NuxtUI UInput type=date. The narrow sm:w-28 input no longer exists. Closing as completed.