feat(buttonNavigation): customize selector animation

app/components/Contact/BottomScreen/BottomScreen.vue

@@ -47,6 +47,10 @@ const { selected, selectorPosition } = useButtonNavigation({
     actionateButton(button);
   },
   disabled: computed(() => store.isIntro || store.isOutro),
+  selectorAnimation: {
+    duration: 0.25,
+    ease: "power2.out",
+  },
 });
 
 const actionateButton = async (button: (typeof selected)["value"]) => {

app/components/Home/BottomScreen/Buttons.vue

@@ -54,6 +54,10 @@ const { selected, selectorPosition } = useButtonNavigation({
     },
   },
   disabled: computed(() => store.isIntro || store.isOutro),
+  selectorAnimation: {
+    duration: 0.3,
+    ease: "power2.out",
+  },
 });
 
 const getButtonOffset = (button: (typeof selected)["value"]) => {

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

@@ -134,6 +134,10 @@ const { select, selected, selectorPosition } = useButtonNavigation({
     },
   },
   disabled: computed(() => settingsStore.currentSubMenu !== null),
+  selectorAnimation: {
+    duration: 0.11,
+    ease: "none",
+  },
 });
 
 const isSubmenuSelected = computed(() => isSubMenu(selected.value));

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

@@ -64,6 +64,10 @@ const { selected, selectorPosition } = useButtonNavigation({
       left: "italian",
     },
   },
+  selectorAnimation: {
+    duration: 0.1,
+    ease: "power2.out",
+  },
 });
 
 const handleCancel = () => {