Feat: (frontend): add hover titles to interactive buttons for better UX

[Pritom2357]

Describe the feature

Add visible hover titles to interactive buttons so users can see what each control does. This complements existing aria-labels (screen readers) with title/tooltip for mouse users.

Motivation

• Buttons currently lack visible hints on hover.
• Improves discoverability and usability without changing behavior.

Scope

• Add title to interactive buttons in media-related views and other key areas.
• Keep existing aria-labels (or add where missing) for accessibility.
• Use simple title attributes for hover.

Implementation plan

• Audit buttons and add title with brief, action-oriented text.
• Preserve/add aria-label for assistive tech parity.
• Prefer consistent phrasing (e.g., “Next image”, “Zoom in”, “Close”, “Add to favorites”).

Testing

• Hover each updated button and verify the title appears.
• Keyboard focus + screen reader announces aria-label correctly.
• Test both light/dark themes and different viewport sizes.

Checklist

• Add titles
• Verify aria-labels
• Manual test on Windows + Tauri dev
• Lint/format pass

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I want to work on this issue

Checklist before Submitting.

• Have you updated docs for it?.
• Have you added unit tests?.
• Have you made sure unit tests pass?
• Have you made sure code formatting is correct?
• Does it contain any style related issues?

[Pritom2357]

@rahulharpal1603 I want to work on this, please assign it to me

[g-k-s-03]

is this issue is still open

[Pritom2357]

is this issue is still open

I was working on this issue and had a pull request on it which is not merged yet.

[cooldeba-21]

Hi @rahulharpal1603 ! Is this issue still open? If so, please assign it to me .

[Lavkush24]

is this issue assigned to anyone? if not than please assign it to me @rahulharpal1603