Integrate Frontend with Contacts Page Backend

[mahid797]

Integrate the completed Contacts Page frontend with the backend API. Ensure the table displays visitor details and allows dynamic sorting as per the frontend implementation. The Contacts Page will rely on data from the LinkVisitors table, provided by the backend API.

---

Tasks

• Connect the Contacts Page UI to the backend API.
• Populate the table with the following data:
  • Name: Combine first_name and last_name.
  • Email: Display the visitor's email.
  • Last Viewed Link: Fetch friendlyName from the Link table, with LinkID as a fallback.
  • Last Activity: Use the updatedAt field from LinkVisitors.
  • Total Visits: Calculate and display the total number of accesses by the visitor.
• Sorting is mostly implemented, but ensure the below:
  • Last Activity: Default sort in descending order. Use the useSort hook if possible.
  • Total Visits: Optional sort if feasible within the timeframe. Updated
• Handle edge cases:
  • Display N/A for missing Name or Email.
  • Add an empty state message: "No contacts available yet. Share a document to start tracking visitors!" Updated
    Now part of Create a Reusable Empty State Component #158.
  • Ensure responsiveness across devices and screen sizes. Updated
    Now part of Improve App Responsiveness #152.

---

Update: The schema has also changed, so please make sure to get the latest version from master and feat/document-details-page (minor change)

Notes

• Data for this page is provided by the backend API from the LinkVisitors table (Develop Backend API for Contacts Page #142).
• Sorting logic should be implemented on the front end.

[mahid797]

@SajanGhuman

• Please work on this once you are done with Add Support for Batch File Uploads #131 issue as this is a priority for MVP

[mahid797]

@SajanGhuman Made some updates to the issue

[mahid797]

@SajanGhuman Removed some tasks from the issue. Please make sure to review the updated schema