Finalize task-020 reports navigation and stability fixes

frontend/src/lib/components/layout/TaskDrawer.svelte

@@ -24,6 +24,7 @@
   import PasswordPrompt from "../../../components/PasswordPrompt.svelte";
   import { t } from "$lib/i18n";
   import { api } from "$lib/api.js";
+  import Icon from "$lib/ui/Icon.svelte";
 
   let isOpen = false;
   let activeTaskId = null;
@@ -209,9 +210,7 @@
         <div class="flex items-center gap-2.5">
           {#if !activeTaskId && recentTasks.length > 0}
             <span class="flex items-center justify-center p-1.5 mr-1 text-cyan-400">
-              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/>
-              </svg>
+              <Icon name="list" size={16} strokeWidth={2} />
             </span>
           {:else if activeTaskId}
             <button
@@ -219,17 +218,7 @@
               on:click={goBackToList}
               aria-label="Back to task list"
             >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-              >
-                <path d="M19 12H5M12 19l-7-7 7-7" />
-              </svg>
+              <Icon name="back" size={16} strokeWidth={2} />
             </button>
           {/if}
           <h2 class="text-sm font-semibold text-slate-100 tracking-tight">
@@ -256,17 +245,7 @@
             on:click={handleClose}
             aria-label="Close drawer"
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="18"
-              height="18"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-            >
-              <path d="M18 6L6 18M6 6l12 12" />
-            </svg>
+            <Icon name="close" size={18} strokeWidth={2} />
           </button>
         </div>
       </div>
@@ -301,18 +280,12 @@
           </div>
         {:else}
           <div class="flex flex-col items-center justify-center h-full text-slate-500">
-            <svg
-              class="w-12 h-12 mb-3 text-slate-700"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="1.5"
-            >
-              <path
-                d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-              />
-            </svg>
+            <Icon
+              name="clipboard"
+              size={48}
+              strokeWidth={1.6}
+              className="mb-3 text-slate-700"
+            />
             <p>{$t.tasks?.select_task || 'No recent tasks'}</p>
           </div>
         {/if}
@@ -330,4 +303,3 @@
 {/if}
 
 <!-- [/DEF:TaskDrawer:Component] -->
-