feat(achievements): black fade in and out from home and settings screen

app/components/Settings/BottomScreen/BottomScreen.vue

@@ -8,4 +8,5 @@ import Menus from "./Menus/Menus.vue";
   <CommonBars />
   <Menus />
   <CommonConfirmationModal />
+  <AchievementsFadeToBlack />
 </template>

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

@@ -28,6 +28,7 @@ const { onRender, onClick } = useScreen();
 const app = useAppStore();
 const store = useSettingsStore();
 const achievements = useAchievementsStore();
+const achievementsScreen = useAchievementsScreen();
 const confirmationModal = useConfirmationModal();
 
 const handleCancel = () => {
@@ -44,7 +45,7 @@ const handleReset = () => {
 };
 
 const handleVisitAll = () => {
-  throw new Error("Not implemented");
+  achievementsScreen.animateFadeToBlackIntro();
 };
 
 onClick((x, y) => {

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

@@ -52,7 +52,7 @@ const { select, selected, selectorPosition } = useButtonNavigation({
 
     touchScreen: [175, 119, 49, 49],
   },
-  initialButton: "options",
+  initialButton: settingsStore.selectedButton,
   onButtonClick: (buttonName) => {
     if (isSubMenu(buttonName)) {
       settingsStore.openSubMenu(buttonName);
@@ -154,6 +154,8 @@ provide("menusContext", {
 watch(
   selected,
   (newSelected) => {
+    settingsStore.selectedButton = newSelected;
+
     if (settingsStore.currentSubMenu === null) {
       if (isMainMenu(newSelected)) {
         settingsStore.openMenu(newSelected, false);

app/components/Settings/TopScreen/TopScreen.vue

@@ -12,4 +12,5 @@ import Notifications from "./Notifications.vue";
   <Clock />
   <StatusBar />
   <Notifications />
+  <AchievementsFadeToBlack />
 </template>