Be consistent with notes, warnings, and important messages

[scottsand-db]

We need to be consistent with our note/important/warning boxes. i.e. same text => same colour, throughout the website.

Note -> <Info title="Note" level="info"> // this is blue
Important -> <Info title="Important!" level="warning"> // this is yellow
Warning -> <Info title="Warning!" level="danger"> // this is red

We should also rename the Info.jsx levels to match the text better -> i.e. rename danger to warning, and rename warning to important