Active links in Archive Block

@maya_m

STEP 1: 
Add the following JavaScript code to the Footer using Code Injection.  This script adds an "active" class on the link that matches whatever filter is defined in the URL. 

(function () {
  // Get all the links inside the specified container
  const links = document.querySelectorAll("#block-yui_3_17_2_1_1706047640137_2381 a");

  // Loop through each link and check if its path matches the path in the URL
  links.forEach((link) => {
      // Add the "active" class if the pathname of in the URL matches 
      if (window.location.pathname === link.pathname) {
          link.classList.add("active");
      }
  });
})();

Be sure to add the JavaScript code above between <script> tags like so:

<script>
  // Add JS here
</script>

Step 2:
You can now style the class like so using the following CSS:

/* Style active filter link */
#block-yui_3_17_2_1_1706047640137_2381 .active {
    color: blue;
}