feat: centralize all screen related callbacks in useScreen

app/components/Home/BottomScreen/Buttons.vue

@@ -2,6 +2,8 @@
 import Button from "./Button.vue";
 import Selector from "~/components/Common/ButtonSelector.vue";
 
+const { onRender } = useScreen();
+
 const store = useHomeStore();
 const { assets } = useAssets();
 
@@ -66,7 +68,7 @@ const getOpacity = (button?: (typeof selectedButton)["value"]) => {
   return 1;
 };
 
-useRender((ctx) => {
+onRender((ctx) => {
   ctx.globalAlpha = getOpacity();
   ctx.font = "10px NDS10";
   ctx.fillStyle = "#a2a2a2";