Oauth 2 Flow UI (#1440)

* adjust existing sign-in flow

* test fetching of oauth client

* allow for apiversion override

* getAuthUrl refactor

* Adjust auth to accept complex url redirections

* introduce scopes

* accept oauth flow

* rename login/oauth to authorize

* conform to labrinth spec and oauth2 spec

* use cute icons for scope items

* applications pages

* Modal for copy client secret on creation

* rip out old state

* add authorizations

* add flow error state and implement feedback

* implement error notifications on error

* Client secret modal flow aligned with PAT copy

* Authorized scopes now aligned with Authorize screen

* Fix spelling and capitalization

* change redirect uris to include the input field

* refactor 2fa flow to be more stable

* visual adjustments for authorizations

* Fix empty field submission bug

* Add file upload for application icon

* Change shape of editing/create application

* replace icon with Avatar component

* Refactor authorization card styling

* UI feedback

* clean up spacing, styling

* Create a "Developer" section of user settings

* Fix spacing and scope access

* app description and url implementations

* clean up imports

* Update authorization endpoint

* Update placeholder URL in applications.vue

* Remove app information from authorization page

* Remove max scopes from application settings

* Fix import statement and update label styles

* Replace useless headers

* Update pages/auth/authorize.vue

Co-authored-by: Calum H. <contact@mineblock11.dev>

* Update pages/auth/authorize.vue

Co-authored-by: Calum H. <contact@mineblock11.dev>

* Finish PR

---------

Co-authored-by: Calum H. <contact@mineblock11.dev>
Co-authored-by: Jai A <jaiagr+gpg@pm.me>

middleware/auth.js

@@ -1,7 +1,35 @@
+const whitelistedParams = ['flow', 'error']
+
 export default defineNuxtRouteMiddleware(async (_to, from) => {
+  const config = useRuntimeConfig()
   const auth = await useAuth()
 
   if (!auth.value.user) {
-    return navigateTo(`/auth/sign-in?redirect=${encodeURIComponent(from.fullPath)}`)
+    const fullPath = from.fullPath
+
+    const url = new URL(fullPath, config.public.apiBaseUrl)
+
+    const extractedParams = whitelistedParams.reduce((acc, param) => {
+      if (url.searchParams.has(param)) {
+        acc[param] = url.searchParams.get(param)
+        url.searchParams.delete(param)
+      }
+      return acc
+    }, {})
+
+    const redirectPath = encodeURIComponent(url.pathname + url.search)
+
+    return await navigateTo(
+      {
+        path: '/auth/sign-in',
+        query: {
+          redirect: redirectPath,
+          ...extractedParams,
+        },
+      },
+      {
+        replace: true,
+      }
+    )
   }
 })