feat: implement Loans Received tab with active/previous toggle functi…

[kimcascante]

Description

Implementation of the "Loans Received" tab in the Get a Loan page, allowing users to toggle between active and completed/previous loans. This functionality enhances the user experience by providing a clear and organized view of their loan history.

Related Issue

Fixes #37

Type of Change

• New feature
• Bug fix
• Refactor
• Documentation update
• Other (please describe)

How Has This Been Tested?

• Manual tests
• Unit tests
• Integration tests
• Other (please describe)

Manual Testing:

• Verification of navigation between "Active" and "Previous" tabs
• Validation of status badges display
• Testing of "View" button functionality
• Review of responsiveness and design according to specifications

Checklist:

• I have read the contributing guidelines.
• I have updated the documentation (if applicable).
• My changes do not break existing functionality.
• I have added tests that cover my changes (if applicable).
• All new and existing tests pass.
• I have included screenshots or GIFs to demonstrate the changes (if applicable).

Screenshots

Active Loans View

Previous Loans View

Additional Notes

Feature Implementation:

• Tab navigation to toggle between active and previous loans
• Visual status badges (Ongoing/Closed)
• Integration with routing system for detailed loan view
• Responsive design following Figma specifications

Technical Details:

• Implemented using Next.js and React
• Styling implemented with Tailwind CSS
• State management using React Hooks
• Navigation implemented with Next.js Router

Next Steps:

• Consider implementing unit tests
• Evaluate adding animations for transitions
• Consider implementing additional loan filters

[DanielEmmanuel1]

@kimcascante I just noticed u didn't work on the sidebar to update to the purple type bg when on that current page, can u work on this and push ASAP so i can merge

[kimcascante]

@DanielEmmanuel1 done, please review again :)

[DanielEmmanuel1]

Nice work!