Use new vue components in login form

[CarlSchwan]

Close #33822

• Improve accessibility
• Simply code
• needs nextcloud vue component for missing props
• Needs Improve text fields nextcloud-libraries/nextcloud-vue#3140 for being functional (name -> id change)

Error handling:

[juliushaertl]

master now has the vue components bump :)

[nimishavijay]

Looks good design wise!
Maybe this is irrelevant to this PR but 2 primary buttons close to each other is generally avoided, instead the Login with Keycloak button can have secondary button styling.

[CarlSchwan]

Looks good design wise! Maybe this is irrelevant to this PR but 2 primary buttons close to each other is generally avoided, instead the Login with Keycloak button can have secondary button styling.

Good idea, it looks indeed nicer :)

[artonge]

Looks good :)

[jancborchardt]

Very nice! Just 2 details, possibly separate issues from this:

• Wording-wise we want to get away from saying "user" so should be "account name or email" here

• Not sure if it was introduced with this, but container has more space to the top than to the left

[CarlSchwan]

Very nice! Just 2 details, possibly separate issues from this:

* Wording-wise we want to get away from saying "user" so should be "account name or email" here

* Not sure if it was introduced with this, but container has more space to the top than to the left

Done, new screenshot :)

[jancborchardt]

Nice! :)