title: issue adding layer around a circular view's border
body: <p>I am adding a circular layer around my circular view and setting its <code>position</code> to be the center of the view but the layer gets added at a different position. The following is the code.</p>
  <pre><code>class CustomView: UIView {
      
      let outerLayer = CAShapeLayer()
      
      required init?(coder: NSCoder) {
          super.init(coder: coder)
          self.layer.addSublayer(outerLayer)
      }
      override func layoutSubviews() {
          super.layoutSubviews()
          self.backgroundColor = UIColor.systemBlue
          self.layer.cornerRadius = self.bounds.height/2
          self.layer.borderWidth = 2.0
          self.layer.borderColor = UIColor.white.cgColor
  
          let outerLayerFrame = self.bounds.insetBy(dx: -5.0, dy: -5.0)
          outerLayer.frame = outerLayerFrame
          
          let path = UIBezierPath(ovalIn: outerLayerFrame)
          outerLayer.path = path.cgPath
          outerLayer.position = self.center
  
          outerLayer.strokeColor = UIColor.systemBlue.cgColor
          outerLayer.fillColor = UIColor.clear.cgColor
          outerLayer.lineWidth = 3
          
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/zDSLem.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zDSLem.png" alt="enter image description here" /></a></p>
  <p>Can anyone please tell me what is wrong here.</p>