Option to show the filename during labeling

**Is your feature request related to a problem? Please describe.**
When labeling images, only the image and its #ID are displayed. However, the filename itself can contain valuable information, such as object descriptions, timestamps, or reference codes useful. Displaying the filename would help users cross-check details and improve efficiency.

**Describe the solution you'd like**
I would like an option to display the image filename while labeling. A simple overlay (e.g., top-left of the image) showing the filename would be ideal.

**Describe alternatives you've considered**
This could be an optional feature under "Labeling Interface Settings", allowing users to enable it only if needed.

**Additional context**
I have tested this manually using the DevTools console:

```javascript

const img = document.querySelector('img[alt="LS"]');
if (img) {
const h4 = document.createElement('h4');
h4.textContent = img.src;
h4.style.position = 'absolute';
h4.style.background = 'rgba(255, 255, 255, 0.7)'; // Semi-transparent background
h4.style.padding = '5px';
h4.style.borderRadius = '5px';
h4.style.fontSize = '14px';
h4.style.color = 'black';
h4.style.zIndex = '1000';

// Position it over the image
const rect = img.getBoundingClientRect();
h4.style.left = rect.left + window.scrollX + 'px';
h4.style.top = rect.top + window.scrollY + 'px';

document.body.appendChild(h4);
}
```

This overlay improves usability, and having it as a built-in feature would be very useful.


Would love to see this implemented!