Add cookie banner and enable gtag

[e111077]

Fixes #932

We should first enable page count analtics

Links to test:

light bg:
https://pr922-8f2ca78---lit-dev-5ftespv5na-uc.a.run.app/

dark bg:
https://pr922-8f2ca78---lit-dev-5ftespv5na-uc.a.run.app/playground
https://pr922-8f2ca78---lit-dev-5ftespv5na-uc.a.run.app/tutorials/intro-to-lit

Followed semantics and DOM structure of the angular and firebase ones

[github-actions]

A live preview of this PR will be available at the URL(s) below.
The latest URL will be appended to this comment on each push.
Each build takes ~5-10 minutes, and will 404 until finished.

https://pr922-a998292---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-1c63afb---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-e094fef---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-8e4c471---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-8d0d840---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-d0adf32---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-992333f---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-2b6c276---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-ba9a46a---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-5926357---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-3509f92---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-2d6a486---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-7a55e16---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-8f2ca78---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-a4f2d45---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-85e7239---lit-dev-5ftespv5na-uc.a.run.app/
https://pr922-6f56c27---lit-dev-5ftespv5na-uc.a.run.app/

[e111077]

oops, screenshot tests. I mean what's so bad about this test result?

[aomarks]

I think it looks a bit weird on the playground and tutorials pages, because the background color is the same as the one on that page. What if it was black?

[aomarks]

I think it looks a bit weird on the playground and tutorials pages, because the background color is the same as the one on that page. What if it was black?

A shadow could also help. The one at https://web.dev/ is black with shadow.

[e111077]

OMG TESTS PASS! I've also added a screenshot test for the banner. Also added Material elevation 5 following material.io's recommendation for material 2 snackbars

[aomarks]

Curious where did the language for this come from? The web.dev one is "We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience."

[aomarks]

What if it was black?

How did black look?

[e111077]

oh oops here's the black one. Material design tends to add an overlay opacity on top of elevated items. This makes it lighter as it approaches... the sun? the screen? but its the same underlying bg color. Want me to try that?

[augustjk]

Curious where did the language for this come from?

Yes. Do we need to say cookies from Google?

[e111077]

We finally got the go-ahead from launch review

[aomarks]

Screenshot needs updating I assume?

[e111077]

IDK why the tests keep getting cancelled

[e111077]

test failures are from another PR that got into main. Will fix in followup