The z-index of the header was set to 1000 and the drawer header is behind the UI header so single frame download and title not displaying
Setting the z-index to 1002 is enough to fix the Drawer header issue.
This refactor the UI components from class based element into function
based elements. This makes it possible to use hooks that are used now
by most React components. This also updates React and Ant to the latest
versions (+ other dependencies).
The z-index of the header was set to 2000 because of Leaflet JS zoom
controls going over the header instead of under when scrolling. However,
this caused issues with the notifications and dropdowns (menu and
autocomplete).
Setting the z-index to 1001 is enough to fix the Leaflet JS issues,
without causing other issues.
