Description
Is your feature request related to a problem? Please describe.
Currently, the solutions page loads all solutions at once, which leads to high number of firebase reads and slow loading times, especially when there are a large number of solutions. This makes it difficult to navigate and find relevant solutions efficiently.
Describe the solution you'd like
Implement pagination on the solutions page to load and display a limited number (i.e. 10) of solutions per page. Users should be able to navigate between pages using "Next" and "Previous" buttons or a page number selector.
Describe alternatives you've considered
- Infinite scrolling
- Load more button
- Previous and Next button
- A page number selector
Additional context
Adding pagination will reduce firebase reads, enhance usability, and provide a better user experience. A simple page number navigation component can be used for easy implementation.