Manage API Keys Page

[LudoLogical]

Story

As an authenticated project leader or developer portal admin, I want to see a page where I can create, assign, manage, and destroy Advanced API Keys.

Description

Create a new page, manage.tsx, in the Developer Portal Next.js app that resembles the relevant frames in the Figma file for Platform.

Acceptance Criteria

1. The page appears as shown in the Figma file. It consists of a KeyTable and a Button allowing users to create new Advanced API Keys, as well as the common Sidebar and Footer.
2. The KeyTable only shows key values if the user is a developer portal admin.
3. The function calls necessary for the interactive elements in the KeyTable DialogBoxes to work are mocked. They do not need to actually work (yet).
4. The KeyTable is not hidden if there are no keys to display. Instead, its empty variant is shown.
5. The Button allowing users to create new Advanced API Keys opens a DialogBox populated with the fields necessary to define the nature of the key and the keyholder. Nothing inside that is interactive needs to work (yet).

Notes

None