nit: Organize permission scopes on user tokens page (#52759)

Tried to figure out how to put it in cols instead of rows but was taking too long so this is a good incremental improvement

Before:
![Screenshot 2023-07-12 at 2 44 19
PM](https://github.com/getsentry/sentry/assets/67301797/cfefe9d8-bfe4-4f74-a12c-89a77a3545db)

After:
![Screenshot 2023-07-12 at 2 43 53
PM](https://github.com/getsentry/sentry/assets/67301797/e0b076b0-4246-47fc-afcb-662c2dbaae47)

static/app/constants/index.tsx

@@ -33,36 +33,36 @@ export const DEFAULT_APP_ROUTE = usingCustomerDomain
   : '/organizations/:orgSlug/issues/';
 
 export const API_ACCESS_SCOPES = [
-  'project:read',
-  'project:write',
-  'project:admin',
-  'project:releases',
-  'team:read',
-  'team:write',
-  'team:admin',
+  'alerts:read',
+  'alerts:write',
+  'event:admin',
   'event:read',
   'event:write',
-  'event:admin',
-  'org:read',
-  'org:write',
-  'org:admin',
-  'org:integrations',
+  'member:admin',
   'member:read',
   'member:write',
-  'member:admin',
-  'alerts:read',
-  'alerts:write',
+  'org:admin',
+  'org:integrations',
+  'org:read',
+  'org:write',
+  'project:admin',
+  'project:read',
+  'project:releases',
+  'project:write',
+  'team:admin',
+  'team:read',
+  'team:write',
 ] as const;
 
 // Default API scopes when adding a new API token or org API token
 export const DEFAULT_API_ACCESS_SCOPES = [
-  'event:read',
   'event:admin',
+  'event:read',
+  'member:read',
+  'org:read',
   'project:read',
   'project:releases',
-  'org:read',
   'team:read',
-  'member:read',
 ];
 
 // These should only be used in the case where we cannot obtain roles through