console: API->Security page shows permission error upon page refresh

### Version Information

Server Version: v2.6.1

### Environment

Cloud/EE

### What is the expected behaviour?
Security page should load when the user have correct permission, now it loads only when the user go through the api tab and clicking on the security button. when the user refresh or reload the page it shows permission error.

### Keywords

API Security Tab Permission

### What is the current behaviour?
security tab is not loading when directly accessed through URL

### How to reproduce the issue?

1. go to API -> Security on a cloud project
2. refresh the page

### Screenshots or Screencast


### Please provide any traces or logs that could help here.

### Any possible solutions?

fix the routing and permission check logic

### Can you identify the location in the source code where the problem exists?

### If the bug is confirmed, would you be willing to submit a PR?

Reproduce the issue by opening the API → Security page in a cloud project and refreshing its URL directly. Trace the page's routing and permission check, then verify that a user with the correct permission can load the page both through the API tab and after a refresh without a permission error.

Written by the indexing model from the issue text.