Shadow route with pathname query as state management

The subject state is stored in the `router.query.subject` state. If `undefined`, it will show the select a subject option.