WIP: Add accept privacy to the about dialog

[OlegMoshkovich]

This PR mainly contains the change to the about dialog - the slider is replaced by the toggle switch.
It also contains style changes to the dialog component and some style changes to the open dialog.

[netlify]

✅ Deploy Preview for bldrs-share ready!

Name	Link
🔨 Latest commit	64c75be
🔍 Latest deploy log	https://app.netlify.com/sites/bldrs-share/deploys/639791946cee0f00085c2c60
😎 Deploy Preview	https://deploy-preview-437--bldrs-share.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[pablo-mayrgundter]

@MarkusSteinbrecher you brought up in the meeting that you think there's specific language we need for this dialog. Could you research and let us know?

[MarkusSteinbrecher]

Document is updated with the most relevant content to update our privacy guidelines.

[pablo-mayrgundter]

I think we're still planning in the design doc. I updated it with last status from Discord. Current agreed proposal is:

• 1 checkbox, default=checked, for third-party cookies, label TBD
• Add OK button to dialog
• No inline mention of functional cookies, but do link to wiki page with detailed info (wiki page TODO)

[OlegMoshkovich]

@pablo-mayrgundter @MarkusSteinbrecher please take a look at the current implementation of the cookies section.

In my view it is strickly better then we have right now. I propose to merge it and continue the discussion about it, and if we agree to change it, it will be done in the separate PR.

[pablo-mayrgundter]

Heya, thanks for the change. For the label, I suggest:

<h2>Cookies</h2>
Analytics <grey>(anon., 3rd party)</grey> ☑️
<small>(Details...)</small>

[MarkusSteinbrecher]

The radio button is great. Mixed feelings about the colors though but ok ;)

[OlegMoshkovich]

@MarkusSteinbrecher just experimenting a bit ;)
Like the current colors better?

[MarkusSteinbrecher]

Looks great. My only question now is: what is on and what is off? With properties we use the radio button opposite to what I would expect. Dark green is turned off and grey is turned on. Is it the same here? Dark green is off? I honestly do not know and maybe I am not the only one?

This is what I am used to regarding radio buttons (we do it the opposite way):

[pablo-mayrgundter]

Agreed about the colors.. given a bright active color and a mute passive color, the bright color should indicate on, passive off.

For the text, please call it "Analytics cookies (read more)" and link "read more" here: https://github.com/bldrs-ai/Share/wiki/Design#privacy

[OlegMoshkovich]

Made the changes to the switch track, added accept cookies title, added read more link.

[pablo-mayrgundter]

Looks good, but I think we want it on by default! :)

EDIT: n/m.. my mistake. Looks good