feat: add date range filtering to my tasks query

Extend the useMyTasks hook to accept optional start and end date parameters for filtering tasks within a specific time range. This allows the ProjectManagement component to display tasks filtered by the selected date range.

Author: asepindrak

frontend/src/components/ProjectManagement.tsx

@@ -166,7 +166,12 @@ export default function ProjectManagement({
 
   const authTeamMemberId = userWorkspaceActive.id || null;
 
-  const { data, isLoading, error } = useMyTasks(memberId, workspaceId);
+  const { data, isLoading, error } = useMyTasks(
+    memberId,
+    activeWorkspaceId,
+    tasksStartDate,
+    tasksEndDate,
+  );
 
   useEffect(() => {
     if (!authTeamMemberId) return;

frontend/src/hooks/useTasks.ts

@@ -150,12 +150,17 @@ export function useDeleteTask() {
   );
 }
 
-export function useMyTasks(memberId?: string, workspaceId?: string) {
+export function useMyTasks(
+  memberId?: string,
+  workspaceId?: string,
+  startDate?: string,
+  endDate?: string,
+) {
   return useQuery({
-    queryKey: ["my-tasks", memberId, workspaceId],
+    queryKey: ["my-tasks", memberId, workspaceId, startDate, endDate],
     queryFn: async () => {
       if (!memberId || !workspaceId) return [];
-      return await getMyTasks(workspaceId, memberId);
+      return await getMyTasks(memberId, workspaceId, startDate, endDate);
     },
     enabled: !!memberId && !!workspaceId,
   });