Password improvements

[AtmoFX]

This is the implementation of the improvements for password fields mentioned in #950.

This PR supercedes #948 that was created concurrently, as it contains more than just addressing the mandatory tab-stop on password fields. Kudos to @themegazord for having the same idea as me (hence an obviously good one 😆) at the same time.

Among the other changes implemented, this aligns passwords with the styling logic of #920.
As a result, while it allows styling the fields in pretty much any desired way, at least AFAICT, it has the same small downsides as inputs (e.g. having to use !important classes for the border of the disabled fields) and both inputs and passwords will need to be aligned to whatever behavior @robsontenorio wants in the future.

---

The code:

<div class="grid grid-cols-[1fr_2fr_2fr_2fr] gap-2 items-baseline">

    <span></span>
    <span>Only password</span>
    <span>Left toggle</span>
    <span>Right toggle</span>

    <span>Normal</span>
    <x-password label="Test 1" only-password />
    <x-password label="Test 2" />
    <x-password label="Test 3" right />

    <span>No tab stop on toggle</span>
    <x-password label="Test 4" no-tab-stop only-password />
    <x-password label="Test 5" no-tab-stop />
    <x-password label="Test 6" no-tab-stop right />

    <span>Restyled</span>
    <x-password class="border-info" label="Test 7" only-password />
    <x-password class="border-info" label="Test 8" />
    <x-password class="border-info" label="Test 9" right />
    
    <span>Disabled</span>
    <x-password label="Test 10" disabled only-password />
    <x-password label="Test 11" disabled/>
    <x-password label="Test 12" disabled right />

    <span>Disabled, restyled</span>
    <x-password class="!border-1 !border-info" label="Test 13" disabled only-password />
    <x-password class="!border-1 !border-info" label="Test 14" disabled/>
    <x-password class="!border-1 !border-info" label="Test 15" disabled right />

</div>

results in:

Remember to change the focus on password fields by pressing tab, as this is very much included in the PR but does not render in a simple screenshot.

--
Closes #950
Closes #942

[robsontenorio]

Hey @AtmoFX, thanks again for all the PRs!

I am happy to accept this PR if you only introduce the noTabStop feature, without change the html structure.

That is why I am not willing to change the structure of the HTML for the input components as you proposed in #920 and here, at leaset for now. I will consider these changes after the Livewire v4 release, as it requires a complete review of all input components to ensure consistency , manly for #882

[AtmoFX]

Mistakenly closed the PR instead of correcting an issue with it.
Reopening it now to allow for tracking the change when Livewire 4 comes along.

This also resolves the conflict created by merging #958 separately, which I hope will make things easier for you.