Areas: UI coherency

[sefsh]

Description

There are some incoherent UI patterns in the Areas screen.

Steps to reproduce

1. Go to Areas

Expected Behaviour

• Draw button located at usual CTA location to the far-right.
• Draw button is without drop shadow
• Draw button is text-only
• Filters and Search functionality accessible from right-aligned vertical toolbar overlayed on map, just like in a canvass assignment page
• Square icon button style is used for map overlay toolbar
  • its container's corners rounded with white background and with 1px solid #E0E0E0 border
  • its buttons divided by divider with color #E0E0E0

Actual Behaviour

• The button for the main action of the screen ("Draw") sits alone in dedicated, left-aligned toolbar.
• Draw button has drop shadow
• Draw button has icon
• Legacy filter UI in dedicated, left-aligned toolbar.
• Legacy search UI in dedicated, left-aligned toolbar.
• Primary button style is used for map navigation
• Rectangular-shaped buttons are used for map navigation even though containing icons only