[FE-26] Admin audit log: frontend (/admin/audit-log page)

[yusuftomilola]

Overview

Super admins need a UI to review the audit log, investigate suspicious actions, and verify that admin operations were carried out correctly.

Context

• Admin members page pattern: frontend/app/admin/members/page.tsx
• Depends on BE-29 being implemented first
• Only visible to users with role === 'super_admin'

Tasks

• Create /admin/audit-log page — data table with columns: Actor (user name), Action, Resource Type, Resource ID, Date/Time, IP Address
• Filters: resource type dropdown, actor search, date-range picker
• Expandable row — clicking expands to show the full metadata JSON (before/after state) in a formatted code block
• Read-only page — no action buttons (audit records are immutable)
• Hide page from nav if current user is not super_admin
• Create useGetAuditLog React Query hook

Files to Modify / Create

• New: frontend/app/admin/audit-log/page.tsx
• New: frontend/lib/react-query/hooks/admin/audit/useGetAuditLog.ts

[dubemoyibe-star]

@dubemoyibe-star has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I'd be interested in working on this once BE-29 is available.

I can build the "/admin/audit-log" page following the existing admin page patterns, including the audit table, filtering options, and expandable rows for viewing metadata in a readable format. Since the page is intended to be read-only, I'll keep the experience focused on investigation and review rather than actions.

I'll also add the "useGetAuditLog" React Query hook and make sure the page is only accessible to "super_admin" users, with the navigation hidden for other roles. The goal is to make it easy for admins to review activity while keeping the implementation consistent with the rest of the admin dashboard.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dubemoyibe-star to this issue.

[Talentgift24-ux]

@Talentgift24-ux has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

i would love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Talentgift24-ux to this issue.

[lawrettaumebe710-maker]

@lawrettaumebe710-maker has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

please can you assign this issue to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @lawrettaumebe710-maker to this issue.

[JoeX17]

@JoeX17 has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

i would like to work on this, can it be assigned to me?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @JoeX17 to this issue.

[drips-wave]

Congratulations, @JoeX17! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @JoeX17: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@JoeX17's PR #1257 was approved and merged by @yusuftomilola.

🏆 @JoeX17: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (261 total points). Track your full progress on GrantFox.

👏 Great work, @JoeX17! Keep contributing to DistinctCodes.

[drips-wave]

This issue has been completed by @JoeX17 as part of the Stellar Wave Program's 6th Wave 🥳

😎 @JoeX17: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.