[CHORE] - adjust UI contact component search input, icon contact filter

[mpsalunggg]

Closes #106

Problem

I found that the placeholder text overlaps with the search icon in the contact input field.
Additionally, the contact sidebar icons are inconsistent in their width and height.

• Search Input

• Icon Contact Filter

Solution

• Changed w-fit to w-full in the search-input component to prevent the placeholder from overlapping with the search icon.
• Removed fixed width and height attributes on the sidebar contact icons to ensure consistent sizing with the existing icons.

How To Test

1. Navigate to the Contacts section.
2. Verify that the search input placeholder no longer overlaps with the search icon.
3. Check the contact sidebar icons to confirm that their width and height are now consistent with each other.

Additional Checks

• The documentation is up to date
• Tested with fakerest provider (see [related documentation](https://github.com/marmelab/atomic-crm/blob/main/doc/developer/data-providers.md))

Also, please make sure to read the [contributing guidelines](https://github.com/marmelab/atomic-crm#contributing).

[slax57]

Thanks for offering to work on this!
The fix for the icons in the contact filters looks good, thanks!

[slax57]

This is probably not the correct fix. If the container is wider, then the icon will end up outside of the input.

We should probably instead fix the width of the TextInput

[mpsalunggg]

Hmm, when I run it locally and use w-full, it looks like this

The icon is not missing from the input 🤔