Add privacy policy

UI/BigComponents/CopyrightPanel.ts

@@ -21,6 +21,7 @@ import Loc from "../../Models/Loc";
 import Toggle from "../Input/Toggle";
 import {OsmConnection} from "../../Logic/Osm/OsmConnection";
 import Constants from "../../Models/Constants";
+import PrivacyPolicy from "./PrivacyPolicy";
 
 /**
  * The attribution panel shown on mobile
@@ -143,7 +144,8 @@ export default class CopyrightPanel extends Combine {
             })),
             CopyrightPanel.CodeContributors(),
             new Title(t.iconAttribution.title, 3),
-            ...iconAttributions
+            ...iconAttributions,
+            new PrivacyPolicy()
         ].map(e => e?.SetClass("mt-4")));
         this.SetClass("flex flex-col link-underline overflow-hidden")
         this.SetStyle("max-width: calc(100vw - 3em); width: 40rem; margin-left: 0.75rem; margin-right: 0.5rem")

UI/BigComponents/PrivacyPolicy.ts

@@ -0,0 +1,26 @@
+import Combine from "../Base/Combine";
+import Translations from "../i18n/Translations";
+import Title from "../Base/Title";
+
+export default class PrivacyPolicy extends Combine {
+    constructor() {
+        const t = Translations.t.privacy
+        super([
+            new Title(t.title, 2),
+            t.intro,
+
+            new Title(t.trackingTitle),
+            t.tracking,
+            new Title(t.geodataTitle),
+            t.geodata,
+            new Title(t.editingTitle),
+            t.editing,
+            new Title(t.miscCookiesTitle),
+            t.miscCookies,
+            new Title(t.whileYoureHere),
+            t.surveillance,
+
+        ]);
+        this.SetClass("link-underline")
+    }
+}