[GF-FE-24] Build admin access control management page /admin/access-control

[yusuftomilola]

Problem

There is no admin interface for managing physical access control devices or viewing access logs. Admins cannot register a door reader, view who entered the hub and when, or grant/revoke a member's physical access. The access control backend (GF-BE-20) provides the API but has no frontend.

Proposed Solution

Create frontend/app/admin/access-control/page.tsx with two tabs.

Tab 1: Devices

• Table of registered access devices: Name, Type badge (QR Reader / RFID / Smart Lock), Location, Status badge (Online / Offline), Last Seen timestamp, Actions
• Register Device button → modal/form: Name, Type, Location dropdown, Device Identifier (hardware ID)
• Edit and delete per device

Tab 2: Access Logs

• Log table: Timestamp, Member Name (or "Unknown"), Device Name, Method (QR / RFID / Manual), Action badge (Granted / Denied), Deny Reason (if denied)
• Filters: Date range, Device dropdown, Action (All / Granted / Denied)
• Real-time feel: auto-refresh every 30 seconds or use a polling hook

Acceptance Criteria

• frontend/app/admin/access-control/page.tsx created with Devices and Logs tabs
• Devices tab fetches from GET /access-control/devices
• Register Device form calls POST /access-control/devices
• Access logs tab fetches from GET /access-control/logs with filter params
• Logs table auto-refreshes every 30 seconds
• Online/Offline status badge reflects device.status from the API
• Page linked from admin sidebar

Depends on: [GF-BE-20] Build smart lock and access control integration API

[barry01-hash]

My chief, i will love to work on this issue

[Malcolm-Wander]

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

Hello maintainer,I’d love to work on this issue please…promise to do bad accurate and swift job,thank you.

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

[Emelie-Dev]

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

Hi, I would love to work on this issue.

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

[mijinummi]

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

Hello maintainers I'm a full stack developer experience in building scalable systems I can handle this perfectly if assigned

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

[drips-wave]

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

🧑‍💻 @mijinummi: 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]

🦊 GrantFox — @mijinummi has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #1119)
2. Your PR will be reviewed by the DistinctCodes maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

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

@mijinummi's PR #1308 was approved and merged by @yusuftomilola.

🏆 @mijinummi: You earned 40 FoxPoints for this contribution! Your current tier: Builder (1,671 total points). Track your full progress on GrantFox.

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