[1753] Replace custom routing with react-instantsearch-router-nextjs

[seatuna]

Summary

Replaces our custom routing with the router provided by react-instantsearch-router-nextjs. This package is Algolia's official solution for nextjs compatible routing.

Known issues

There are currently some navigation bugs. Upgrading to use this package doesn't solve those bugs, so I recommend that this gets merged after those issues are resolved.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
maple-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 8, 2025 11:34pm
maple-prod	🔄 Building (Inspect)	Visit Preview	💬 Add feedback	Apr 8, 2025 11:34pm

[Mephistic]

LGTM - I don't think this needs to wait for the routing bugs to be fixed to merge (if anything, we should merge this to ensure the fix for those bugs is compatible with this change), but we can discuss at hack night before merging.

[Mephistic]

One thing that just occured to me was this seems to obliterate our Feature Flag handling - we have the ability to use query params to override feature flags on the front end for testing, and we had to add a special workaround to ignore query params with flagNames in the Instantsearch routing so that these flags weren't obliterated by the Instantsearch router logic.

If we can, it'd be nice to try and preserve this flag query param logic with the new router:

maple/components/search/useRouting.tsx

Line 12 in 96308cb

const searchStateToUrl = (searchState: UiState) => {

It may also just be time for us to upgrade to a better feature flag override solution - if fixing this proves too painful, I don't think this is a blocker.

[Mephistic]

LGTM - going to wait to deploy until next week because the V2 launch is tomorrow and we're putting a blocker on prod out of an abundance of caution.