fix(core): app menu notification should be in the top right

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

Author: skjnldsv

core/src/components/AppMenuIcon.vue

@@ -9,7 +9,7 @@
 		:aria-hidden="ariaHidden"
 		:aria-label="ariaLabel">
 		<img class="app-menu-icon__icon" :src="app.icon" alt="">
-		<IconDot v-if="app.unread" class="app-menu-icon__unread" :size="10" />
+		<IconDot v-if="!app.unread" class="app-menu-icon__unread" :size="10" />
 	</span>
 </template>
 
@@ -56,8 +56,9 @@ $unread-indicator-size: 10px;
 	&__unread {
 		color: var(--color-error);
 		position: absolute;
-		inset-block-end: calc($unread-indicator-size / -2.5);
-		inset-inline-end: calc($unread-indicator-size / -2.5);
+		// Align the dot to the top right corner of the icon
+		inset-block-end: calc($icon-size + ($unread-indicator-size / -2));
+		inset-inline-end: calc($unread-indicator-size / -2);
 		transition: all 0.1s ease-in-out;
 	}
 }