Fix RSS links and RSS icon styling

<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ed8d0d}</style><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>

        <p class=&quot;d-inline-block"&gt;Showing commits from <span class="font-monospace">${data.patchPage.branchName}</span></p>
        <a class="btn btn-outline-primary badge shadow-none ms-2" href="${nav.repoCurrentBranchRssFeed()}"><div class="d-flex"><img src="${nav.rootPath()}frontend/img/rss-icon.svg" style="width: 11px; margin-right: 5px;" />RSS</div></a>

    repoCurrentBranchRssFeed: () => `${currentBranchPath}/commits.xml`,

              <a class="btn btn-outline-info badge shadow-none me-2" href="${nav.repoCurrentBranchRssFeed()}">
                <div class="d-flex">
                  <img src="${nav.rootPath()}frontend/img/rss-icon.svg" style="width: 11px; margin-right: 5px;" />RSS
                </div>
              </a>
              <p class="font-monospace text-white mb-2 d-inline-block">

mkdir -p dist/img
cp -r frontend/img dist/frontend/img

.btn-outline-primary {
  color: var(--bs-body-color);
}
.btn-outline-primary:hover {
  color: $white;
}