Implement davidhsianturi / blade-bootstrap-icons

[clarkewing]

I went with Bootstrap Icons for the website. At present, I have imported icons by manually copying and pasting, but that creates issues for readability and maintainability.

<svg class="bi bi-stopwatch flex-shrink-0 mr-3" width="1em" height="1em" viewBox="0 0 16 16"
     fill="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd"
          d="M8 15A6 6 0 1 0 8 3a6 6 0 0 0 0 12zm0 1A7 7 0 1 0 8 2a7 7 0 0 0 0 14z"/>
    <path fill-rule="evenodd"
          d="M8 4.5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5H4.5a.5.5 0 0 1 0-1h3V5a.5.5 0 0 1 .5-.5zM5.5.5A.5.5 0 0 1 6 0h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
    <path d="M7 1h2v2H7V1z"/>
</svg>

Adam Wathan and Dries Vints united forces to create blade-ui-kit/blade-icons which they've made extendable. Thus, davidhsianturi/blade-bootstrap-icons was born, allowing for a much more expressive and maintainable syntax:

<x-bi-stopwatch class="flex-shrink-0 mr-3" />

We should implement this package.