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>

packages/ui/src/stories/sharing/InvitePlayersModal.stories.ts

@@ -2,7 +2,7 @@ import type { Labrinth } from '@modrinth/api-client'
 import type { Meta, StoryObj } from '@storybook/vue3-vite'
 import { ref } from 'vue'
 
-import ButtonStyled from '../../components/base/ButtonStyled.vue'
+import { Button } from '../../components/base/buttons'
 import InvitePlayersModal from '../../components/sharing/invite-players-modal/index.vue'
 import type {
 	InviteLinkSettings,
@@ -98,7 +98,7 @@ function createSearchUsers() {
 
 function createRender(args: Record<string, unknown>) {
 	return {
-		components: { ButtonStyled, InvitePlayersModal },
+		components: { InvitePlayersModal, Button },
 		setup() {
 			const modalRef = ref<InstanceType<typeof InvitePlayersModal> | null>(null)
 			const friends = ref<InvitePlayersUser[]>(createFriends())
@@ -166,9 +166,7 @@ function createRender(args: Record<string, unknown>) {
 		},
 		template: /* html */ `
 			<div class="flex flex-col items-center gap-4">
-				<ButtonStyled color="brand">
-					<button @click="modalRef?.show($event)">Open modal</button>
-				</ButtonStyled>
+				<Button type="colored" color="brand" @click="modalRef?.show($event)">Open modal</Button>
 				<p v-if="lastAction" class="m-0 text-sm text-secondary">{{ lastAction }}</p>
 				<InvitePlayersModal
 					ref="modalRef"