feat(achievements): implement achievements screen

app/components/Home/BottomScreen/Buttons.vue

@@ -15,12 +15,16 @@ const { selected, selectorPosition } = useButtonNavigation({
 
     theme: [0, 167, 31, 26],
     settings: [112, 167, 31, 26],
-    alarm: [225, 167, 31, 26],
+    achievements: [225, 167, 31, 26],
   },
   initialButton: "projects",
   onButtonClick: (button) => {
-    if (button === "theme" || button === "alarm")
-      throw new Error(`Not implemented: ${button}`);
+    if (button === "theme") throw new Error(`Not implemented: ${button}`);
+
+    if (button === "achievements") {
+      store.animateOutro("achievements");
+      return;
+    }
 
     store.animateOutro(button);
   },
@@ -47,9 +51,9 @@ const { selected, selectorPosition } = useButtonNavigation({
     settings: {
       left: "theme",
       up: "last",
-      right: "alarm",
+      right: "achievements",
     },
-    alarm: {
+    achievements: {
       left: "settings",
     },
   },
@@ -168,9 +172,9 @@ onRender((ctx) => {
   />
   <Button
     :x="235"
-    :y="175 + getButtonOffset('alarm')"
-    :opacity="getOpacity('alarm')"
-    :image="assets.images.home.bottomScreen.buttons.alarm"
+    :y="175 + getButtonOffset('achievements')"
+    :opacity="getOpacity('achievements')"
+    :image="assets.images.home.bottomScreen.buttons.achievements"
   />
 
   <Selector :rect="selectorPosition" :opacity="getOpacity()" />