fix(ui): restore 3-column grid layout for task view and edit pages

- Changed tasks/view.html grid from 2 to 3 columns to position Details
  section at top right instead of bottom
- Changed tasks/edit.html grid from 2 to 3 columns with form spanning
  2 columns for better proportions
- Task form now takes 2/3 width and info sidebar takes 1/3 width
- Improves UX by making the Start Timer button and info blocks more
  appropriately sized
- Restores the original Tailwind UI layout with better visual balance

Fixes layout regression introduced in v3.2.3 that made the edit page
Start Timer button uncomfortably wide and pushed task details to the
bottom on the view page.

app/templates/tasks/edit.html

@@ -30,8 +30,8 @@
 </div>
 
 <!-- Edit Task Form -->
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-    <div class="lg:col-span-1">
+<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+    <div class="lg:col-span-2">
         <div class="bg-card-light dark:bg-card-dark rounded-lg shadow">
             <div class="border-b border-border-light dark:border-border-dark p-4">
                 <h6 class="font-semibold flex items-center gap-2"><i class="fas fa-edit text-yellow-600"></i>{{ _('Task Information') }}</h6>

app/templates/tasks/view.html

@@ -45,7 +45,7 @@
     {% endif %}
 </div>
 
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
     <!-- Left Column: Task Details -->
     <div class="lg:col-span-2 space-y-6">
         {% if task.description %}