[FE] Show fine-grained token details in PAT details drawer

On the personal access tokens page, clicking on a PAT's name or Show details in the actions dropdown will show the PAT details drawer:

ksnip_20251116-123257

Currently, this drawer only shows details for a legacy token (a.k.a. broad access token). Once we can create and fetch fine-grained tokens, we need to update this drawer to show details for a fine-grained token as well.

Design

https://www.figma.com/design/81fhUCJsMdDd3G26lfJa1i/Fine-grained-PATs?node-id=0-1&p=f&t=tsYCP1Z0DsOsR1SX-0

Interactive prototype

https://www.figma.com/make/UR218bSAFaHJG7mBXomTzp/Fine-grained--Personal-Access-Token?node-id=0-1&p=f&t=ryGDZ5bIxSRvbmOo-0

Example

ksnip_20251116-123706
Edited by 🤖 GitLab Bot 🤖