Project: jotai
Task (moderate): 1) Add atoms/route.ts to control the Route Logic
The definition of state is:
```
const routeAtom = atom<string>(window.location.pathname);
```
2) In atoms/route.ts, create a function that listens to browser history change, and updates the routeAtom.
3) When path is '/', shows Main.tsx, when path is '/login', shows pages/Login.tsx. Header is visible for every page.
4) Render <h1>User Login</h1> in components/Login.tsx. Add Button with text '🔑' in the right of Header.tsx, when clicked, go to '/login'.
Constraint: DO NOT USE any third-party packages, ONLY React/Jotai APIs can be used to optimize performance.