Not sure if this is exactly the way you want it to be. But, as far as I understood you want your row to open two different sheets depending on what was tapped, either image or text. If this is so, maybe this approach will solve your challenge. Observable object is used so that to have easy access without passing around properties down...

@Observable
class RestaurantModel {
    var restaurants = [Restaurant]()

    // Launches Restaurant Image View
    var isShowingImage = false
    // Launches Retaurant Details View
    var isShowingDetails = false
    // Monitors which restaurant is selected
    var selected: Restaurant?

    init() {
        fetchData()
    }

    // Mock Data
    func fetchData() {
        for item in 1...30 {
            let newRestaurant = Restaurant(name: "Restaurant \(item)", imageName: "\(item).square")
            restaurants.append(newRestaurant)
        }
    }
}

struct ContentView: View {
    // Initializing observable object
    @State private var vm = RestaurantModel()

    var body: some View {
        ZStack {
            NavigationStack {
                List {
                    ForEach(vm.restaurants) { restaurant in
                        RestaurantCellView(restaurant: restaurant)
                    }
                }
                .sheet(isPresented: $vm.isShowingDetails) {
                    RestaurantDetailView()
                }
                .sheet(isPresented: $vm.isShowingImage) {
                    RestaurantImageView()
                }
            }
        }
        // injecting the object into environment to have access in subviews
        .environment(vm)
    }
}

// Model
struct Restaurant: Identifiable, Hashable {
    let id = UUID()
    var name: String
    var imageName: String
}

struct RestaurantCellView: View {
    @Environment(RestaurantModel.self) var vm: RestaurantModel
    let restaurant: Restaurant

    var body: some View {
        HStack(spacing: 20) {
            Image(systemName: restaurant.imageName)
                .resizable()
                .scaledToFit()
                .frame(width: 44, height: 44)
                .onTapGesture {
                    vm.isShowingImage.toggle()
                    vm.selected = restaurant
                }
            // HStack and content shape is necessary to make the row tappable and not only text
            HStack {
                Text(restaurant.name)
                    .font(.title2)
                Spacer()
            }
            .contentShape(Rectangle())
            .onTapGesture {
                vm.selected = restaurant
                vm.isShowingDetails.toggle()
            }
        }
    }
}

struct RestaurantImageView: View {
    @Environment(RestaurantModel.self) var vm: RestaurantModel

    var body: some View {
        Image(systemName: vm.selected?.imageName ?? "photo.fill")
            .resizable()
            .scaledToFit()
            .padding()
    }
}

struct RestaurantDetailView: View {
    @Environment(RestaurantModel.self) var vm: RestaurantModel

    var body: some View {
        Text(vm.selected?.name ?? "No name")
            .font(.largeTitle)
    }
}