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>

apps/frontend/src/components/ui/thread/ThreadMessage.vue

@@ -104,20 +104,22 @@
 			</span>
 		</span>
 		<div v-if="isStaff(auth.user) && message.author_id === auth.user.id" class="message__actions">
-			<OverflowMenu
-				class="btn btn-transparent icon-only"
-				:options="[
-					{
-						id: 'delete',
-						action: () => deleteMessage(),
-						color: 'red',
-						hoverFilled: true,
-					},
-				]"
-			>
-				<MoreHorizontalIcon />
-				<template #delete> <TrashIcon /> Delete </template>
-			</OverflowMenu>
+			<ButtonStyled circular type="transparent">
+				<OverflowMenu
+					class="btn-dropdown-animation"
+					:options="[
+						{
+							id: 'delete',
+							action: () => deleteMessage(),
+							color: 'red',
+							hoverFilled: true,
+						},
+					]"
+				>
+					<MoreHorizontalIcon />
+					<template #delete> <TrashIcon /> Delete </template>
+				</OverflowMenu>
+			</ButtonStyled>
 		</div>
 	</div>
 </template>
@@ -135,6 +137,7 @@ import {
 	AutoLink,
 	Avatar,
 	Badge,
+	ButtonStyled,
 	OverflowMenu,
 	useFormatDateTime,
 	useRelativeTime,