feat: animated button selector

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

@@ -1,22 +1,15 @@
 <script setup lang="ts">
 const props = defineProps<{
-  selected: boolean;
+  x: number;
+  y: number;
 }>();
 
 const buttonImage = useTemplateRef("buttonImage");
-const selectorImage = useTemplateRef("selectorImage");
-
-const x = 32;
-const y = 72;
 
 useRender((ctx) => {
-  if (!buttonImage.value || !selectorImage.value) return;
+  if (!buttonImage.value) return;
 
-  ctx.drawImage(buttonImage.value, x, y);
-
-  if (props.selected) {
-    ctx.drawImage(selectorImage.value, x - 1, y - 1);
-  }
+  ctx.drawImage(buttonImage.value, props.x, props.y);
 });
 </script>
 
@@ -26,9 +19,4 @@ useRender((ctx) => {
     src="/assets/images/home/bottom-screen/buttons/pictochat.png"
     hidden
   />
-  <img
-    ref="selectorImage"
-    src="/assets/images/home/bottom-screen/buttons/smallSelector.png"
-    hidden
-  />
 </template>