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

src/views/ProjectViewView.vue

@@ -22,13 +22,14 @@
     <!-- Project Details -->
     <div class="bg-slate-100 rounded-md overflow-hidden px-4 py-3 mt-4">
       <div>
-        <div class="block pb-4 flex gap-4">
-          <div class="flex-none w-16 pt-1">
+        <div class="pb-4 flex gap-4">
+          <div class="pt-1">
             <ProjectIcon
               :entityId="projectId"
               :iconSize="64"
-              class="block border border-slate-300 rounded-md"
-            ></ProjectIcon>
+              :imageUrl="imageUrl"
+              class="block border border-slate-300 rounded-md max-h-16 max-w-16"
+            />
           </div>
 
           <div class="overflow-hidden">
@@ -399,6 +400,7 @@ export default class ProjectViewView extends Vue {
   fulfillersToHitLimit = false;
   givesToThis: Array<GiveSummaryRecord> = [];
   givesHitLimit = false;
+  imageUrl = "";
   issuer = "";
   latitude = 0;
   longitude = 0;
@@ -427,7 +429,7 @@ export default class ProjectViewView extends Vue {
     const accountsArr: Account[] = await accounts?.toArray();
     this.allMyDids = accountsArr.map((acc) => acc.did);
     const account = accountsArr.find((acc) => acc.did === this.activeDid);
-    const identity = JSON.parse(account?.identity || "null");
+    const identity = JSON.parse((account?.identity as string) || "null");
 
     const pathParam = window.location.pathname.substring("/project/".length);
     if (pathParam) {
@@ -488,6 +490,7 @@ export default class ProjectViewView extends Vue {
             startDateTime.toLocaleTimeString();
         }
         this.agentDid = resp.data.claim?.agent?.identifier;
+        this.imageUrl = resp.data.claim?.image;
         this.issuer = resp.data.issuer;
         this.name = resp.data.claim?.name || "(no name)";
         this.description = resp.data.claim?.description || "(no description)";