fix?

packages/client/package.json

@@ -34,9 +34,9 @@
 		"calckey-js": "^0.0.22",
 		"chart.js": "4.1.1",
 		"chartjs-adapter-date-fns": "2.0.1",
+		"chartjs-chart-matrix": "^2.0.1",
 		"chartjs-plugin-gradient": "0.5.1",
 		"chartjs-plugin-zoom": "1.2.1",
-		"chartjs-chart-matrix": "^2.0.1",
 		"city-timezones": "^1.2.1",
 		"compare-versions": "5.0.3",
 		"cropperjs": "2.0.0-beta.2",
@@ -82,5 +82,8 @@
 		"vue-plyr": "^7.0.0",
 		"vue-prism-editor": "2.0.0-alpha.2",
 		"vuedraggable": "4.1.0"
+	},
+	"dependencies": {
+		"@phosphor-icons/web": "^2.0.1"
 	}
 }

packages/client/src/init.ts

@@ -6,7 +6,8 @@
 import "vite/modulepreload-polyfill";
 
 import "@/style.scss";
-import "@/icons.scss";
+import "@phosphor-icons/web/bold";
+import "@phosphor-icons/web/fill";
 
 //#region account indexedDB migration
 import { set } from "@/scripts/idb-proxy";

packages/client/src/style.scss

@@ -610,3 +610,72 @@ hr {
     transform:  scaleX(1.00) scaleY(1.00) ;
   }
 }
+
+.ph-xxs {
+  font-size: 0.5em;
+}
+
+.ph-xs {
+  font-size: 0.75em;
+}
+
+.ph-sm {
+  font-size: 0.875em;
+}
+
+.ph-lg {
+  font-size: 1.3333em;
+  line-height: 0.75em;
+  vertical-align: -0.0667em;
+}
+
+.ph-xl {
+  font-size: 1.5em;
+  line-height: 0.6666em;
+  vertical-align: -0.075em;
+}
+
+.ph-1x {
+  font-size: 1em;
+}
+
+.ph-2x {
+  font-size: 2em;
+}
+
+.ph-3x {
+  font-size: 3em;
+}
+
+.ph-4x {
+  font-size: 4em;
+}
+
+.ph-5x {
+  font-size: 5em;
+}
+
+.ph-6x {
+  font-size: 6em;
+}
+
+.ph-7x {
+  font-size: 7em;
+}
+
+.ph-8x {
+  font-size: 8em;
+}
+
+.ph-9x {
+  font-size: 9em;
+}
+
+.ph-10x {
+  font-size: 10em;
+}
+
+.ph-fw {
+  text-align: center;
+  width: 1.25em;
+}

pnpm-lock.yaml

@@ -396,6 +396,7 @@ importers:
     specifiers:
       '@discordapp/twemoji': 14.0.2
       '@khmyznikov/pwa-install': ^0.2.0
+      '@phosphor-icons/web': ^2.0.1
       '@rollup/plugin-alias': 3.1.9
       '@rollup/plugin-json': 4.1.0
       '@rollup/pluginutils': ^4.2.1
@@ -469,6 +470,8 @@ importers:
       vue-plyr: ^7.0.0
       vue-prism-editor: 2.0.0-alpha.2
       vuedraggable: 4.1.0
+    dependencies:
+      '@phosphor-icons/web': 2.0.1
     devDependencies:
       '@discordapp/twemoji': 14.0.2
       '@khmyznikov/pwa-install': 0.2.0
@@ -1423,6 +1426,10 @@ packages:
       sshpk: 1.17.0
     dev: false
 
+  /@phosphor-icons/web/2.0.1:
+    resolution: {integrity: sha512-lxNCH+c1HXMSi2L1bDe8yFFSK5rVavsn1WKAyyRX/yuaGdEIf+iE3ypb1DDGKsorPQN1jENv5cRElhDyfa5k0w==}
+    dev: false
+
   /@redis/bloom/1.1.0_@redis+client@1.4.2:
     resolution: {integrity: sha512-9QovlxmpRtvxVbN0UBcv8WfdSMudNZZTFqCsnBszcQXqaZb/TVe30ScgGEO7u1EAIacTPAo7/oCYjYAxiHLanQ==}
     peerDependencies: