One of the steps of the migration strategy is start using the v6 API for components that are passed to the `CompatRoute` component, based on the [migration strategy guide|https://github.com/remix-run/react-router/discussions/8753.]. This route now has both v5 and v6 routing contexts, so we can start migrating component code to v6.

If the component is a class component, you'll need to convert it to a function component first so that you can use hooks.

AC: Identify a list of class components that need to be rewritten into function components so we can use hooks. Create a story per component that needs to be rewritten.

Note: This story only contains changes in the console core package, which is placed in the public folder.