use `users-three` icon for Groups

packages/client/src/navbar.ts

@@ -59,7 +59,7 @@ export const navbarItemDef = reactive({
 	/*
 	groups: {
 		title: 'groups',
-		icon: 'ph-users-bold ph-lg',
+		icon: 'ph-users-three-bold ph-lg',
 		show: computed(() => $i != null),
 		to: '/my/groups',
 	},
@@ -99,7 +99,7 @@ export const navbarItemDef = reactive({
 	},
 	groups: {
 		title: 'groups',
-		icon: 'ph-users-bold ph-lg',
+		icon: 'ph-users-three-bold ph-lg',
 		to: '/my/groups',
 	},
 	ui: {

packages/client/src/pages/messaging/index.vue

@@ -77,7 +77,7 @@ const headerTabs = $computed(() => [{
 }, {
 	key: 'groups',
 	title: i18n.ts._messaging.groups,
-	icon: 'ph-users-bold ph-lg',
+	icon: 'ph-users-three-bold ph-lg',
 }]);
 
 definePageMetadata({

packages/client/src/pages/messaging/messaging-room.vue

@@ -287,7 +287,7 @@ definePageMetadata(computed(() => !fetching ? user ? {
 	avatar: user,
 } : {
 	title: group?.name,
-	icon: 'ph-users-bold ph-lg',
+	icon: 'ph-users-three-bold ph-lg',
 } : null));
 </script>
 

packages/client/src/pages/my-groups/group.vue

@@ -123,7 +123,7 @@ async function deleteGroup() {
 definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.members,
-		icon: "ph-users-bold ph-lg",
+		icon: "ph-users-three-bold ph-lg",
 	})),
 );
 

packages/client/src/pages/my-groups/index.vue

@@ -60,7 +60,7 @@ const headerActions = $computed(() => [
 definePageMetadata(
 	computed(() => ({
 		title: i18n.ts.groups,
-		icon: "ph-users-bold ph-lg",
+		icon: "ph-users-three-bold ph-lg",
 	})),
 );
 

packages/client/src/scripts/get-user-menu.ts

@@ -180,7 +180,7 @@ export function getUserMenu(user, router: Router = mainRouter) {
 		text: i18n.ts.addToList,
 		action: pushList,
 	}, meId !== user.id ? {
-		icon: 'ph-users-bold ph-lg',
+		icon: 'ph-users-three-bold ph-lg',
 		text: i18n.ts.inviteToGroup,
 		action: inviteGroup,
 	} : undefined] as any;