Add page specific head title

[tuliren]

What

• This is one of the few tiny UI tweaks I'd like to squash after following the tutorials.
• Currently the web application always show the same HTML title on the browser toolbar.
  
• This add page specific HTML title for each page.
  
• Here is the comparison of the page history:

Current Airbyte Page History	New Airbyte Page History

How

• Helmet is used to update HTML head title in each page.

Pre-merge Checklist

• Run integration tests
• Publish Docker images

Recommended reading order

1. HeadTitle.tsx
2. the rest

┆Issue is synchronized with this Asana task by Unito

[tuliren]

Hmm, even though I have assigned the reviewers, the assign bot always tries to add two new people. This PR probably does not require that many pairs of eyes.

[davinchia]

@tuliren feel free to remove people that you don't think are required

[avaidyanatha]

Can't speak to the TS, but this is a great idea for the UI.

Only comment would be perhaps using a • instead of a | to separate subpages

[jamakase]

I only have few questions, but in common looks fine. Awesome work!

[tuliren]

Only comment would be perhaps using a • instead of a | to separate subpages

The pipe character | seems more clear and concise than •. • is not an ASCII character, and looks bulkier than the other English characters around it. So I'd prefer to stick with the pipe.

[avaidyanatha]

Only comment would be perhaps using a • instead of a | to separate subpages

The pipe character | seems more clear and concise than •. • is not an ASCII character, and looks bulkier than the other English characters around it. So I'd prefer to stick with the pipe.

Fair enough! There is ASCII 250 which serves the same purpose, but the pipe is totally fine, just a stylistic suggestion.