App redesign (#2946)

* Start of app redesign

* format

* continue progress

* Content page nearly done

* Fix recursion issues with content page

* Fix update all alignment

* Discover page progress

* Settings progress

* Removed unlocked-size hack that breaks web

* Revamp project page, refactor web project page to share code with app, fixed loading bar, misc UI/UX enhancements, update ko-fi logo, update arrow icons, fix web issues caused by floating-vue migration, fix tooltip issues, update web tooltips, clean up web hydration issues

* Ads + run prettier

* Begin auth refactor, move common messages to ui lib, add i18n extraction to all apps, begin Library refactor

* fix ads not hiding when plus log in

* rev lockfile changes/conflicts

* Fix sign in page

* Add generated

* (mostly) Data driven search

* Fix search mobile issue

* profile fixes

* Project versions page, fix typescript on UI lib and misc fixes

* Remove unused gallery component

* Fix linkfunction err

* Search filter controls at top, localization for locked filters

* Fix provided filter names

* Fix navigating from instance browse to main browse

* Friends frontend (#2995)

* Friends system frontend

* (almost) finish frontend

* finish friends, fix lint

* Fix lint

---------

Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

* Refresh macOS app icon

* Update web search UI more

* Fix link opens

* Fix frontend build

---------

Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>

apps/app-frontend/src/components/ui/settings/PrivacySettings.vue

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { get, set } from '@/helpers/settings'
+import { Toggle } from '@modrinth/ui'
+import { optInAnalytics, optOutAnalytics } from '@/helpers/analytics'
+
+const settings = ref(await get())
+
+watch(settings, async () => {
+  if (settings.value.telemetry) {
+    optInAnalytics()
+  } else {
+    optOutAnalytics()
+  }
+
+  await set(settings.value)
+})
+</script>
+
+<template>
+  <div class="flex items-center justify-between gap-4">
+    <div>
+      <h2 class="m-0 text-2xl">Personalized ads</h2>
+      <p class="m-0 mt-1 leading-tight">
+        Modrinth's ad provider, Aditude, shows ads based on your preferences. By disabling this
+        option, you opt out and ads will no longer be shown based on your interests.
+      </p>
+    </div>
+    <Toggle
+      id="personalized-ads"
+      :model-value="settings.personalized_ads"
+      :checked="settings.personalized_ads"
+      @update:model-value="
+        (e) => {
+          settings.personalized_ads = e
+        }
+      "
+    />
+  </div>
+
+  <div class="mt-4 flex items-center justify-between gap-4">
+    <div>
+      <h2 class="m-0 text-2xl">Telemetry</h2>
+      <p class="m-0 mt-1 leading-tight">
+        Modrinth collects anonymized analytics and usage data to improve our user experience and
+        customize your experience. By disabling this option, you opt out and your data will no
+        longer be collected.
+      </p>
+    </div>
+    <Toggle
+      id="opt-out-analytics"
+      :model-value="settings.telemetry"
+      :checked="settings.telemetry"
+      @update:model-value="
+        (e) => {
+          settings.telemetry = e
+        }
+      "
+    />
+  </div>
+
+  <div class="mt-4 flex items-center justify-between gap-4">
+    <div>
+      <h2 class="m-0 text-2xl">Discord RPC</h2>
+      <p class="m-0 mt-1 leading-tight">
+        Manages the Discord Rich Presence integration. Disabling this will cause 'Modrinth' to no
+        longer show up as a game or app you are using on your Discord profile. This does not disable
+        any instance-specific Discord Rich Presence integrations, such as those added by mods. (app
+        restart required to take effect)
+      </p>
+    </div>
+    <Toggle
+      id="disable-discord-rpc"
+      v-model="settings.discord_rpc"
+      :checked="settings.discord_rpc"
+    />
+  </div>
+</template>