Setup a more detailed contributor guide for web.

[fozziethebeat]

This should includes some best practices and how to setup a local dev environment.

Best Practices

This should cover anything not handled by prettier such as:

• Preferred component patterns, one of
  1. class SomeComponent extends React.Component<SomeComponentProps, {}> {...}
  2. const SomeComponent = (props: SomeComponentProps) => {...};
  3. const SomeComponent: React.FC<SomeComponentProps> = (props) => {...};
• Preferred ways to use useSWR* hooks.
• Preference for useRef when feasible.
• Suggestions on updating state (especially with arrays).

Setup

This should include

• Pointer to running the backend stack in scripts/frontend-development.
• Updating the helper script with a web DB
• Some usable env variables for
  • NEXTAUTH_SECRET
  • DISCORD_CLIENT_ID
  • DISCORD_CLIENT_SECRET
  • EMAIL_SERVER_USER
  • EMAIL_SERVER_PASSWORD
  • EMAIL_SERVER_HOST
  • EMAIL_SERVER_PORT
  • EMAIL_FROM