feat(heureka): adds image details page

[hodanoori]

Summary

Adds a dedicated image details page to support remediation activities. The page shows image information and vulnerabilities, and will later include separate lists for remediated and non-remediated issues.
Previously, image details were shown in a panel overlay. This change moves them to a full-page route /services/$service/$image to provide more space and structure for future remediation features.

Changes Made

• Created new image details page route at /services/$service/$image with loader and breadcrumb configuration
• Refactored ImageDetails component structure by moving it to ImageDetails/index.tsx folder and reorganizing related components
• Updated Service component to support nested routes with conditional rendering of for child routes
• Enhanced navigation persistence to save and restore service and image details when switching between "Services" and "Vulnerabilities" tabs
• Updated service overview panel to navigate to image details page when clicking "Show Details" button on individual images
• Fixed TypeScript deprecation warnings by replacing ApolloQueryResult with generated GetImagesQueryResult type
• Fixed ESLint errors by extracting inline component function to named function for proper hooks analysis

Related Issues

• Issue 1: [Task](heureka): adds image details page #1394

Screenshots (if applicable)

Testing Instructions

Go to the “Services” tab and click the “Show Details” button on any service in the list. You should be navigated to the service details page. Verify that the breadcrumb shows Services > [selected service name].

Then select an image in the image list. You should be navigated to the image details page, where the detailed information for that image is shown at the top of the page and a list of vulnerabilities is displayed below it. Check that the Breadcrumb shows the selected image name correctly.

1. pnpm i
2. pnpm TASK

Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.
• I have made corresponding changes to the documentation (if applicable).
• My changes generate no new warnings or errors.
• I have created a changeset for my changes.

PR Manifesto

Review the PR Manifesto for best practises.

[changeset-bot]

🦋 Changeset detected

Latest commit: 5b80493

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@cloudoperators/juno-app-heureka	Patch
@cloudoperators/juno-app-greenhouse	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-01-08 08:38 UTC

[andypf]

Lgtm, just one comment.

[ArtieReus]

yeah!! 🚀 Just 1 comment

[taymoor89]

great job! 👍