web: add env variable & plausible functionality

web/src/routes/settings/general/privacy/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import env from "$lib/env";
     import { t } from "$lib/i18n/translations";
 
     import SettingsCategory from "$components/settings/SettingsCategory.svelte";
@@ -6,19 +7,21 @@
     import OuterLink from "$components/misc/OuterLink.svelte";
 </script>
 
-<SettingsCategory sectionId="privacy" title={$t("settings.privacy.analytics")}>
-    <SettingsToggle
-        settingContext="privacy"
-        settingId="disableAnalytics"
-        title={$t("settings.privacy.analytics.title")}
-        description={$t("settings.privacy.analytics.description")}
-    />
-    <div class="subtext learn-more-plausible">
-        <OuterLink href="https://plausible.io/privacy-focused-web-analytics">
-            {$t("settings.privacy.analytics.learnmore")}
-        </OuterLink>
-    </div>
-</SettingsCategory>
+{#if env.PLAUSIBLE_ENABLED}
+    <SettingsCategory sectionId="analytics" title={$t("settings.privacy.analytics")}>
+        <SettingsToggle
+            settingContext="privacy"
+            settingId="disableAnalytics"
+            title={$t("settings.privacy.analytics.title")}
+            description={$t("settings.privacy.analytics.description")}
+        />
+        <div class="subtext learn-more-plausible">
+            <OuterLink href="https://plausible.io/privacy-focused-web-analytics">
+                {$t("settings.privacy.analytics.learnmore")}
+            </OuterLink>
+        </div>
+    </SettingsCategory>
+{/if}
 
 <style>
     .learn-more-plausible {