refactor: Button components (#6929)

* feat: refactor button components

* fix: qa

* fix: storybook

* a11y: pass

* fix: build

* fix: rename default ->md

* fix: lint

* docs: buttons.md

* refactor part 1

* refactor part 2

* fix: undo refactor for fresh restart

* refactor

* Revert "refactor"

This reverts commit 96d65902d7.

* refactor: part 1

* fix: qa

* fix: qa

* fix: qa

* fix: qa

* fix: qa

* fix: qa

* fix: qa

* fix: qa

* fix: remove text-contrast

* fix: qa

* fix: v-tooltip

* fix: lint

* fix: split broken

* fix: passkey qa

* fix: qa

* fix: qa

* fix: prepr

* fix: splitbutton

* improve button group seam

---------

Signed-off-by: Calum H. <calum@modrinth.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

apps/frontend/src/components/ui/banner/TaxIdMismatchBanner.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { MessageIcon } from '@modrinth/assets'
-import { ButtonStyled, defineMessages, PagewideBanner, useVIntl } from '@modrinth/ui'
+import { ButtonLink, defineMessages, PagewideBanner, useVIntl } from '@modrinth/ui'
 
 const { formatMessage } = useVIntl()
 
@@ -31,12 +31,16 @@ const messages = defineMessages({
 		</template>
 		<template #actions_right>
 			<div class="flex w-fit flex-row">
-				<ButtonStyled color="red">
-					<nuxt-link to="https://support.modrinth.com" target="_blank" rel="noopener">
-						<MessageIcon />
-						{{ formatMessage(messages.action) }}
-					</nuxt-link>
-				</ButtonStyled>
+				<ButtonLink
+					type="colored"
+					color="red"
+					to="https://support.modrinth.com"
+					target="_blank"
+					rel="noopener"
+				>
+					<MessageIcon />
+					{{ formatMessage(messages.action) }}
+				</ButtonLink>
 			</div>
 		</template>
 	</PagewideBanner>