Tags inside of <a> tags on lightbox component to be clickable

The current way of checking click outside of the lightbox content to close the box ignores clicking event when clicking `<a>` with a tag inside, for example, `<span>` tag inside of `<a>` tag.

```html
<a href="http://www.sky.com">Sky</a> <!-- works -->
<a href="http://www.sky.com">Go to <span>Sky</span></a> <!-- doesn't work if "Sky" is clicked -->
```

This fix checks if the click event target itself or any of its parents is `<a>` tag instead of just checking the event target alone.