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/flows/creation-flow-modal/components/CustomSetupStage.vue

@@ -5,13 +5,13 @@
 			<Avatar :src="ctx.instanceIconUrl.value ?? undefined" size="5rem" />
 			<div class="flex flex-col gap-2">
 				<ButtonStyled type="outlined">
-					<button class="!border-surface-5" @click="triggerIconInput">
+					<button @click="triggerIconInput">
 						<UploadIcon />
 						{{ formatMessage(messages.selectIcon) }}
 					</button>
 				</ButtonStyled>
 				<ButtonStyled type="outlined">
-					<button class="!border-surface-5" :disabled="!ctx.instanceIcon.value" @click="removeIcon">
+					<button :disabled="!ctx.instanceIcon.value" @click="removeIcon">
 						<XIcon />
 						{{ formatMessage(messages.removeIcon) }}
 					</button>

packages/ui/src/components/flows/creation-flow-modal/components/ImportInstanceStage.vue

@@ -83,10 +83,11 @@
 				</ButtonStyled>
 			</div>
 			<div v-else class="flex items-center gap-2">
-				<ButtonStyled icon-only
-					><button class="!shadow-none" @click="browseForLauncherPath">
-						<FolderSearchIcon class="size-5" /></button
-				></ButtonStyled>
+				<ButtonStyled circular>
+					<button class="!shadow-none" @click="browseForLauncherPath">
+						<FolderSearchIcon />
+					</button>
+				</ButtonStyled>
 				<StyledInput
 					v-model="newLauncherPath"
 					:placeholder="formatMessage(messages.launcherPathPlaceholder)"

packages/ui/src/components/flows/creation-flow-modal/components/ModpackStage.vue

@@ -29,7 +29,7 @@
 		</div>
 		<div class="flex gap-3">
 			<ButtonStyled type="outlined">
-				<button class="flex-1 !border-surface-4" @click="triggerFileInput">
+				<button class="flex-1" @click="triggerFileInput">
 					<ImportIcon />
 					{{ formatMessage(messages.importModpack) }}
 				</button>