Restore color dots, add blockies above addresses on tx detail page

Blockies now appear above the from/to addresses on a separate line,
with color dots restored inline next to the address text. Increased
spacing between transaction detail fields from mb-2 to mb-3.

src/popup/views/addressDetail.js

@@ -221,19 +221,27 @@ function blockieHtml(address) {
 function txDetailAddressHtml(address) {
     const ensName = ensNameMap.get(address) || null;
     const blockie = blockieHtml(address);
+    const dot = addressDotHtml(address);
     const link = etherscanAddressLink(address);
     const extLink = `<a href="${link}" target="_blank" rel="noopener" class="inline-flex items-center">${EXT_ICON}</a>`;
+    let html = `<div class="mb-1">${blockie}</div>`;
     if (ensName) {
-        return (
-            blockie +
+        html +=
+            `<div class="flex items-center">${dot}` +
             copyableHtml(ensName, "") +
             extLink +
+            `</div>` +
             `<div class="break-all">` +
             copyableHtml(address, "break-all") +
-            `</div>`
-        );
+            `</div>`;
+    } else {
+        html +=
+            `<div class="flex items-center">${dot}` +
+            copyableHtml(address, "break-all") +
+            extLink +
+            `</div>`;
     }
-    return blockie + copyableHtml(address, "break-all") + extLink;
+    return html;
 }
 
 function txDetailHashHtml(hash) {