fix: await toBlob before clearing loading state in custom PNG download

Author: Adebesin-Cell

app/components/Brand/Customize.vue

@@ -70,10 +70,13 @@ async function downloadCustomPng() {
     ctx.scale(scale, scale)
     ctx.drawImage(img, 0, 0, 602, 170)
 
-    canvas.toBlob(pngBlob => {
-      if (pngBlob) downloadBlob(pngBlob, `npmx-logo-${activeAccentId.value}.png`)
-      URL.revokeObjectURL(url)
-    }, 'image/png')
+    await new Promise<void>((resolve) => {
+      canvas.toBlob((pngBlob) => {
+        if (pngBlob) downloadBlob(pngBlob, `npmx-logo-${activeAccentId.value}.png`)
+        URL.revokeObjectURL(url)
+        resolve()
+      }, 'image/png')
+    })
   } finally {
     pngLoading.value = false
   }