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

app/components/Home/BottomScreen/BottomScreen.vue

@@ -5,6 +5,6 @@ import Buttons from "./Buttons.vue";
 
 <template>
   <Background />
-
   <Buttons />
+  <AchievementsFadeToBlack />
 </template>

app/components/Home/BottomScreen/Buttons.vue

@@ -17,7 +17,7 @@ const { selected, selectorPosition } = useButtonNavigation({
     settings: [112, 167, 31, 26],
     achievements: [225, 167, 31, 26],
   },
-  initialButton: "projects",
+  initialButton: store.selectedButton,
   onButtonClick: (button) => {
     if (button === "theme") throw new Error(`Not implemented: ${button}`);
 
@@ -64,6 +64,10 @@ const { selected, selectorPosition } = useButtonNavigation({
   },
 });
 
+watch(selected, (newSelected) => {
+  store.selectedButton = newSelected;
+});
+
 const getButtonOffset = (button: (typeof selected)["value"]) => {
   if (selected.value === button) return store.outro.buttonOffsetY;
   return 0;

app/components/Home/TopScreen/TopScreen.vue

@@ -7,8 +7,7 @@ import StatusBar from "./StatusBar.vue";
 const store = useHomeStore();
 
 onMounted(() => {
-  store.$reset();
-  store.animateIntro();
+  store.reset();
 });
 </script>
 
@@ -17,4 +16,5 @@ onMounted(() => {
   <Calendar />
   <Clock />
   <StatusBar />
+  <AchievementsFadeToBlack />
 </template>