Add sidebar drawer icons and favicon

public/app.js

@@ -19,6 +19,8 @@ const mappingList = document.querySelector("#mappingList");
 const mappingDetails = document.querySelector("#mappingDetails");
 const findSourcesButton = document.querySelector("#findSourcesButton");
 const getPicturesButton = document.querySelector("#getPicturesButton");
+const parserDrawerToggle = document.querySelector("#parserDrawerToggle");
+const parserDrawer = document.querySelector("#parserDrawer");
 const sourceModal = document.querySelector("#sourceModal");
 const sourceTitle = document.querySelector("#sourceTitle");
 const sourceList = document.querySelector("#sourceList");
@@ -143,6 +145,7 @@ loadProductButton.title = "Load existing product attribute info.";
 loadProductButton.addEventListener("click", loadProductInfoForCurrentProduct);
 findSourcesButton.addEventListener("click", findSourcesForCurrentProduct);
 getPicturesButton.addEventListener("click", getPicturesForCurrentProduct);
+parserDrawerToggle.addEventListener("click", toggleParserDrawer);
 
 previousProductButton.addEventListener("click", () => {
   if (!manufacturerSelect.value || currentPosition <= 1) return;
@@ -826,10 +829,17 @@ function openSettings() {
   settingsModal.hidden = false;
 }
 
+function toggleParserDrawer() {
+  const isOpen = !parserDrawer.hidden;
+  parserDrawer.hidden = isOpen;
+  parserDrawerToggle.setAttribute("aria-expanded", String(!isOpen));
+  parserDrawerToggle.querySelector(".drawer-chevron").textContent = isOpen ? "⌄" : "⌃";
+}
+
 function loadTheme() {
   const isDark = localStorage.getItem("catalog-maker:theme") === "dark";
   document.documentElement.classList.toggle("dark", isDark);
-  themeToggle.textContent = isDark ? "Light theme" : "Dark theme";
+  themeToggle.querySelector("span").textContent = isDark ? "Light theme" : "Dark theme";
   themeToggle.setAttribute("aria-pressed", String(isDark));
 }