fix(core): do not show unread notification on app menu hover

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>

Author: skjnldsv

core/src/components/AppMenuEntry.vue

@@ -129,5 +129,9 @@ defineProps<{
 	.app-menu-entry--active::before {
 		opacity: 0;
 	}
+
+	.app-menu-icon__unread {
+		opacity: 0;
+	}
 }
 </style>

core/src/components/AppMenuIcon.vue

@@ -8,7 +8,7 @@
 		role="img"
 		:aria-hidden="ariaHidden"
 		:aria-label="ariaLabel">
-		<img class="app-menu-icon__icon" :src="app.icon">
+		<img class="app-menu-icon__icon" :src="app.icon" alt="">
 		<IconDot v-if="app.unread" class="app-menu-icon__unread" :size="10" />
 	</span>
 </template>
@@ -58,6 +58,7 @@ $unread-indicator-size: 10px;
 		position: absolute;
 		inset-block-end: calc($unread-indicator-size / -2.5);
 		inset-inline-end: calc($unread-indicator-size / -2.5);
+		transition: all 0.1s ease-in-out;
 	}
 }
 </style>