style: add miieditor link to account page

public/assets/css/account.css

@@ -76,12 +76,34 @@
 	border-color: #5AFF15;
 }
 
-.account-sidebar .user .mii {
+.account-sidebar .user a.mii {
+	position: relative;
+	display: block;
 	width: 128px;
 	height: 128px;
+	overflow: hidden;
 	border-radius: 100%;
 	background: var(--bg-shade-3);
 }
+.account-sidebar .user a.mii::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: no-repeat center/40% url("/assets/images/edit.svg"), rgba(55, 60, 101, 0.7);
+	opacity: 0;
+	transition: opacity 150ms;
+}
+.account-sidebar .user a.mii:hover::after {
+	opacity: 1;
+}
+
+.account-sidebar .user .mii {
+	width: 100%;
+	height: 100%;
+}
 .account-sidebar .buttons a {
 	display: flex;
 	flex-flow: column;

public/assets/images/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="#fff" d="M5 19h1.4l8.625-8.625l-1.4-1.4L5 17.6ZM19.3 8.925l-4.25-4.2l1.4-1.4q.575-.575 1.413-.575q.837 0 1.412.575l1.4 1.4q.575.575.6 1.388q.025.812-.55 1.387ZM4 21q-.425 0-.712-.288Q3 20.425 3 20v-2.825q0-.2.075-.387q.075-.188.225-.338l10.3-10.3l4.25 4.25l-10.3 10.3q-.15.15-.337.225q-.188.075-.388.075ZM14.325 9.675l-.7-.7l1.4 1.4Z"/></svg>

views/account/account.handlebars

@@ -7,7 +7,9 @@
 	<div class="account-wrapper">
 		<div class="account-sidebar">
 			<div class="user">
-				<img src="{{account.mii.image_url}}" class="mii" />
+				<a href="/account/miieditor" class="mii">
+					<img src="{{account.mii.image_url}}" alt="Mii image" />
+				</a>
 				<p class="miiname">{{account.mii.name}}</p>
 				<p class="username" value="{{account.username}}">PNID: {{account.username}}</p>
 				{{#if tierName}}