Threads and more! (#1232)

* 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

---------

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

pages/dashboard/projects.vue

@@ -183,7 +183,7 @@
           </button>
           <div class="push-right">
             <div class="labeled-control-row">
-              Sort By
+              Sort by
               <Multiselect
                 v-model="sortBy"
                 :searchable="false"
@@ -194,8 +194,13 @@
                 :allow-empty="false"
                 @update:model-value="projects = updateSort(projects, sortBy, descending)"
               />
-              <button class="square-button" @click="updateDescending()">
-                <ArrowIcon :transform="`rotate(${descending ? -90 : 90})`" />
+              <button
+                v-tooltip="descending ? 'Descending' : 'Ascending'"
+                class="square-button"
+                @click="updateDescending()"
+              >
+                <DescendingIcon v-if="descending" />
+                <AscendingIcon v-else />
               </button>
             </div>
           </div>
@@ -311,7 +316,8 @@ import PlusIcon from '~/assets/images/utils/plus.svg'
 import CrossIcon from '~/assets/images/utils/x.svg'
 import EditIcon from '~/assets/images/utils/edit.svg'
 import SaveIcon from '~/assets/images/utils/save.svg'
-import ArrowIcon from '~/assets/images/utils/left-arrow.svg'
+import AscendingIcon from '~/assets/images/utils/sort-asc.svg'
+import DescendingIcon from '~/assets/images/utils/sort-desc.svg'
 
 export default defineNuxtComponent({
   components: {
@@ -329,7 +335,8 @@ export default defineNuxtComponent({
     ModalCreation,
     Multiselect,
     CopyCode,
-    ArrowIcon,
+    AscendingIcon,
+    DescendingIcon,
   },
   async setup() {
     const user = await useUser()
@@ -387,13 +394,7 @@ export default defineNuxtComponent({
       switch (sort) {
         case 'Name':
           sortedArray = projects.slice().sort((a, b) => {
-            if (a.title < b.title) {
-              return -1
-            }
-            if (a.title > b.title) {
-              return 1
-            }
-            return 0
+            return a.title.localeCompare(b.title)
           })
           break
         case 'Status':
@@ -633,6 +634,7 @@ export default defineNuxtComponent({
   min-width: 0;
   align-items: center;
   gap: var(--spacing-card-md);
+  white-space: nowrap;
 }
 
 .small-select {