Refactor avoidable innerHTML references

[kronnox]

After further review the following occurrences of innerHTML contain dynamic content and should be refactored:

• (Working on it as part of High TBT on must-read page #260)

  famous-smoke-cigaradvisor/cigaradvisor/blocks/article-teaser/article-teaser.js

  Line 37 in bbe339f

  parentElement.innerHTML += `

• (PENDING)

  famous-smoke-cigaradvisor/cigaradvisor/blocks/article-navigation/article-navigation.js

  Line 20 in bbe339f

  previousArticleNav.innerHTML = `<a href="${previousArticle.path}" rel="prev">

• (PENDING)

  famous-smoke-cigaradvisor/cigaradvisor/blocks/author-teaser/author-teaser.js

  Line 20 in bbe339f

  authorHeading.innerHTML = `<h2 class="author-name">${author.name}</h2><h3 class="author-title">${author.title}</h3>`;

• (PENDING)

  famous-smoke-cigaradvisor/cigaradvisor/blocks/articleheader/articleheader.js

  Line 26 in bbe339f

  categoryLinkEl.innerHTML = `<a href="${categoryLink}">${category.heading}</a>`;

• (PENDING)

  famous-smoke-cigaradvisor/cigaradvisor/blocks/header/header.js

  Line 110 in bbe339f

  a.innerHTML = text;

• (PENDING) https://github.com/hlxsites/famous-smoke-cigaradvisor/blob/main/cigaradvisor/blocks/author-card/author-card.js#L42