Integrate drag-and-drop task scheduling and time logging functionality

Refactors `TaskList` to `TasksWithCalendar` and introduces `TimeCompletionModal` to support drag-and-drop task scheduling onto a calendar view and prompt users to log time spent on completed tasks, offering both clock and manual input methods.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/sqJIbnU

client/src/App.tsx

@@ -9,7 +9,7 @@ import { Card } from "@/components/ui/card";
 // Components
 import BottomNavigation from './components/BottomNavigation';
 import TaskCreationModal from './components/TaskCreationModal';
-import TaskList from './components/TaskList';
+import TasksWithCalendar from './components/TasksWithCalendar';
 import CalendarView from './components/CalendarView';
 import KanbanBoard from './components/KanbanBoard';
 import ProjectTemplate from './components/ProjectTemplate';
@@ -118,7 +118,7 @@ function App() {
     switch (currentTab) {
       case 'tasks':
         return (
-          <TaskList 
+          <TasksWithCalendar 
             tasks={tasks}
             onTaskUpdate={handleTaskUpdate}
             onTaskEdit={(task) => console.log('Edit task:', task.title)}