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/base/Card.vue

@@ -2,7 +2,7 @@
 import { DropdownIcon } from '@modrinth/assets'
 import { reactive } from 'vue'
 
-import Button from './Button.vue'
+import ButtonStyled from './ButtonStyled.vue'
 
 const props = defineProps({
 	collapsible: {
@@ -33,9 +33,11 @@ function toggleCollapsed() {
 		<div v-if="!!$slots.header || collapsible" class="header">
 			<slot name="header"></slot>
 			<div v-if="collapsible" class="btn-group">
-				<Button :action="toggleCollapsed">
-					<DropdownIcon :style="{ transform: `rotate(${state.collapsed ? 0 : 180}deg)` }" />
-				</Button>
+				<ButtonStyled circular>
+					<button @click="toggleCollapsed">
+						<DropdownIcon :style="{ transform: `rotate(${state.collapsed ? 0 : 180}deg)` }" />
+					</button>
+				</ButtonStyled>
 			</div>
 		</div>
 		<slot v-if="!state.collapsed" />