[Hosts] Improve Resizing behavior

[htcfreek]

Summary of the Pull Request

The old ui definition causes the host names column to hid. Now it is not hiding anymore and the Address column has a smaller min width.

Resizing

Before:

After:

Alignment on small window with correct resizing behavior

Before:

After:

PR Checklist

• Closes: Hosts File Editor: Massive IP column (and unable to resize) #32704
• Communication: I've discussed this with core contributors already. If work hasn't been agreed, this work might be rejected
• Tests: Added/updated and all pass
• Localization: All end user facing strings can be localized
• Dev docs: Added/updated
• New binaries: Added on the required places
  • JSON for signing for new binaries
  • WXS for installer for new binaries and localization folder
  • YML for CI pipeline for new test projects
  • YML for signed pipeline
• Documentation updated: If checked, please file a pull request on our docs repo and link it here: #xxx

Detailed Description of the Pull Request / Additional comments

• Set min width for the first two columns.
• Updated the min width of he window that the last columns not hiding on resizing.
• Set fixed column width for the icons of the entries to have them vertical aligned.
• Fixed the bug that the icons and buttons can get misaligned on resizing.
  

Validation Steps Performed

Manual tests.

[htcfreek]

@davidegiacometti
If you like to have the ping & duplicate icons centered instead of vertical aligned please tell me. Then we can change the width properties back to Auto.

[davidegiacometti]

Hi @htcfreek
Thanks for looking into this!
This PR reminded me #28483
The idea was to get rid of the fixed width of the address column using the DataTable from the CommunityToolkit Labs package. I gave a try in the past but the control wasn't mature enough to be used (don't know what's the current state).

Don't like the IPv6 being wrapped but I think this is an improvement.

[htcfreek]

Don't like the IPv6 being wrapped but I think this is an improvement.

@davidegiacometti
It is wrapped because I made the column size smaller as requested in the issue. Making ut bigger again would require a higher min window size, because resizing the window otherwise hides the buttons.

[htcfreek]

@davidegiacometti
I made some changes based on your feedback. This is how it looks now. Are you okay with it?

The windows shows in the default open size and is not resized.

[davidegiacometti]

Looks better! I will test and review the changes.

[jaimecbernardo]

LGTM! Thank you for the contribution!

[htcfreek]

@jaimecbernardo
You can merge this. I don't have the permission for merging.