[WEB] Contact Me Button pt.1

[JordanChen123]

Purpose

Want to have a "Contact Us" button to facilitate user feedback and communication. Also allows for researchers to easily reach out with inquiries or feedback.

Description

For now we just want a button that we can click and is located on the header. We can worry about the contact info pop-up implementation later.

• Create a new folder called Button here: https://github.com/UBCSailbot/sailbot_workspace/tree/main/src/website/views/components
  Within this folder is where you will create the button component.

• Once the button component is completed, you can import it here: https://github.com/UBCSailbot/sailbot_workspace/blob/main/src/website/views/components/Header/Header.tsx

You can refer to this as an example of creating a component and then seeing how it is integrated into Header.tsx: https://github.com/UBCSailbot/sailbot_workspace/blob/main/src/website/views/components/DropDown/DropDown.tsx

Resources

• Refer to this website as an example of how the contact button should look and should be located: https://www.saildrone.com/