fix: incorrect example code

sections/faqs/html-attribute-warnings.md

@@ -33,17 +33,16 @@ This will render:
 <a text="Click" href="https://www.styled-components.com/" red="true" class="[generated class]">Click</a>
 ```
 
-React will warn on non-standard attributes being attached such as "red" and "text", which are not valid HTML attributes for the `<a>` element. 
+React will warn on non-standard attributes being attached such as "red" and "text", which are not valid HTML attributes for the `<a>` element.
 
 To fix this, you can use transient props or destructure props:
 
 ### transient props (since 5.1)
 
 You can use [transient props](https://styled-components.com/docs/api#transient-props) to fix this:
 
-
 ```jsx
-const Link = ({ className, red, text, ...props }) => (
+const Link = ({ className, text, ...props }) => (
   <a {...props} className={className}>
     {text}
   </a>
@@ -77,9 +76,7 @@ const StyledComp = styled(Link)`
 This will render:
 
 ```html
-<a href="https://www.styled-components.com/" class="[generated class]">
-  Click
-</a>
+<a href="https://www.styled-components.com/" class="[generated class]">Click</a>
 ```
 
 When you use argument destructuring, any variables pulled out of the props object will not be included when spread-applying the remaining props (`...props`);