Versatile auth URLs & many UI fixes (#199)

* Make project cards right-align their last element

Spaces out elements in a `.project-card` using `justify-content: space-between;`.

Fixes modrinth/knossos#170

* Automatically set URL for auth redirect

* Make login button use base url or current origin

Allows the login button to work in dev environment

* Remove Axios base URL trailing slash

* Update authUrl() on dashboard to match default

* Remove 'code' query from URL on page load
Allow non-exact paths to highlight mod & dashboard tabs

Fixes modrinth/knossos#200

* Make page 5 button visible on page 4 (pagination)

Fixes modrinth/knossos#184

* Color links on legal pages

Fixes modrinth/knossos#166

* Set max notifications to 5 and ignore duplicates

Fixes modrinth/knossos#175

* Add space above report button when no user desc

Fixes modrinth/knossos#143

* Better text spacing from edge of mobile screen

Fixes modrinth/knossos#179

* Fix slanted bars in modrinth/knossos#57

* Fix checkbox grid and role label

Fixes modrinth/knossos#191

* Move mod 'settings' button to the far right

Fixes modrinth/knossos#138

* Abbreviate minutes to min. when time is too long

Not a perfect solution imo, but works for now

Fixes modrinth/knossos#193

* Fix mobile header margins & add breakpoints

Fixes modrinth/knossos#203

* Clean up nuxt config
Silence babel warning & styleResources

* Upgrade sass-loader to 10.1.1 and remove warning

* Remove added horizontal footer padding

https://github.com/modrinth/knossos/pull/199#discussion_r629011624

* Improve mobile header fix

* Fix up minor inconsistencies in mod header

* Remove hard coded date

* Cleans up pagination to be more intuitive

* Fixes member invite input on moble

* Fix login button when searching mods

* Improved mobile mod search

Consistently sized pagination buttons

Breakpoint for sort buttons on smaller screens

* Consistent link style on text-only pages

* Better 4k support

* Slightly better mobile project-card support

Shuffles categories under mod icon when there is room

* Animate homepage typewriter effect backwards

* Tiny commit to align mod icons in mod headers

* Make processing status include 'Under Review'

This can be later updated once the backend has a separate status

* Create vercel.json

* Update domain auto detection

* Test vercel NODE_ENV

* Remove console.log for debugging hosting services

* Make mobile first + fix shrinked text circle size

* Optimize SVG

* Change media queries to be more mobile first

* Remove `|| window.location.origin`

* re-deploy vercel

* Change "Processing" message to "Under review"

pages/mods.vue

@@ -613,9 +613,11 @@ export default {
 
         this.currentPage = newPageNumber
         if (pageAmount > 4) {
-          if (this.currentPage + 1 >= pageAmount) {
+          if (this.currentPage + 3 >= pageAmount) {
             this.pages = [
               1,
+              '-',
+              pageAmount - 4,
               pageAmount - 3,
               pageAmount - 2,
               pageAmount - 1,
@@ -624,13 +626,15 @@ export default {
           } else if (this.currentPage > 4) {
             this.pages = [
               1,
+              '-',
               this.currentPage - 1,
               this.currentPage,
               this.currentPage + 1,
+              '-',
               pageAmount,
             ]
           } else {
-            this.pages = [1, 2, 3, 4, pageAmount]
+            this.pages = [1, 2, 3, 4, 5, '-', pageAmount]
           }
         } else {
           this.pages = Array.from({ length: pageAmount }, (_, i) => i + 1)
@@ -716,6 +720,12 @@ export default {
     margin-right: 0.5rem;
     display: flex;
     width: auto;
+    @media screen and (max-width: 350px) {
+      flex-direction: column;
+      .mobile-filters-button {
+        margin: 0.5rem 0 0 0;
+      }
+    }
     .per-page {
       margin-left: 0.5rem;
       display: none;
@@ -739,7 +749,7 @@ export default {
 .search-bottom {
   align-items: center;
   display: flex;
-  justify-content: flex-end;
+  justify-content: center;
   background: var(--color-raised-bg);
   border-radius: var(--size-rounded-card);
   padding: 0 1rem;
@@ -752,6 +762,7 @@ export default {
   }
   @media screen and (min-width: 550px) {
     padding: 0.25rem 1rem 0.25rem 1rem;
+    justify-content: flex-end;
     .per-page {
       display: unset;
     }