[findByLabelText] Adds a bad example using for w/ a non-form element

This came up at my work today. An engineer assumed that any DOM nodes that have share `for` and `id` attrs can be queried by `findByLabelText`. But really, it's not semantically correct to do this or to expect `findByLabelText` to work in this way. I think making that explicit in the docs would be good

Author: sharmilajesupaul

docs/dom-testing-library/api-queries.md

@@ -214,6 +214,11 @@ If it is important that you query an actual `<label>` element you can provide a
   Username
   <textarea></textarea>
 </label>
+
+// for/htmlFor between label and an element that is not a form element
+<section id="photos-section">
+<label for="photos-section">Photos</label>
+</section>
 ```
 
 ```js