fix problem with "Affirm Delivery" on offer claim page, plus other look-and-feel tweaks

src/views/RecentOffersToUserProjectsView.vue

@@ -15,8 +15,27 @@
       </h1>
     </div>
 
+    <div v-if="newOffersToUserProjects.length === 0">
+      <p>Nobody has given any offers to your projects.</p>
+      <p class="mt-2">
+        Maybe there are already some projects you can help on the
+        <router-link to="/discover" class="text-blue-500">
+          Discover page <fa icon="search" />
+        </router-link>
+      </p>
+      <p class="mt-2">
+        You can announce more of your own on
+        <router-link to="/contacts" class="text-blue-500">
+          Your Ideas page <fa icon="hand" />
+        </router-link>
+      </p>
+    </div>
+
     <InfiniteScroll @reached-bottom="loadMoreOffersToUserProjects">
-      <ul id="listLatestActivity" class="border-t border-slate-300">
+      <ul
+        data-testId="listRecentOffersToUserProjects"
+        class="border-t border-slate-300"
+      >
         <li
           v-for="offer in newOffersToUserProjects"
           :key="offer.jwtId"