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

src/views/RecentOffersToUserView.vue

@@ -15,8 +15,22 @@
       </h1>
     </div>
 
+    <div v-if="newOffersToUser.length === 0">
+      <p>Nobody has given you an offer.</p>
+      <p class="mt-2">
+        You can start the cycle on the
+        <router-link to="/contacts" class="text-blue-500">
+          Contacts page <fa icon="users" />
+        </router-link>
+        with an "Offer" directly to someone. Hopefully you'll find a common
+        interest!
+      </p>
+    </div>
     <InfiniteScroll @reached-bottom="loadMoreOffersToUser">
-      <ul id="listLatestActivity" class="border-t border-slate-300">
+      <ul
+        data-testId="listRecentOffersToUser"
+        class="border-t border-slate-300"
+      >
         <li
           v-for="offer in newOffersToUser"
           :key="offer.jwtId"