Update master with new auth (#1236)

* Begin UI for threads and moderation overhaul

* Hide close button on non-report threads

* Fix review age coloring

* Add project count

* Remove action buttons from queue page and add queued date to project page

* Hook up to actual data

* Remove unused icon

* Get up to 1000 projects in queue

* prettier

* more prettier

* Changed all the things

* lint

* rebuild

* Add omorphia

* Workaround formatjs bug in ThreadSummary.vue

* Fix notifications page on prod

* Fix a few notifications and threads bugs

* lockfile

* Fix duplicate button styles

* more fixes and polishing

* More fixes

* Remove legacy pages

* More bugfixes

* Add some error catching for reports and notifications

* More error handling

* fix lint

* Add inbox links

* Remove loading component and rename member header

* Rely on threads always existing

* Handle if project update notifs are not grouped

* oops

* Fix chips on notifications page

* Import ModalModeration

* finish threads

* New authentication (#1234)

* Initial new auth work

* more auth pages

* Finish most

* more

* fix on landing page

* Finish everything but PATs + Sessions

* fix threads merge bugs

* fix cf pages ssr

* fix most issues

* Finish authentication

* Fix merge

---------

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

pages/auth/verify-email.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="auth-page-container">
+    <template v-if="auth.user && auth.user.email_verified && !success">
+      <h1>Email already verified</h1>
+      <p>Your email is already verified!</p>
+      <nuxt-link class="btn" link="/settings/account">
+        <SettingsIcon /> Account settings
+      </nuxt-link>
+    </template>
+    <template v-else-if="success">
+      <h1>Email verification</h1>
+      <p>Your email address has been successfully verified!</p>
+      <nuxt-link v-if="auth.user" class="btn" to="/settings/account">
+        <SettingsIcon /> Account settings
+      </nuxt-link>
+      <nuxt-link v-else to="/auth/sign-in" class="btn btn-primary continue-btn">
+        Sign in <RightArrowIcon />
+      </nuxt-link>
+    </template>
+    <template v-else>
+      <h1>Email verification failed</h1>
+      <p>
+        We were unable to verify your email.
+        <template v-if="auth.user">
+          Try re-sending the verification email through the button below.
+        </template>
+        <template v-else>
+          Try re-sending the verification email through your dashboard by signing in.
+        </template>
+      </p>
+      <button v-if="auth.user" class="btn btn-primary continue-btn" @click="resendVerifyEmail">
+        Resend verification email <RightArrowIcon />
+      </button>
+      <nuxt-link v-else to="/auth/sign-in" class="btn btn-primary continue-btn">
+        Sign in <RightArrowIcon />
+      </nuxt-link>
+    </template>
+  </div>
+</template>
+<script setup>
+import { SettingsIcon, RightArrowIcon } from 'omorphia'
+
+useHead({
+  title: 'Verify Email - Modrinth',
+})
+
+const auth = await useAuth()
+
+const success = ref(false)
+const route = useRoute()
+
+if (route.query.flow) {
+  try {
+    const emailVerified = useState('emailVerified', () => null)
+
+    if (emailVerified.value === null) {
+      await useBaseFetch('auth/email/verify', {
+        method: 'POST',
+        body: {
+          flow: route.query.flow,
+        },
+      })
+      emailVerified.value = true
+      success.value = true
+    }
+
+    if (emailVerified.value) {
+      success.value = true
+
+      if (auth.value.token) {
+        await useAuth(auth.value.token)
+      }
+    }
+  } catch (err) {
+    success.value = false
+  }
+}
+</script>