TL;DR

Enhanced the Reservoir feature with artifact detail pages and improved navigation using React Router.

What changed?

• Added a dedicated route for artifact details (/reservoir/:artifactId) to enable direct linking to specific artifacts
• Refactored the ReservoirArtifactDetail component to work with the new routing system
• Moved common utility functions for status and type icons/colors to a separate utils file
• Enhanced the artifact list to use React Router links instead of click handlers
• Improved the version details display with a table layout instead of a list
• Added support for source URLs with clickable links
• Added visual indicators for installed and pulling versions
• Improved date formatting for better readability

How to test?

1. Navigate to the Reservoir page
2. Click on any artifact to view its details
3. Verify the URL changes to include the artifact ID
4. Test the back button functionality
5. Check that version information is displayed correctly in the table
6. Verify that source links are clickable when available
7. Test the pull functionality for different artifact versions

Why make this change?

This change improves the user experience by:

• Enabling direct linking to specific artifacts (shareable URLs)
• Providing a more consistent navigation pattern using React Router
• Displaying more detailed version information in a clearer format
• Making better use of visual indicators to show artifact status
• Improving code organization by extracting common utility functions