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>

standards/frontend/MODALS.md

@@ -104,12 +104,8 @@ Renders a bottom action bar below the content area (with `p-4 pt-0` padding). Us
 <NewModal ref="modal" header="Delete Item" fade="danger">
 	<p>This action cannot be undone.</p>
 	<template #actions>
-		<ButtonStyled color="danger">
-			<button @click="handleDelete">Delete</button>
-		</ButtonStyled>
-		<ButtonStyled>
-			<button @click="modal?.hide()">Cancel</button>
-		</ButtonStyled>
+		<Button type="colored" color="red" @click="handleDelete">Delete</Button>
+		<Button @click="modal?.hide()">Cancel</Button>
 	</template>
 </NewModal>
 ```
@@ -274,7 +270,7 @@ export const detailsStageConfig: StageConfigInput<MyModalContext> = {
 | `label`        | Button text             |
 | `icon`         | Icon component          |
 | `iconPosition` | `'before'` or `'after'` |
-| `color`        | ButtonStyled color prop |
+| `color`        | Button color prop       |
 | `disabled`     | Disable the button      |
 | `onClick`      | Click handler           |