fix (client): use icon script

packages/client/src/account.ts

@@ -6,6 +6,7 @@ import { me } from "@/me";
 import { alert, api, popup, popupMenu, waiting } from "@/os";
 import { del, get, set } from "@/scripts/idb-proxy";
 import { reloadChannel, unisonReload } from "@/scripts/unison-reload";
+import icon from "@/scripts/icon";
 
 // TODO: 他のタブと永続化されたstateを同期
 
@@ -234,7 +235,7 @@ export async function openAccountMenu(
 						? [
 								{
 									type: "parent",
-									icon: "ph-plus ph-bold ph-lg",
+									icon: `${icon("ph-plus")}`,
 									text: i18n.ts.addAccount,
 									children: [
 										{
@@ -276,7 +277,7 @@ export async function openAccountMenu(
 						: [
 								{
 									type: "parent",
-									icon: "ph-plus ph-bold ph-lg",
+									icon: `${icon("ph-plus")}`,
 									text: i18n.ts.addAccount,
 									children: [
 										{

packages/client/src/scripts/helpMenu.ts

@@ -66,7 +66,7 @@ export function openHelpMenu_(ev: MouseEvent) {
 			{
 				type: "button",
 				text: i18n.ts._mfm.cheatSheet,
-				icon: "ph-question ph-bold ph-lg",
+				icon: `${icon("ph-question")}`,
 				action: async () => {
 					os.popup(XCheatSheet, {}, {}, "closed");
 				},

packages/client/src/ui/_common_/navbar-for-mobile.vue

@@ -88,7 +88,7 @@
 					active-class="active"
 					to="/admin/emojis"
 				>
-					<i class="icon ph-smiley ph-bold ph-fw ph-lg"></i
+					<i :class="icon('ph-smiley icon ph-fw')"></i
 					><span class="text">{{ i18n.ts.customEmojis }}</span>
 				</MkA>
 				<button v-click-anime class="item _button" @click="more">

packages/client/src/ui/_common_/navbar.vue

@@ -100,7 +100,7 @@
 					active-class="active"
 					to="/admin/emojis"
 				>
-					<i class="icon ph-smiley ph-bold ph-fw ph-lg"></i
+					<i :class="icon('ph-smiley icon ph-fw')"></i
 					><span class="text">{{ i18n.ts.customEmojis }}</span>
 				</MkA>
 				<button

packages/client/src/ui/universal.vue

@@ -101,7 +101,7 @@
 				@click="openAccountMenu"
 			>
 				<div class="button-wrapper">
-					<i class="ph-users ph-bold ph-lg"></i>
+					<i :class="icon('ph-users')"></i>
 				</div>
 			</button>
 			<button
@@ -136,7 +136,7 @@
 				@click="reload"
 			>
 				<div class="button-wrapper">
-					<i class="ph-arrows-clockwise ph-bold ph-lg"></i>
+					<i :class="icon('ph-arrows-clockwise')"></i>
 				</div>
 			</button>
 			<button