Setting Up the Router

The final step was connecting everything through navigation. PageRouter.jsx reads the current page from context and runs a switch statement to render the right page component, passing along any needed params.

AdminRouter.jsx does the same for admin pages. Since the admin panel needed to sit behind an actual /admin URL, App.jsx checks window.location.pathname on load to decide which side to render, using window.history.pushState and a popstate listener to keep the URL and app state in sync.