Implement 4-tab architecture with unified Atom rendering

- Create TabsHandler with 4 specialized tab methods
- HandleTasks: Unified Atom view (Todoist + Trello due cards)
- HandlePlanning: Dedicated Trello boards view
- HandleNotes: Obsidian notes view
- HandleMeals: PlanToEat meals view
- Rewrite tasks-tab template for Atom rendering
- Add planning-tab and meals-tab templates
- Update index.html navigation with 4 tabs
- Smart sorting: Tasks sorted by due date then priority
- Clean separation: Tasks (action), Planning (structure), Notes (knowledge), Meals (calendar)

Template fixes:
- Load initial tab content via HTMX to avoid data structure mismatch
- Update refresh logic to use 2-step process (API refresh + tab reload)
- Fix manual and auto-refresh to call tab endpoints directly

Note: Router changes in cmd/dashboard/main.go (untracked file) at lines 55-78

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

1 files changed, 7 insertions, 2 deletions

diff --git a/web/templates/index.html b/web/templates/index.html
index b544ec3..b545a6e 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -61,8 +61,13 @@
         </div>
 
         <!-- Tab Content -->
-        <div id="tab-content">
-            {{template "tasks-tab" .}}
+        <div id="tab-content"
+             hx-get="/tabs/tasks"
+             hx-trigger="load"
+             hx-swap="innerHTML">
+            <div class="text-center py-8">
+                <div class="inline-block animate-pulse text-gray-600">Loading...</div>
+            </div>
         </div>
     </div>