Remix: fix loader data not updating

[ruggi]

Problem:

When the loader data changes in the projects page, because for example of fetchers submitting requests, the projects are not updated on the page.

Fix:

We need a useEffect on the loader data to refresh the projects, so this PR adds that.

This PR turned into a more consistent refactor of the projects page code, but it achieves the same goal while also getting rid of useEffects and making the code much more modular.

1. Split the code into separate components for the different pieces of the UI
2. Put the search query into the zustand store
3. Move the dark mode useEffect stuff into its own useIsDarkMode hook

[github-actions]

Try me

[relativeci]

Job #10474: Bundle Size — 62.16MiB (~-0.01%).

2a8140f(current) vs d299c8d master#10465(baseline)

Warning

Bundle contains 58 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current Job #10474	Baseline Job #10465
Initial JS	35.2MiB(~+0.01%)	35.2MiB
Initial CSS	0B	0B
Cache Invalidation	20.37%	0%
Chunks	28	28
Assets	32	32
Modules	4360	4360
Duplicate Modules	494	494
Duplicate Code	30.8%	30.8%
Packages	467	467
Duplicate Packages	58	58

Bundle size by type   2 changes 1 regression 1 improvement

	Current Job #10474	Baseline Job #10465
JS	62.15MiB (~+0.01%)	62.15MiB
HTML	11.37KiB (-0.32%)	11.41KiB

---

View job #10474 report View fix/remix-loader-effect branch activity View project dashboard

[github-actions]

Performance test results: