feat: centralize all screen related callbacks in useScreen

app/components/Projects/TopScreen/Project.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-const store = useProjectsStore();
+const { onRender } = useScreen();
 
+const store = useProjectsStore();
 const { assets } = useAssets();
 
 const drawTextWithShadow = (
@@ -54,7 +55,7 @@ const drawTextWithShadow2Lines = (
   drawTextWithShadow(ctx, line2Color, secondLine, x, y + 16);
 };
 
-useRender((ctx) => {
+onRender((ctx) => {
   ctx.drawImage(assets.projects.topScreen.background, 0, 0);
 
   ctx.textBaseline = "hanging";