HG-89: Implement lightbox

This is a work in progress:

**TODOs**
- [x] Select lightbox component
- [x] Integrate the component
- [ ] Profit

what is the `- 1` doing here?