Show a loading state when deleting an API key

[avishek0769]

Summary:
Add visible feedback and disable duplicate actions while an API key deletion is in progress on the Settings page.

Why:
src/pages/Settings.tsx currently sends the delete request immediately, but there is no loading state on the key being removed. If the request is slow, the user can click multiple times and trigger duplicate requests or confusing error states.

Files to change:

• src/pages/Settings.tsx

Acceptance criteria:

• The delete button for the targeted API key shows a loading state.
• The targeted delete button is disabled while the request is in flight.
• Other key-management actions are also disabled while deletion is running.
• If deletion fails, the user sees a readable error message.

Implementation notes:

• Track the active key being deleted with state such as deletingKeyId.
• Use that state to disable the matching delete button and show a spinner or text swap.

[shineetejol9]

I'd like to work on this issue under ssoc 2026, Please assign this to me

[Sahilpatil2320]

Hi @avishek0769,
I'd like to work on this issue under SSOC 2026.
I've reviewed the requirements and can implement the loading state, disable actions during deletion, and handle error feedback. Could you please assign it to me?

[avishek0769]

@Sahilpatil2320 Assigned