[FE-07] Admin booking calendar board — day/week grid across all workspaces

[yusuftomilola]

Overview

/admin/bookings is a flat table. Space managers think spatially: "what's happening in every room today?" A resource-scheduler board (rows = workspaces, columns = time) is the operational heart of OfficeRnD/Skedda admin UIs.

Tasks

• New page frontend/app/admin/calendar/page.tsx (admin conventions as in frontend/app/admin/bookings/page.tsx).
• Day view: workspaces as rows, hours as columns; bookings as colored blocks (status colors consistent with [FE-06]) showing member name + time. Week view: workspaces × days.
• Filters: workspace type, status; date navigation with URL state.
• Click a booking → detail drawer/modal with the key facts and quick actions wired to existing endpoints: confirm (PATCH /bookings/:id/confirm), cancel, complete, and approve/reject once [BE-21] lands (render conditionally on the status).
• Occupancy summary strip per day (X of Y seat-hours booked) if cheap to compute client-side; otherwise skip (BE-40 covers analytics later).
• Needs all bookings for a date range: extend the admin bookings query hook with range params if the API supports it, or request the addition in the PR (small, acceptable in scope).

Acceptance Criteria

• An admin sees every booking across all workspaces for the selected day, and can confirm/cancel from the drawer without leaving the page.
• The board stays usable at 20+ workspaces (row virtualization or scroll).
• Non-admins cannot access the page.

Dependencies

Benefits from [BE-17] and [BE-21]; do not block on them.

Notes for Contributors

Add the page to the admin sidebar. Comment below to be assigned.

[almuslavish]

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

I would like to work on this issue pls 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

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

[emynogithub]

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

Can I work on this? As an experience software Engineer

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

[Deeeelighttt]

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

Hi there, I'd like to contribute to this.

I'm an experienced software engineer with a strong foundation in JavaScript/TypeScript, distributed systems, and API development. I care about code quality, test coverage, and clear communication in open source work.

I understand what's being asked here and I'm confident I can implement this correctly and efficiently.

I'd love the opportunity to work on this — please consider assigning it to me.

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

[drips-wave]

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

🧑‍💻 @Deeeelighttt: 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 | FWC26 campaign!

@Deeeelighttt's PR #1569 was approved and merged by @yusuftomilola.

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

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

[drips-wave]

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

😎 @Deeeelighttt: 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.