feat: implement some TODOs

app/components/Achievements/TopScreen.vue

@@ -37,7 +37,7 @@ onRender((ctx) => {
   );
 
   // progress text
-  const unlockedCount = achievementsStore.achievements.length;
+  const unlockedCount = achievementsStore.unlocked.length;
   const totalCount = ACHIEVEMENTS.length;
 
   ctx.font = "7px NDS7";

app/components/Contact/BottomScreen/BottomScreen.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-// TODO: buttons should take in account opacity
-
 import Background from "./Background.vue";
 import Buttons from "./Buttons.vue";
 import ButtonSelector from "~/components/Common/ButtonSelector.vue";

app/components/Settings/BottomScreen/Menus/Clock/Achievements.vue

@@ -110,7 +110,7 @@ onRender((ctx) => {
 
 <template>
   <NumberInput
-    :model-value="achievements.achievements.length"
+    :model-value="achievements.unlocked.length"
     :title="$t('settings.clock.achievements.obtained')"
     :x="4 * 16 - 1"
     :selected="achievements.allObtained"

app/components/Settings/BottomScreen/Menus/User/PersonalMessage.vue

@@ -16,15 +16,11 @@ const handleCancel = () => {
   switch (state.value) {
     case "alive": {
       state.value = "pause";
-      // TODO: onClosed should as "choice" as a parameter, like "confirmed" or "canceled"
-      let quit = false;
       confirmationModal.open({
         text: $t("settings.user.personalMessage.quitConfirmation"),
-        onConfirm: () => {
-          quit = true;
-        },
-        onClosed: () => {
-          if (quit) store.closeSubMenu();
+        onConfirm: () => {},
+        onClosed: (choice) => {
+          if (choice === "cancel") store.closeSubMenu();
         },
         onCancel: () => {
           state.value = "alive";