Add core components for task management and navigation

This commit introduces the foundational UI components and logic for the task management application, including task creation, calendar views, Kanban boards, and navigation elements.

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/yy9YLEW

client/src/components/examples/CalendarView.tsx

@@ -0,0 +1,50 @@
+import CalendarView from '../CalendarView';
+import { Task } from '../TaskCard';
+import { addDays } from 'date-fns';
+
+const mockTasks: Task[] = [
+  {
+    id: '1',
+    title: 'Team meeting',
+    status: 'todo',
+    priority: 'high',
+    dueDate: new Date(),
+    timeTracked: 0,
+    isTracking: false
+  },
+  {
+    id: '2',
+    title: 'Review design mockups',
+    status: 'inProgress',
+    priority: 'medium',
+    dueDate: addDays(new Date(), 2),
+    timeTracked: 30,
+    isTracking: false
+  },
+  {
+    id: '3',
+    title: 'Client presentation',
+    status: 'todo',
+    priority: 'high',
+    dueDate: addDays(new Date(), 5),
+    timeTracked: 0,
+    isTracking: false
+  },
+  {
+    id: '4',
+    title: 'Code review',
+    status: 'todo',
+    priority: 'low',
+    dueDate: addDays(new Date(), 1),
+    timeTracked: 0,
+    isTracking: false
+  }
+];
+
+export default function CalendarViewExample() {
+  return (
+    <div className="p-4">
+      <CalendarView tasks={mockTasks} />
+    </div>
+  );
+}