feat: centralize all screen related callbacks in useScreen

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

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-useRender((ctx) => {
+const { onRender } = useScreen();
+
+onRender((ctx) => {
   ctx.font = "10px NDS10";
   ctx.fillStyle = "#000000";
   ctx.fillText("GBA Mode", 10, 20);

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

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-useRender((ctx) => {
+const { onRender } = useScreen();
+
+onRender((ctx) => {
   ctx.font = "10px NDS10";
   ctx.fillStyle = "#000000";
   ctx.fillText("Language", 10, 20);

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

@@ -4,6 +4,8 @@ const props = defineProps<{
   y: number;
 }>();
 
+const { onRender } = useScreen();
+
 const settingsStore = useSettingsStore();
 const menusContext = inject<{
   isSubmenuSelected: ComputedRef<boolean>;
@@ -27,7 +29,7 @@ const isAnyOtherMenuOpen = computed(() => {
 
 const animation = useMenuAnimation("options", isOpen);
 
-useRender((ctx) => {
+onRender((ctx) => {
   ctx.translate(props.x, props.y);
 
   if (isOpen.value || animation.playing) {

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

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-useRender((ctx) => {
+const { onRender } = useScreen();
+
+onRender((ctx) => {
   ctx.font = "10px NDS10";
   ctx.fillStyle = "#000000";
   ctx.fillText("Startup", 10, 20);