1780 complete contact form functionality

[Skydodle]

Fixes #1780

Info

The only changes made in our codebase is embedding the Google Form on our contact page as an iframe. The rest of the configuration and scripting, such as the logic for form submission to post as github issue and send confirmation email, were done within the Goolge Form configuration via our Google account 311-data@hackforla.org. The Google account login credentails are in 1password 311-Data Dev vault if changes needs to be made in the future.

Video on how to access Google Form configuration

Screen.Recording.2024-06-28.at.9.51.19.PM.mov

Video on how to access Apps Script

Screen.Recording.2024-06-28.at.9.55.29.PM.mov

Video on how to access Email Notification extension

Screen.Recording.2024-06-28.at.9.58.16.PM.mov

There were no design provided for this ticket so this ticket only focused on creating the functionality, but feel free to comment below if you have any suggestions on the design for the new Contact Page, the form, or the email template. We can make new tickets for the design team.

Changes Made

• Replaced contact form with embeded Google Form
• Configured Google Form's script in Google Apps Script to post form submission as Github issue to our repo
• Stored bot account Roan Box's Github personal access key in the Apps Script project so the form have access to post issue
• Installed and configured the extension Email Notification for Google Forms so that a confirmation email is send to user when they filled out and submited the form

Pre-Merge Checklist

• Up to date with main branch
• Branch name follows guidelines
• All PR Status checks are successful
• Peer reviewed and approved

[DrAcula27]

Great job @Skydodle! From my perspective, the form works as intended (see issue #1795) and:

• PR done with correct branch
• PR links to correct issue
• code is clean
• form is responsive
  Approved 👍