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>

pages/settings.vue

@@ -15,8 +15,8 @@
             <NavStackItem link="/settings/account" label="Account">
               <UserIcon />
             </NavStackItem>
-            <NavStackItem link="/settings/pats" label="PATs">
-              <KeyIcon />
+            <NavStackItem link="/settings/authorizations" label="Authorizations">
+              <UsersIcon />
             </NavStackItem>
             <NavStackItem link="/settings/sessions" :label="formatMessage(messages.sessionsTitle)">
               <ShieldIcon />
@@ -25,6 +25,15 @@
               <CurrencyIcon />
             </NavStackItem>
           </template>
+          <template v-if="auth.user">
+            <h3>Developer Settings</h3>
+            <NavStackItem link="/settings/pats" label="PATs">
+              <KeyIcon />
+            </NavStackItem>
+            <NavStackItem link="/settings/applications" label="Applications">
+              <ServerIcon />
+            </NavStackItem>
+          </template>
         </NavStack>
       </aside>
     </div>
@@ -34,6 +43,7 @@
   </div>
 </template>
 <script setup>
+import { UsersIcon, ServerIcon } from 'omorphia'
 import NavStack from '~/components/ui/NavStack.vue'
 import NavStackItem from '~/components/ui/NavStackItem.vue'