feat: dashbaord my collections page

[Oshioke-Salaki]

✨ Feature: My Collections Page

Overview

This PR adds a new My Collections page to the dashboard section of the app. It provides users with a clean and interactive interface to view their registered lands and register new ones via a modal form.

---

🔧 What's Implemented

• New Dashboard Page:

  • Created a dedicated layout for the My Collections dashboard page.
  • Includes a table for lands under an owners collection.

• Register New Land Workflow:

  • Extracted the "Register New Land" functionality into a reusable component: RegisterLandButtonWithModal.
  • Clicking the button opens a modal with the RegisterLandForm component.
  • Modal is implemented using ReactDOM.createPortal for proper layering above all UI elements.
  • The modal can be closed by:
    • Clicking the close (X) icon.
    • Clicking on the overlay/background outside the modal content.

• Component Structure:

  • RegisterLandButtonWithModal manages its own state (isOpen) for modal visibility.
  • Clean separation of concerns between modal logic and main dashboard content.

---

✅ Benefits

• Follows a modular approach, making the modal reusable across other pages.

---

📌 Notes

• All styles are Tailwind-based and responsive.
• Future enhancements can plug into this layout without major refactors.

Related Issues

Closes #361

---

Type of Change

• ✨ New feature or Chore (change with no new features or fixes)

---

Checklist (select as many as applicable)

• The code follows the style guidelines of this project.
• All new and existing tests pass.
• This pull request is ready to be merged and reviewed.

[fishonamos]

Thank you for the pr @Oshioke-Salaki !. All looks good!