Enhance React web UI

[dgnorton]

Overview

Currently, the web UI just serves the call log. The intent of this issue is to come up with a basic but very limited set of new UI features that would be useful. Please provide feedback, in the comments, describing desired features.

Tentative Features

Overall

• Require user login
• Allow user to change username / password
• Call log becomes a tab or has header bar with menu (but remains the default tab / page)
• Add configuration tab / page

Call Log

• Change format of caller's number from 1234567890 to (123) 456-7890 and make it a clickable link to search Google for it
• Add filter link that pops up a dialog with:
  • block & allow radio buttons (block selected by default)
  • The caller's name in one edit box and number in another. User can edit these (e.g., change to a regexp)
  • Update Filters button that updates the correct allow or block filter file and then signals norobod to reload the filters. Reloading filters will require change to norobod.

Configuration page

• Allow user to enable / disable allow, block, and twilio filters
• Allow user to edit allow & block filters
• Allow user to set / edit Twilio SID & token
• Allow user to manually enter a number and test it against the currently configured filters