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>

components/ui/thread/ConversationThread.vue

@@ -33,7 +33,7 @@
         </div>
       </div>
     </Modal>
-    <div v-if="$cosmetics.developerMode" class="thread-id">
+    <div v-if="cosmetics.developerMode" class="thread-id">
       Thread ID: <CopyCode :text="thread.id" />
     </div>
     <div v-if="sortedMessages.length > 0" class="messages universal-card recessed">
@@ -77,7 +77,7 @@
         >
           <SendIcon /> Send
         </button>
-        <template v-if="currentMember && !isStaff($auth.user)">
+        <template v-if="currentMember && !isStaff(auth.user)">
           <template v-if="isRejected(project)">
             <button
               v-if="replyBody"
@@ -98,7 +98,7 @@
         <div class="spacer"></div>
         <div class="input-group extra-options">
           <template v-if="report">
-            <template v-if="isStaff($auth.user)">
+            <template v-if="isStaff(auth.user)">
               <button
                 v-if="replyBody"
                 class="iconified-button danger-button"
@@ -112,7 +112,7 @@
             </template>
           </template>
           <template v-if="project">
-            <template v-if="isStaff($auth.user)">
+            <template v-if="isStaff(auth.user)">
               <button
                 v-if="replyBody"
                 class="iconified-button brand-button"
@@ -216,8 +216,13 @@ const props = defineProps({
       return null
     },
   },
+  auth: {
+    type: Object,
+    required: true,
+  },
 })
 const app = useNuxtApp()
+const cosmetics = useCosmetics()
 
 const members = computed(() => {
   const members = {}
@@ -250,7 +255,7 @@ async function updateThreadLocal() {
   }
   let thread = null
   if (threadId) {
-    thread = await useBaseFetch(`thread/${threadId}`, app.$defaultHeaders())
+    thread = await useBaseFetch(`thread/${threadId}`)
   }
   props.updateThread(thread)
 }
@@ -265,7 +270,6 @@ async function sendReply(status = null) {
           body: replyBody.value,
         },
       },
-      ...app.$defaultHeaders(),
     })
     replyBody.value = ''
     await updateThreadLocal()
@@ -293,7 +297,6 @@ async function closeReport(reply) {
       body: {
         closed: true,
       },
-      ...app.$defaultHeaders(),
     })
     await updateThreadLocal()
   } catch (err) {