fix pa11y violations from nested buttons

Author: FuhuXia

pages/metrics/metrics.html

@@ -24,10 +24,8 @@ <h2 class="usa-heading">Metrics by Organization:</h2>
           </select>
         </div>
         <div class="mt-2">
-          <a href="" id="metrics-reports__link">
-            <button class="usa-button" type="button">
-              View Report
-            </button>
+          <a class="usa-button" href="{{helpers.baseUrl}}/metrics/organization/{{metrics.orgList[0].name}}/index.html" id="metrics-reports__link">
+            View Report
           </a>
         </div>
       </div>

pages/metrics/metrics_per-org.html

@@ -16,9 +16,7 @@ <h3 class="usa-heading">{{org.display_name}}</h3>
     <h6 class="usa-heading">Report Date: {{ metrics.end_date}}</h6>
     <p class="text-italic mt-3">All data shown represents the calendar month which ends at the Report Date.
       Data updates at the beginning of each new month to show the calendar month past.</p>
-    <a href="https://harvest.data.gov/organization/{{org.name}}">
-      <button class="usa-button" type="button">View Harvest Source Data</button>
-    </a>
+    <a class="usa-button" href="https://harvest.data.gov/organization/{{org.name}}">View Harvest Source Data</a>
     <div class="mt-5"></div>
     {% for block in metrics.orgs[org.name] %}
     {% assign cacheKey = block.meta.key %}