Implement an iOS scrollable grid with navigation

Problem Statement

Design a scrollable 'Memory Grid' view for an iOS application. The interface should display a list of image items in a grid layout where each cell is a perfect square, regardless of the device screen width.

Requirements:

1. Grid Layout: Create a scrollable view that displays items in 3 columns. The cells must remain square (width == height).
2. Navigation: Tapping a cell should push a Detail View onto the navigation stack, showing the selected image.
3. State Management: Implement a simple data model to store a list of image identifiers. Ensure the grid updates correctly if the underlying data changes.
4. Performance: Use efficient list/grid rendering techniques suitable for large datasets (e.g., lazy loading).

Function Signature (SwiftUI approach):

struct MemoryGridView: View {
    let items: [String] // Array of image IDs
    
    var body: some View {
        // Implementation here
    }
}

Example

• Input: items = ["img1", "img2", "img3", "img4"]
• Layout: A 3-column grid where each cell occupies 1/3 of the screen width and maintains a height equal to its width.
• Interaction: Selecting "img1" triggers NavigationLink to DetailView(imageID: "img1").

Constraints

• The solution must support dynamic screen orientation changes (portrait to landscape).
• The grid must be scrollable if the content exceeds the screen height.
• Avoid hardcoding fixed pixel sizes for cells.