chore: clean up a bunch of legacy styles (#5973)

* remove unused experimental-styles-within

* remove unused styles

* more cleanup + prepr

* Refactor nearly all legacy buttons to use ButtonStyled

* prepr

* Update MC account selector to modern version

* prepr

---------

Co-authored-by: Calum H. <calum@modrinth.com>

packages/ui/src/components/billing/ResubscribeModal.vue

@@ -79,7 +79,7 @@
 		<template #actions>
 			<div class="flex justify-end gap-2">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-5" @click="handleCancel">
+					<button @click="handleCancel">
 						<XIcon />
 						{{ formatMessage(messages.cancelButton) }}
 					</button>

packages/ui/src/components/billing/ServersGuestPlanModal.vue

@@ -155,8 +155,8 @@ defineExpose({
 							<div class="font-semibold text-contrast">Sign in to continue your purchase</div>
 							<div class="">You need a Modrinth account to add your billing details.</div>
 						</div>
-						<ButtonStyled color="brand" class="mt-2">
-							<button @click="continueToAuth">
+						<ButtonStyled color="brand">
+							<button class="mt-2" @click="continueToAuth">
 								Sign in or create an account
 								<ExternalIcon class="size-4" />
 							</button>

packages/ui/src/components/billing/ServersPurchase0Plan.vue

@@ -212,7 +212,7 @@ function selectCustom() {
 				</div>
 			</div>
 			<div class="w-full">
-				<ButtonStyled color="blue" class="w-full">
+				<ButtonStyled color="blue">
 					<button
 						class="w-full"
 						:disabled="existingPlan?.id === plansByRam.small.id"