Override Tailwind's Input pre-applied styles

[davinotdavid]

Description of the Change

Upstream changes were made that is now affecting our components coming from services-ui when being used in a Tailwind context. There is a combination of background, border and padding that is being applied that makes some of the input types to mismatch our current UI mockups.

It would be great if we could spare some time to completely remove Tailwind as this issue suggests but there are quite a few references in the code base to Tailwind classes that would require care.

The problem can currently be seen in stage in screens like the Availability page, for example: https://appointment-stage.tb.pro/availability. This does not happen in production yet as production is a bit behind.

For now, this PR only touches the affected input types to remove Tailwind's styles.

Screenshots

Before / Login modal (AUTH_SCHEME=password)

After / Login modal (AUTH_SCHEME=password)

Before / Availability Page

After / Availability Page

Benefits

Back to cohesive styles for inputs!

How to test

• When the AUTH_SCHEME in the frontend/.env file is password, check that the password input matches the username input.
• When the AUTH_SCHEME in the frontend/.env file is oidc, check that the FTUE doesn't show any mismatching styles, specially around the Availability step (the time inputs had mismatching UI)
• After creating an account / login in, check the Availability page for any mismatching UI input.
• Navigate around for sanity check purposes to see if there's any mismatching inputs.

Applicable Issues

Fixes #1396

[rwood-moz]

LGTM and I didn't see any other mismatching inputs when trying it out locally.

[devmount]

lgtm, thanks Davi!