Refactor Image Carousel to Improve Monument Photo Navigation

## Enhancement Request: Image Carousel Refactoring

### Current Behavior
The current implementation displays static images in the main area, and requires users to click on thumbnails to open a separate carousel view for image navigation. This creates an unnecessary extra step and disrupts the user experience.

### Proposed Change
This issue proposes refactoring the existing image viewing functionality to provide a more streamlined experience:

- Move the carousel functionality directly to the main image area
- Allow users to navigate through images directly in the main view
- Maintain the thumbnail row for quick navigation between images
- Eliminate the separate carousel view that currently appears on thumbnail clicks
- Ensure proper synchronization between the main image display and selected thumbnail

### Technical Approach
- Refactor the existing image display components
- Repurpose the current carousel implementation to function in the main area
- Update the thumbnail click handling to navigate within the main view rather than opening a separate view
- Maintain visual indication for the currently selected thumbnail
- Ensure responsive design is preserved

### Expected Benefits
- Simplified user flow for viewing monument images
- Reduced UI clutter by eliminating redundant views
- More intuitive and direct interaction with monument photography
- Improved overall user experience

### Dependencies
- No new dependencies required, will use existing project libraries

I'll implement this refactoring following the project's contributing guidelines.

https://github.com/user-attachments/assets/5176ac45-cf81-4e0d-8290-9f018387f837