Add Clear Filters button for better UX

- Add Clear Filters button to reset all filters at once
- Button resets Status, Type, Parent, and Tenant filters
- Improves user experience when exploring different filter combinations

Co-authored-by: Jackass4life <94110786+Jackass4life@users.noreply.github.com>
Agent-Logs-Url: https://github.com/Jackass4life/Nautobot-maps/sessions/a0e87b75-c988-42b6-bdab-398d68553075

Author: Claude

static/js/map.js

@@ -390,6 +390,15 @@ filterType.addEventListener("change", applyFilters);
 filterParent.addEventListener("change", applyFilters);
 filterTenant.addEventListener("change", applyFilters);
 
+// Clear filters button
+document.getElementById("clear-filters").addEventListener("click", () => {
+  filterStatus.value = "";
+  filterType.value = "";
+  filterParent.value = "";
+  filterTenant.value = "";
+  applyFilters();
+});
+
 const searchInput = document.getElementById("search-input");
 const searchBtn = document.getElementById("search-btn");
 const searchResults = document.getElementById("search-results");

templates/index.html

@@ -64,6 +64,9 @@ <h1>
       <select id="filter-tenant" title="Filter by tenant">
         <option value="">All tenants</option>
       </select>
+      <button id="clear-filters" title="Clear all filters" style="margin-top:8px;padding:6px 12px;background:#6c757d;color:white;border:none;border-radius:4px;cursor:pointer;font-size:0.85rem">
+        Clear Filters
+      </button>
     </div>
 
     <div id="location-count"></div>