[feat] Support password authorization schema

[Yura2108]

What problem will this feature address?

Since I am using FastAPI Backend which automatically generates OpenAPI schemas I am facing the following problem:

FastAPI Docs: https://fastapi.tiangolo.com/tutorial/security/simple-oauth2/

The authorisation scheme that is used in OAuth2PasswordBearer in OpenAPI looks like this:

"securitySchemes": {
      "OAuth2PasswordBearer": {
        "type": "oauth2",
        "flows": {
          "password": {
            "scopes": {},
            "tokenUrl": "api/auth/login"
          }
        }
      }
    }

It is supported in OpenAPI:
https://spec.openapis.org/oas/latest.html#fixed-fields-24

You are authorizing with login & password and getting the access token, that you will pass in Authorisation: Bearer {token} header

So.. I want to see the authorization by Login & Password in documentation

Describe the solution you'd like

Add the Form with Login, Password, Client ID, Client Secret here:

fumadocs/packages/openapi/src/playground/auth/oauth-dialog.tsx

Line 150 in 9e3223f

{(flow === 'authorizationCode' || flow === 'clientCredentials') && (

And handle this here:

fumadocs/packages/openapi/src/playground/auth/oauth-dialog.tsx

Line 96 in 9e3223f

const authorize = useQuery(async (values: FormValues) => {

Describe alternatives you've considered

I thought about moving to authorisationCode (clientCredentials) inside my application, but this is not the documentation behaviour I would like.

Additional context

Example from Swagger UI:

[fuma-nama]

noticed that as well, will improve the OAuth UI

[fuma-nama]

Implemented: 5067efc
need more time for polishing the UI, I'll switch the current OpenAPI example to Scalar's Galaxy example so you can try it out on our official site as well.