fix problem where extended screen of contacts didn't pass project

src/views/ProjectViewView.vue

@@ -154,7 +154,7 @@
           </h3>
         </li>
         <li
-          v-for="contact in allContacts"
+          v-for="contact in allContacts.slice(0, 7)"
           :key="contact.did"
           @click="openGiftDialog(contact)"
         >
@@ -162,7 +162,7 @@
             :entityId="contact.did"
             :iconSize="64"
             class="mx-auto border border-slate-300 rounded-md mb-1"
-          ></EntityIcon>
+          />
           <h3
             class="text-xs font-medium text-ellipsis whitespace-nowrap overflow-hidden"
           >
@@ -172,13 +172,13 @@
       </ul>
 
       <!-- Ideally, this button should only be visible when the active account has more than 7 or 11 contacts in their list (we want to limit the grid count above to 8 or 12 accounts to keep it compact) -->
-      <router-link
+      <a
         v-if="allContacts.length >= 7"
-        :to="{ name: 'contact-gives' }"
+        @click="onClickAllContactsGifting()"
         class="block text-center text-md font-bold uppercase bg-slate-500 text-white px-2 py-3 rounded-md"
       >
         Show More Contacts&hellip;
-      </router-link>
+      </a>
     </div>
 
     <!-- Gifts to & from this -->
@@ -709,6 +709,14 @@ export default class ProjectViewView extends Vue {
     (this.$refs.customOfferDialog as OfferDialog).open();
   }
 
+  onClickAllContactsGifting() {
+    localStorage.setItem("projectId", this.projectId);
+    const route = {
+      name: "contact-gives",
+    };
+    this.$router.push(route);
+  }
+
   onClickLoadClaim(jwtId: string) {
     const route = {
       path: "/claim/" + encodeURIComponent(jwtId),