Replace usages of innerHTML with innerText or by appending elements

[vezwork]

Fixes part 4 (Warnings: Use of .innerHTML with dynamic content.) of #65.

Changes

• Replace usages of element.innerHTML either with:
  • .innerText (when the element only contains text) or
  • using new HTML helper functions to programmatically create and insert html elements into the element (when the element contains other elements). These HTML helper function are located at the bottom of popup.js.
• Renames getSentAssetsMapAsString to getSentAssetsMapAsEls and moves it from main.js to popup.js (since it now uses the HTML helper functions).
• Add css styling to a and p elements in top site detail to make up for styling previously added by .innerHTML.

Testing Notes

• Test links and text in Chrome, Edge, and Firefox.
• No functionality or appearances should have changed.
• Please ensure text and links display correctly in the following areas and circumstances:
  • when no sites have been visited, on the main page,
  • when monetized sites have been visited without a provider, on the main page,
  • when monetized sites have been visited with a provider, on the main page,
  • top site detail without a provider, and
  • top site detail with a provider.

[vezwork]

I have tested locally without a provider, and it is working as expected✅.

[vezwork]

I have tested locally with Coil, and it is working as expected✅.

[sharon-wang]

Just a bunch of nits, otherwise looks good!

Going to test on some browsers now.

[sharon-wang]

pls yeet this

[sharon-wang]

Looks good on Chrome, Brave, Edge. Will test on Firefox after your updates & rebase off master.

(testing without WM provider)

[sharon-wang]

Looks good on FF too. Ready for a squash and then merge :)

[sharon-wang]

This was merged without explicit "Approval", but this is approved.