Set up read-only DB

[frankenwino]

Create a read-only database that will be populated with mock data. Provide team with access credentials.

[frankenwino]

References issue #53

Amended type Avatar from

export type Avatar = {
  id: number;
  name: string;
  image: string;
  colour_code: string;
};

...to

export type Avatar = {
  id: number;
  name: string;
  emoji: string;
  colour_code: string;
};

[frankenwino]

Look at ./components/ConnectToDBExample.tsx for a demo.

Pre-use checklist:

• Create a .env file in the project root and add the config info here
• npm install to install the new dependencies