Projects overhaul for creators (#827)

* Projects page

* Continue work on bulk edit

* editLinks is now bulkEdit

* Bulk Edit Links completed

* Edit URL clear fields.

* Create project button + other bulk buttons.

* Pagination (w/o reactivity.)

* Apply suggestions from code review

Co-authored-by: triphora <emmaffle@modrinth.com>

* Sorting fixed, broken page count though?

* Only make editable projects selectable + remove delete button

* Shorthand

* Start using computed

* Fix pagination

* Add Pagination Switching

* Final Style Changes

* Cleanup

* Action Affects dropdown

* Switch to checkbox swizzle

* Projects dashboard, the most hellish thing I have ever worked on

* Rewrite project dashboard without tables

* why's that there

* Fix mod message icon

* New project settings page

* Remove extra slash

* Bulk project route and improve styling of links UI

* Remove beta label from Monetization

* Relevant page links in project settings

* Don't vertically center header rows

* Improve error messages, add remove project icon button, add saving feedback, begin project checklist, fix license settings

* Remove contextual link from project settings, disable WIP checklist

* Fix bulk edit

* Project checklist, add featured gallery image to project pages, fix random bugs

* Remove old check

* Remove icon border on grid mode and hide project status card when unnecessary

* Fix build

* Make checklist progress smaller and add collapsing

* Remove uneven gap on nav cards

* Improve wrapping of checklist

* Replace project settings header link with status

* Fix bugs + status stuff

* Fix warns + compile error

* Update wording

* Hide environment type nag for project types without it

* Make member dropdown match

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

components/ui/Badge.vue

@@ -1,28 +1,32 @@
 <template>
   <span :class="'version-badge ' + color + ' type--' + type">
-    <template v-if="color"
-      ><span class="circle" /> {{ $capitalizeString(type) }}</template
-    >
-    <template v-else-if="type === 'admin'"
-      ><ModrinthIcon /> Modrinth Team</template
-    >
-    <template v-else-if="type === 'moderator'"
-      ><ModeratorIcon /> Moderator</template
-    >
+    <template v-if="color">
+      <span class="circle" /> {{ $capitalizeString(type) }}
+    </template>
+    <template v-else-if="type === 'admin'">
+      <ModrinthIcon /> Modrinth Team
+    </template>
+    <template v-else-if="type === 'moderator'">
+      <ModeratorIcon /> Moderator
+    </template>
     <template v-else-if="type === 'creator'"><CreatorIcon /> Creator</template>
     <template v-else-if="type === 'approved'"><ListIcon /> Listed</template>
     <template v-else-if="type === 'unlisted'"><EyeOffIcon /> Unlisted</template>
     <template v-else-if="type === 'draft'"><DraftIcon /> Draft</template>
-    <template v-else-if="type === 'archived'"
-      ><ArchiveIcon /> Archived</template
-    >
+    <template v-else-if="type === 'archived'">
+      <ArchiveIcon /> Archived
+    </template>
     <template v-else-if="type === 'rejected'"><CrossIcon /> Rejected</template>
-    <template v-else-if="type === 'processing'"
-      ><ProcessingIcon /> Under review</template
-    >
-    <template v-else
-      ><span class="circle" /> {{ $capitalizeString(type) }}</template
-    >
+    <template v-else-if="type === 'processing'">
+      <ProcessingIcon /> Under review
+    </template>
+    <template v-else-if="type === 'accepted'"><CheckIcon /> Accepted</template>
+    <template v-else-if="type === 'pending'">
+      <ProcessingIcon /> Pending
+    </template>
+    <template v-else>
+      <span class="circle" /> {{ $capitalizeString(type) }}
+    </template>
   </span>
 </template>
 
@@ -36,6 +40,7 @@ import DraftIcon from '~/assets/images/utils/file-text.svg?inline'
 import CrossIcon from '~/assets/images/utils/x.svg?inline'
 import ArchiveIcon from '~/assets/images/utils/archive.svg?inline'
 import ProcessingIcon from '~/assets/images/utils/updated.svg?inline'
+import CheckIcon from '~/assets/images/utils/check.svg?inline'
 
 export default {
   name: 'Badge',
@@ -49,6 +54,7 @@ export default {
     CrossIcon,
     ArchiveIcon,
     ProcessingIcon,
+    CheckIcon,
   },
   props: {
     type: {
@@ -90,12 +96,14 @@ export default {
     --badge-color: var(--color-special-red);
   }
 
+  &.type--pending,
   &.type--moderator,
   &.type--processing,
   &.orange {
     --badge-color: var(--color-special-orange);
   }
 
+  &.type--accepted,
   &.type--admin,
   &.green {
     --badge-color: var(--color-special-green);