add an image to projects (which shows on all ProjectIcons except for offers)

src/views/DiscoverView.vue

@@ -102,12 +102,13 @@
             @click="onClickLoadProject(project.handleId)"
             class="block py-4 flex gap-4"
           >
-            <div class="w-12">
+            <div>
               <ProjectIcon
                 :entityId="project.handleId"
                 :iconSize="48"
-                class="block border border-slate-300 rounded-md"
-              ></ProjectIcon>
+                :imageUrl="project.image"
+                class="block border border-slate-300 rounded-md max-h-12 max-w-12"
+              />
             </div>
 
             <div class="grow">
@@ -271,8 +272,15 @@ export default class DiscoverView extends Vue {
       const plans: PlanData[] = results.data;
       if (plans) {
         for (const plan of plans) {
-          const { name, description, handleId, issuerDid, rowid } = plan;
-          this.projects.push({ name, description, handleId, issuerDid, rowid });
+          const { name, description, handleId, image, issuerDid, rowid } = plan;
+          this.projects.push({
+            name,
+            description,
+            handleId,
+            image,
+            issuerDid,
+            rowid,
+          });
         }
         this.remoteCount = this.projects.length;
       } else {