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

@@ -0,0 +1,114 @@
+<script setup>
+import { Button, Slider } from '@modrinth/ui'
+import { ref, watch } from 'vue'
+import { get, set } from '@/helpers/settings.js'
+import { purge_cache_types } from '@/helpers/cache.js'
+import { handleError } from '@/store/notifications.js'
+import { BoxIcon, FolderSearchIcon, TrashIcon } from '@modrinth/assets'
+import ConfirmModalWrapper from '@/components/ui/modal/ConfirmModalWrapper.vue'
+import { open } from '@tauri-apps/plugin-dialog'
+
+const settings = ref(await get())
+
+watch(settings, async () => {
+  const setSettings = JSON.parse(JSON.stringify(settings.value))
+
+  if (!setSettings.custom_dir) {
+    setSettings.custom_dir = null
+  }
+
+  await set(setSettings)
+})
+
+async function purgeCache() {
+  await purge_cache_types([
+    'project',
+    'version',
+    'user',
+    'team',
+    'organization',
+    'loader_manifest',
+    'minecraft_manifest',
+    'categories',
+    'report_types',
+    'loaders',
+    'game_versions',
+    'donation_platforms',
+    'file_update',
+    'search_results',
+  ]).catch(handleError)
+}
+
+async function findLauncherDir() {
+  const newDir = await open({
+    multiple: false,
+    directory: true,
+    title: 'Select a new app directory',
+  })
+
+  if (newDir) {
+    settings.value.custom_dir = newDir
+  }
+}
+</script>
+
+<template>
+  <h2 class="m-0 text-2xl">App directory</h2>
+  <p class="m-0 mt-1">
+    The directory where the launcher stores all of its files. Changes will be applied after
+    restarting the launcher.
+  </p>
+
+  <div class="m-1 mt-2">
+    <div class="iconified-input w-full">
+      <BoxIcon />
+      <input id="appDir" v-model="settings.custom_dir" type="text" class="input" />
+      <Button class="r-btn" @click="findLauncherDir">
+        <FolderSearchIcon />
+      </Button>
+    </div>
+  </div>
+
+  <div class="flex items-center justify-between gap-4 mt-4">
+    <div>
+      <ConfirmModalWrapper
+        ref="purgeCacheConfirmModal"
+        title="Are you sure you want to purge the cache?"
+        description="If you proceed, your entire cache will be purged. This may slow down the app temporarily."
+        :has-to-type="false"
+        proceed-label="Purge cache"
+        @proceed="purgeCache"
+      />
+
+      <h2 class="m-0 text-2xl">App cache</h2>
+      <p class="m-0 mt-1 leading-tight">
+        The Modrinth app stores a cache of data to speed up loading. This can be purged to force the
+        app to reload data. This may slow down the app temporarily.
+      </p>
+    </div>
+    <button id="purge-cache" class="btn min-w-max" @click="$refs.purgeCacheConfirmModal.show()">
+      <TrashIcon />
+      Purge cache
+    </button>
+  </div>
+
+  <h2 class="m-0 text-2xl mt-4">Maximum concurrent downloads</h2>
+  <p class="m-0 mt-1">
+    The maximum amount of files the launcher can download at the same time. Set this to a lower
+    value if you have a poor internet connection. (app restart required to take effect)
+  </p>
+  <Slider
+    id="max-downloads"
+    v-model="settings.max_concurrent_downloads"
+    :min="1"
+    :max="10"
+    :step="1"
+  />
+
+  <h2 class="m-0 mt-4 text-2xl">Maximum concurrent writes</h2>
+  <p class="m-0 mt-1">
+    The maximum amount of files the launcher can write to the disk at once. Set this to a lower
+    value if you are frequently getting I/O errors. (app restart required to take effect)
+  </p>
+  <Slider id="max-writes" v-model="settings.max_concurrent_writes" :min="1" :max="50" :step="1" />
+</template>