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/FeatureFlagSettings.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { Toggle } from '@modrinth/ui'
+import { useTheming } from '@/store/state'
+import { computed } from 'vue'
+import type { Ref } from 'vue'
+
+const themeStore = useTheming()
+
+type ThemeStoreKeys = keyof typeof themeStore
+
+const options: Ref<ThemeStoreKeys[]> = computed(() => {
+  return Object.keys(themeStore).filter((key) => key.startsWith('featureFlag_')) as ThemeStoreKeys[]
+})
+
+function getStoreValue<K extends ThemeStoreKeys>(key: K): (typeof themeStore)[K] {
+  return themeStore[key]
+}
+
+function setStoreValue<K extends ThemeStoreKeys>(key: K, value: (typeof themeStore)[K]) {
+  themeStore[key] = value
+}
+
+function formatFlagName(name: string) {
+  return name.replace('featureFlag_', '')
+}
+</script>
+<template>
+  <div v-for="option in options" :key="option" class="mt-4 flex items-center justify-between">
+    <div>
+      <h2 class="m-0 text-xl capitalize">{{ formatFlagName(option) }}</h2>
+    </div>
+
+    <Toggle
+      id="advanced-rendering"
+      :model-value="getStoreValue(option)"
+      :checked="getStoreValue(option)"
+      @update:model-value="() => setStoreValue(option, !themeStore[option])"
+    />
+  </div>
+</template>