feat(ui): remember pagination option, project search selection jumps into project

[sergiofteixeira]

Hello, my first contribution.

This adds browser local storage to remember pagination option.

Also improves the search to show only what you searched for and when selection a project you jump into it.

[netlify]

✅ Deploy Preview for docs-kargo-io ready!

Name	Link
🔨 Latest commit	ba2f752
🔍 Latest deploy log	https://app.netlify.com/sites/docs-kargo-io/deploys/6720a57a8b417a0008eccfee
😎 Deploy Preview	https://deploy-preview-2821.docs.kargo.io
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Marvin9]

Couple of changes that needs to be in place before merging. Thanks for the PR!

[sergiofteixeira]

Updated the pr with the changes requested @Marvin9

[Marvin9]

There is just one bug indirectly blocking this PR that I am looking at ie. in local storage change the page size to the page which does not exist and refresh project list page

[sergiofteixeira]

There is just one bug indirectly blocking this PR that I am looking at ie. in local storage change the page size to the page which does not exist and refresh project list page

useEffect(() => {
  if (data && page > Math.ceil(data.total / pageSize)) {
    setPage(Math.ceil(data.total / pageSize) || 1);
  }
}, [data, page, pageSize, setPage]);

@Marvin9 maybe use useEffect to check if data is available? else reset it. just an idea

so when you set the page number on ur storage to higher than the number of pages, it goes back to first, want me to add it to this PR? ( tested it locally and works )

[Marvin9]

@sergiofteixeira yes please push that change. I tested in local and it resolves the issue that I mentioned

[Marvin9]

Also don't forget to run make lint-ui

[sergiofteixeira]

@Marvin9 pushed those changes and ran lint

[Marvin9]

One last change and then we can merge after CI checks. Thanks!

[sergiofteixeira]

pushed the change @Marvin9

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 50.01%. Comparing base (7490ff2) to head (ba2f752).
Report is 21 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2821      +/-   ##
==========================================
+ Coverage   48.82%   50.01%   +1.18%     
==========================================
  Files         270      274       +4     
  Lines       23941    24386     +445     
==========================================
+ Hits        11690    12197     +507     
+ Misses      11620    11539      -81     
- Partials      631      650      +19     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.