title: Rounded corners and border for a SwiftUI List Section
body: <p>I want to create the following <a href="https://i.stack.imgur.com/4vx0Z.png" rel="nofollow noreferrer">design</a> in SwiftUI. I am currently using a list and creating a section that contains cells like so.</p>
  <pre><code>List {
      Section {
          ForEach(titles) { title in
              Cell(title: title)
          }
      }
  }
  </code></pre>
  <p>When I apply a modifier like a border to the section it applies it to all the views contained in the Section. I want to have that border around the entire Section with a corner radius of 10. The closest I have got to creating the desired design is by not using a List but instead using a VStack and applying the following modifiers</p>
  <pre><code>VStack {
      ForEach(titles) { title in
          Cell(title: title)
      }
  }
  .overlay(RoundedRectangle(cornerRadius: 10)
              .stroke(.gray, lineWidth: 2))
  </code></pre>
  <p>I discovered however that this is not a smart approach as the List uses reusable cells and in the case of VStack they do not. Is it possible to create the wanted design with a List in SwiftUI? I do not want to opt for the default list style provided by Apple</p>