Fix/remove overlay clearable button

[vikash8813]

fixes https://github.com/vuetifyjs/vuetify/issues/20375

Description

This pull request fixes an issue where the overlay of a clearable field remains visible and takes up space even when the field is not focused . The expected behavior is for the overlay to only be visible when the text field is focused or field is hovered.

Changes Made

Add a condition to show the clearable button only when field is focused and a condition when the field is hovered

Testing:

Verified the fix locally by passing clearable prop to a field. All relevant tests are passing.

Recording

https://github.com/user-attachments/assets/dc6722d0-9387-4d2e-8277-f57cf2827f21

[Jesse205]

Hi, I would suggest restoring the lock file as the lock file to changes should not belong to this pr.

[johnleider]

This removes the fade in animation of the clearable icon.