feat: add assign/unassign handlers and due date UI to ActivityPage

Import assignToActivity and unassignToActivity and implement async handlers that call those services and refresh data with fetchData (with error logging). Update activity ownership field access from assignedTo to assigned_to. Add FaCalendarAlt icon and a new UI card to display the activity due_date (formatted as dd/mm/yyyy or a fallback message).

Signed-off-by: David Ericson <davidestudofcg@gmail.com>

Author: DavidEricson00

frontend/src/pages/activity/ActivityPage.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import type { ActivityWithRelations } from "../../types/Activity/Activity";
 import { useAuthStore } from "../../stores/auth.store";
-import { deleteActivity, getActivityById } from "../../services/activity.service";
+import { assignToActivity, deleteActivity, getActivityById, unassignToActivity } from "../../services/activity.service";
 import UpsertActivityModal from "../../components/modals/UpsertActivityModal";
 import { 
   FaArchive, 
@@ -12,7 +12,8 @@ import {
   FaUserMinus, 
   FaUser, 
   FaFolder, 
-  FaInfoCircle
+  FaInfoCircle,
+  FaCalendarAlt
 } from "react-icons/fa";
 
 export default function ActivityPage() {
@@ -60,12 +61,22 @@ export default function ActivityPage() {
     setIsEditModalOpen(true);
   }
 
-  function handleAssignActivity() {
-    console.log("assign");
+  async function handleAssignActivity() {
+    try {
+      await assignToActivity(activityId);
+      fetchData();
+    } catch (err) {
+      console.error(err);
+    }
   }
 
-  function handleUnassignActivity() {
-    console.log("unassign");
+  async function handleUnassignActivity() {
+    try {
+      await unassignToActivity(activityId);
+      fetchData();
+    } catch (err) {
+      console.error(err);
+    }
   }
 
   if (loading) {
@@ -163,12 +174,28 @@ export default function ActivityPage() {
                 <div>
                   <p className="text-sm text-slate-500 font-semibold uppercase tracking-wider">Designada a</p>
                   <p className="text-lg font-bold text-slate-900">
-                    {activity.assignedTo?.name ?? "Ninguém designado"}
+                    {activity.assigned_to?.name ?? "Ninguém designado"}
                   </p>
                 </div>
               </div>
             </div>
 
+            <div className="bg-red-50 p-5 rounded-xl border border-red-200 flex items-center gap-4 mb-8">
+              <div className="p-3 bg-red-100 text-red-600 rounded-lg">
+                <FaCalendarAlt size={20} />
+              </div>
+              <div>
+                <p className="text-sm text-red-600 font-semibold uppercase tracking-wider">
+                  Prazo Final de Entrega
+                </p>
+                <p className="text-lg font-bold text-red-700">
+                  {activity.due_date 
+                    ? new Date(activity.due_date).toISOString().split('T')[0].split('-').reverse().join('/') 
+                    : 'Data não definida'}
+                </p>
+              </div>
+            </div>
+
             <div className="pt-8 border-t border-slate-200 flex flex-wrap gap-4">
               {userRole === 'admin' && user?.id === activity.project.owner_id && (
                 <>

frontend/src/services/activity.service.ts

@@ -49,7 +49,7 @@ export async function completeActivity(
     await apiAuth.patch(`/activities/${activityId}/complete`)
 }
 
-export async function unassignActivity(
+export async function unassignToActivity(
     activityId: number
 ): Promise<void> {
     await apiAuth.patch(`/activities/${activityId}/unassign`)