refactor(projects): use store.loading instead of async component

app/components/Projects/BottomScreen/Background.vue

@@ -12,7 +12,7 @@ const [backgroundImage, visitDisabledImage] = useImages(
 useRender((ctx) => {
   ctx.drawImage(backgroundImage!, 0, 0);
 
-  if (store.projects[store.currentProject]!.url === null) {
+  if (store.projects[store.currentProject]?.url === null) {
     ctx.drawImage(visitDisabledImage!, 144, 172);
   }
 });

app/components/Projects/BottomScreen/BottomScreen.vue

@@ -4,12 +4,14 @@ import Projects from "./Projects.vue";
 
 const store = useProjectsStore();
 
-store.$reset();
-await store.loadProjects();
+onMounted(async () => {
+  store.$reset();
+  await store.loadProjects();
+});
 </script>
 
 <template>
   <Background />
 
-  <Projects />
+  <Projects v-if="!store.loading" />
 </template>