refactor: move download out of every render

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: steveoh

src/components/pageElements/Submissions.jsx

@@ -72,13 +72,17 @@ const Submission = ({ item, dispatch }) => {
   const { label, submitted, id, status, geometry, attributes } = item;
   const submission = Date.parse(submitted);
 
-  try {
-    getDownloadURL(ref(storage, attributes.ref)).then(setUrl);
-  } catch {
-    logEvent('download-submission-error', {
-      document: item.key,
-    });
-  }
+  useEffect(() => {
+    if (attributes?.ref) {
+      getDownloadURL(ref(storage, attributes.ref))
+        .then(setUrl)
+        .catch(() => {
+          logEvent('download-submission-error', {
+            document: item.key,
+          });
+        });
+    }
+  }, [attributes?.ref]);
 
   console.log('submission', { status, label, attributes });