fix: username sanitization, canvas creation modal fixes, and auth headers for tasks

app/pages/tasks.vue

@@ -163,21 +163,18 @@ const columns = [
 // Fetch all tasks for current user
 const fetchTasks = async () => {
   try {
-    const res = await fetch('/api/tasks', {
+    const data = await $fetch('/api/tasks', {
       headers: { Authorization: `Bearer ${auth.token.value}` }
     })
-    if (res.ok) {
-      const data = await res.json()
-      tasks.value = data.tasks || []
-      
-      // Split tasks into columns
-      columns.forEach(col => {
-        columnsData[col.id] = tasks.value.filter(t => {
-          const taskState = t.state || t.data?.state || 'todo'
-          return taskState === col.id
-        })
+    tasks.value = data.tasks || []
+    
+    // Split tasks into columns
+    columns.forEach(col => {
+      columnsData[col.id] = tasks.value.filter(t => {
+        const taskState = t.state || t.data?.state || 'todo'
+        return taskState === col.id
       })
-    }
+    })
   } catch (e) {
     console.error('Failed to load tasks', e)
   } finally {
@@ -187,8 +184,10 @@ const fetchTasks = async () => {
 
 const fetchCanvases = async () => {
   try {
-    const res = await $fetch('/api/canvas')
-    availableCanvases.value = res.canvases || []
+    const data = await $fetch('/api/canvas', {
+      headers: { Authorization: `Bearer ${auth.token.value}` }
+    })
+    availableCanvases.value = data.canvases || []
     if (availableCanvases.value.length > 0) {
       newTask.canvasId = availableCanvases.value[0].id
     }