馃帹 Design: API fuzz - Improve experiences CI variable as credentials

Problem

In the MVC issue, we allow the user to use existing protected variable only, for the best experiences. We should allow the user to create a protected variable in the same UI page.

Proposed Solution

Detect whether the current user is a maintainer or not, show different messages

When use is a developer When use is a maintainer frontend validation
MVC-code-snippet-api-fuzz-authentication-developer-1 MVC-code-snippet-api-fuzz-authentication-maintainer-1) MVC-code-snippet-api-fuzz-authentication-maintainer-1-fail-validation

Figma: https://www.figma.com/file/T3GLY9ygaPgywEuoIfOvvD/API-Fuzzing-Configuration?node-id=453%3A242

Old solution
New passowrd New user name
new-variabel new-user-name
Edited by Camellia X Yang