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>

packages/ui/src/components/version/VersionSummary.vue

@@ -0,0 +1,47 @@
+<template>
+  <div
+    class="grid grid-cols-[min-content_auto_min-content_min-content] items-center gap-2 rounded-2xl border-[1px] border-divider bg-bg p-2"
+  >
+    <VersionChannelIndicator :channel="version.version_type" />
+    <div class="flex min-w-0 flex-col gap-1">
+      <h1 class="my-0 truncate text-nowrap text-base font-extrabold leading-none text-contrast">
+        {{ version.version_number }}
+      </h1>
+      <p class="m-0 truncate text-nowrap text-xs font-semibold text-secondary">
+        {{ version.name }}
+      </p>
+    </div>
+    <ButtonStyled color="brand">
+      <a :href="downloadUrl" class="min-w-0" @click="emit('onDownload')">
+        <DownloadIcon aria-hidden="true" /> Download
+      </a>
+    </ButtonStyled>
+    <ButtonStyled circular>
+      <nuxt-link
+        :to="`/project/${props.version.project_id}/version/${props.version.id}`"
+        class="min-w-0"
+        aria-label="Open project page"
+        @click="emit('onNavigate')"
+      >
+        <ExternalIcon aria-hidden="true" />
+      </nuxt-link>
+    </ButtonStyled>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ButtonStyled, VersionChannelIndicator } from "../index";
+import { DownloadIcon, ExternalIcon } from "@modrinth/assets";
+import { computed } from "vue";
+
+const props = defineProps<{
+  version: Version;
+}>();
+
+const downloadUrl = computed(() => {
+  const primary: VersionFile = props.version.files.find((x) => x.primary) || props.version.files[0];
+  return primary.url;
+});
+
+const emit = defineEmits(["onDownload", "onNavigate"]);
+</script>