feat: implement useScreenClick

app/components/Home/BottomScreen/Buttons/Buttons.vue

@@ -26,6 +26,24 @@ const nextBottomButton = ref<"downloadPlay" | "pictochat">("pictochat");
 
 const selectorPosition = computed(() => BUTTONS_CONFIG[selectedButton.value]);
 
+useScreenClick((x: number, y: number) => {
+  for (const [buttonName, config] of Object.entries(BUTTONS_CONFIG)) {
+    if (
+      x >= config.sx &&
+      x <= config.sx + config.sw &&
+      y >= config.sy &&
+      y <= config.sy + config.sh
+    ) {
+      selectedButton.value = buttonName as ButtonType;
+
+      if (buttonName === "pictochat" || buttonName === "downloadPlay") {
+        nextBottomButton.value = buttonName;
+      }
+      break;
+    }
+  }
+});
+
 const handleKeyPress = (event: KeyboardEvent) => {
   switch (event.key) {
     case "ArrowUp":