Describe the feature

Currently, the get_all_images endpoint fetches all images at once. This can lead to performance issues and high memory usage for users with large image collections. Implementing pagination would make the app more efficient and scalable.

Proposed Solution

• Backend:
  • Update backend/app/routes/images.py to accept limit and offset query parameters.
  • Modify the database query in backend/app/database/images.py to support pagination.
• Frontend:
  • Update the API function in frontend/src/api/api-functions.ts to include pagination parameters.
  • Modify frontend/src/pages/Home/Home.tsx to load images in chunks or via infinite scroll.

Benefits

• Faster page loads.
• Reduced bandwidth and memory usage.
• Better scalability for large datasets.
• Improved user experience with smoother loading.

Relevant Files

• backend/app/routes/images.py
• backend/app/database/images.py
• frontend/src/api/api-functions.ts
• frontend/src/pages/Home/Home.tsx

Add ScreenShots

Not applicable - this is a performance enhancement and not a UI bug.

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

Checklist before Submitting.

• Have you updated docs for it?.
• Have you added unit tests?.
• Have you made sure unit tests pass?
• Have you made sure code formatting is correct?
• Does it contain any style related issues?