chore(webapp): migration to vuetify 3

[nils-wisiol]

AI-assisted changes.

I played with everything I could think of on the website:

• direct debit donation
• account creation, login, 2fa enabled, change email, delete account
• domain list, filtering
• rrset creation and deletion
• scrolled through all pages of the web site

[vasimi]

Just passing by. 🫣 Seems like this PR is actually fixing the bug that made me come to this repo (record value validation being too eager), but there's a bunch of visual issues that probably don't make sense to report, it'd be easier to just fix them.

If you'd be interested, I can go through the whole app and try preparing a patch once I have some free time.

[vasimi]

The <v-app-bar /> content class no longer has padding, so the login button is right on the edge of the viewport. Also, the spacing between the two buttons seems too big, so just zeroing out ml instead of mr could work?

Suggested change

	<v-btn class="mx-4 mr-0" color="primary" variant="flat" :to="{name: 'login'}" v-if="!authenticated">Log In</v-btn>
	<v-btn class="mx-4 mr-0" color="primary" variant="outlined" @click="logout" v-if="authenticated">Log Out</v-btn>
	<v-btn class="mx-4 ml-0" color="primary" variant="flat" :to="{name: 'login'}" v-if="!authenticated">Log In</v-btn>
	<v-btn class="mx-4 ml-0" color="primary" variant="outlined" @click="logout" v-if="authenticated">Log Out</v-btn>

[vasimi]

Suggested change

	height="32"
	height="32"
	width="147"

the img element is too wide and is offset towards the center of the app bar as a result, vuetify is doing some responsive magic and it's not doing it well; setting width seems to fix it

[vasimi]

prob caused by vuetify update, the default text-field style now has a background and it looks weird without spacing on top (but adding spacing would make the rows too big?)

Suggested change

	:error="fieldInvalid(index)"
	variant="underlined"
	:error="fieldInvalid(index)"

[vasimi]

<v-btn /> now defaults to a style with background, looks super weird without any spacing between the btns

Suggested change

	v-bind="props"
	v-bind="props"
	variant="text"

[peterthomassen]

If you'd be interested, I can go through the whole app and try preparing a patch once I have some free time.

That would be very welcome! Thank you <3

[eyJhb]

the advanced in tokens will show errors even when fields are filled out :)