perf: memo GridCard, fuse save fns, fix slash tab active color

memento-note/extension/sidepanel.js

@@ -246,6 +246,14 @@ function bindIdleHandlers() {
   document.getElementById('clipSelBtn')?.addEventListener('click', () => void runAnalyze('selection'))
   document.getElementById('clipPageBtn')?.addEventListener('click', () => void runAnalyze('page'))
   document.getElementById('clipLinkBtn')?.addEventListener('click', () => void runAnalyze('link'))
+
+  // Gérer l'erreur de chargement du favicon
+  document.querySelector('.page-favicon')?.addEventListener('error', function() {
+    const fallback = this.getAttribute('data-fallback')
+    if (fallback && this.src !== fallback) {
+      this.src = fallback
+    }
+  })
 }
 
 async function clearSelection() {
@@ -410,7 +418,7 @@ function renderIdle() {
     <div class="page-card">
       <span class="sub">${escapeHtml(t('activePage'))}</span>
       <div class="page-row">
-        <img src="${escapeHtml(pageFavicon)}" alt="" onerror="this.src='https://www.google.com/s2/favicons?domain=google.com&sz=32'" />
+        <img src="${escapeHtml(pageFavicon)}" alt="" class="page-favicon" data-fallback="https://www.google.com/s2/favicons?domain=google.com&sz=32" />
         <div class="page-text">
           <div class="title"${rtlAttrs(pageTitle)}>${escapeHtml(pageTitle || '—')}</div>
           <div class="url">${escapeHtml(pageUrl || '—')}</div>
@@ -682,10 +690,15 @@ els.openLoginBtn?.addEventListener('click', () => {
 })
 
 document.addEventListener('visibilitychange', async () => {
-  if (document.visibilityState === 'visible' && state === 'idle') {
-    await refreshPageContext()
-    await syncPickMode()
-    render()
+  if (document.visibilityState === 'visible') {
+    if (state === 'idle') {
+      await refreshPageContext()
+      await syncPickMode()
+      render()
+    }
+  } else if (document.visibilityState === 'hidden') {
+    // Désactiver le pick mode quand le sidepanel est fermé
+    await setPickModeOnTab(false)
   }
 })