fix: remove trailing spaces from markdown files (no-trailing-spaces lint rule)

Author: jhonmike

src/content/learn/choosing-the-state-structure.md

@@ -2542,7 +2542,7 @@ export default function MailClient() {
         ))}
         <hr />
         <p>
-          <b> 
+          <b>
             Você selecionou {selectedCount} cartas
           </b>
         </p>

src/content/learn/describing-the-ui.md

@@ -187,7 +187,7 @@ Leia **[Escrevendo Tags com JSX](/learn/writing-markup-with-jsx)** para aprender
 
 ## JavaScript entre Chaves no JSX {/*javascript-in-jsx-with-curly-braces*/}
 
-JSX permite que você escreva de maneira análoga ao HTML dentro de um arquivo JavaScript, mantendo a lógica de renderização e o conteúdo no mesmo lugar. Em alguns momentos, você pode querer adicionar alguma lógica JavaScript ou uma propriedade dinâmica em uma tag. Neste tipo de situação, você pode utilizar chaves no JSX para "abrir uma janela" que entenda JavaScript: 
+JSX permite que você escreva de maneira análoga ao HTML dentro de um arquivo JavaScript, mantendo a lógica de renderização e o conteúdo no mesmo lugar. Em alguns momentos, você pode querer adicionar alguma lógica JavaScript ou uma propriedade dinâmica em uma tag. Neste tipo de situação, você pode utilizar chaves no JSX para "abrir uma janela" que entenda JavaScript:
 
 <Sandpack>
 

src/content/learn/reacting-to-input-with-state.md

@@ -1,5 +1,5 @@
 ---
-title: Reagindo à entrada de dados com state 
+title: Reagindo à entrada de dados com state
 ---
 
 <Intro>
@@ -81,7 +81,7 @@ function disable(el) {
 }
 
 function submitForm(answer) {
-   // Simula que está acessando a rede. 
+   // Simula que está acessando a rede.
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (answer.toLowerCase() === 'istanbul') {
@@ -208,7 +208,7 @@ export default function Form({
     <>
       <h2>Questionário sobre cidades</h2>
       <p>
-        Em qual cidade há um outdoor que transforma ar em água potável? 
+        Em qual cidade há um outdoor que transforma ar em água potável?
       </p>
       <form>
         <textarea disabled={
@@ -452,7 +452,7 @@ export default function Form() {
           answer.length === 0 ||
           status === 'submitting'
         }>
-          Enviar 
+          Enviar
         </button>
         {error !== null &&
           <p className="Error">
@@ -465,7 +465,7 @@ export default function Form() {
 }
 
 function submitForm(answer) {
-  // Simula que está acessando a rede. 
+  // Simula que está acessando a rede.
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       let shouldError = answer.toLowerCase() !== 'lima'
@@ -1045,10 +1045,10 @@ function setIsEditing(value) {
 function updateDOM() {
   if (isEditing) {
     editButton.textContent = 'Salvar Perfil';
-    // TODO: exibir entradas, ocultar conteúdo 
+    // TODO: exibir entradas, ocultar conteúdo
   } else {
     editButton.textContent = 'Editar Perfil';
-    // TODO: ocultar entradas, exibir conteúdo 
+    // TODO: ocultar entradas, exibir conteúdo
   }
   // TODO: atualizar os rótulos de texto
 }

src/content/learn/rendering-lists.md

@@ -409,7 +409,7 @@ As chaves podem vir de diferentes fontes de dados:
 ### Regras das keys {/*rules-of-keys*/}
 
 * **Keys devem ser únicas entre suas irmãs.** Entretanto, é tranquilo usar as mesmas chaves para nós JSX em arrays *diferentes*.
-* **Keys não devem mudar** caso contrário, isso vai contra o seu propósito! Não as gere durante a renderização. 
+* **Keys não devem mudar** caso contrário, isso vai contra o seu propósito! Não as gere durante a renderização.
 
 ### Por que o React precisa de keys? {/*why-does-react-need-keys*/}
 
@@ -888,7 +888,7 @@ Faça uma lista de receitas a partir desse array! Para cada receita no array, ex
 
 <Hint>
 
-Para fazer isto, você precisará realizar duas chamadas ao `map` aninhadas. 
+Para fazer isto, você precisará realizar duas chamadas ao `map` aninhadas.
 
 </Hint>
 

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -236,7 +236,7 @@ Se o seu linter estiver [configurado para o React,](/learn/editor-setup#linting)
 
 #### Todos os nomes de funções chamadas durante a renderização devem começar com o prefixo use? {/*should-all-functions-called-during-rendering-start-with-the-use-prefix*/}
 
-Não. Funções que não *chamam* Hooks não precisam *ser* Hooks. 
+Não. Funções que não *chamam* Hooks não precisam *ser* Hooks.
 
 Se sua função não chama nenhum Hook, evite o prefixo `use`. Em vez disso, escreva-a como uma função regular *sem* o prefixo `use`. Por exemplo, se a função `useSorted` abaixo não chama Hooks, você pode chamá-la de `getSorted`:
 

src/content/learn/typescript.md

@@ -130,7 +130,7 @@ Entretanto, podemos observar alguns exemplos de como fornecer tipos para hooks.
 
 ### `useState` {/*typing-usestate*/}
 
-O [hook `useState`](/reference/react/useState) irá reutilizar o valor passado como state inicial para determinar qual o tipo o valor deve ser. Por exemplo: 
+O [hook `useState`](/reference/react/useState) irá reutilizar o valor passado como state inicial para determinar qual o tipo o valor deve ser. Por exemplo:
 
 ```ts
 // Tipo inferido como "boolean"

src/content/learn/your-first-component.md

@@ -333,7 +333,7 @@ img { height: 180px; }
 
 </Sandpack>
 
-Outra opção é envolver o JSX retornado entre parênteses após a declaração `return`: 
+Outra opção é envolver o JSX retornado entre parênteses após a declaração `return`:
 
 <Sandpack>
 

src/content/reference/react-dom/components/common.md

@@ -422,9 +422,9 @@ Um tipo de manipulador de eventos para os eventos da [API HTML Drag and Drop](ht
 
 * `e`: Um [objeto de evento React](#react-event-object) com estas propriedades extras [`DragEvent`](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent):
   * [`dataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent/dataTransfer)
-  
+
     Ele também inclui as propriedades [`MouseEvent`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent) herdadas:
-    
+
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey)
   * [`button`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button)
   * [`buttons`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons)
@@ -611,7 +611,7 @@ Um tipo de manipulador de eventos para [eventos de ponteiro.](https://developer.
   * [`width`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/width)
 
   Ele também inclui as propriedades [`MouseEvent`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent) herdadas:
-  
+
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey)
   * [`button`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button)
   * [`buttons`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons)

src/content/reference/react/Fragment.md

@@ -4,7 +4,7 @@ title: <Fragment> (<>...</>)
 
 <Intro>
 
-`<Fragment>`, frequentemente usado por meio da sintaxe `<>...</>`, permite agrupar elementos sem um nó de encapsulamento. 
+`<Fragment>`, frequentemente usado por meio da sintaxe `<>...</>`, permite agrupar elementos sem um nó de encapsulamento.
 
 <Canary> Fragments can also accept refs, which enable interacting with underlying DOM nodes without adding wrapper elements. See reference and usage below.</Canary>
 
@@ -60,9 +60,9 @@ Quando você passa uma ref para um fragment, o React fornece um objeto `Fragment
 
 #### Cuidados {/*caveats*/}
 
-- Se você quiser passar uma `key` para um Fragment, não pode usar a sintaxe `<>...</>`. Você precisa importar explicitamente o `Fragment` de `'react'` e renderizar `<Fragment key={suaChave}>...</Fragment>`. 
+- Se você quiser passar uma `key` para um Fragment, não pode usar a sintaxe `<>...</>`. Você precisa importar explicitamente o `Fragment` de `'react'` e renderizar `<Fragment key={suaChave}>...</Fragment>`.
 
-- O React não [reseta o estado](/learn/preserving-and-resetting-state) quando você passa de `<><Child /></>` para `[<Child />]` ou vice-versa, ou quando você passa de `<><Child /></>` para `<Child />` e vice-versa. Isso funciona apenas para um único nível: por exemplo, passar de `<><><Child /></></>` para `<Child />` reseta o estado. Veja a semântica precisa [aqui.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b). 
+- O React não [reseta o estado](/learn/preserving-and-resetting-state) quando você passa de `<><Child /></>` para `[<Child />]` ou vice-versa, ou quando você passa de `<><Child /></>` para `<Child />` e vice-versa. Isso funciona apenas para um único nível: por exemplo, passar de `<><><Child /></></>` para `<Child />` reseta o estado. Veja a semântica precisa [aqui.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b).
 
 - <CanaryBadge /> If you want to pass `ref` to a Fragment, you can't use the `<>...</>` syntax. You have to explicitly import `Fragment` from `'react'` and render `<Fragment ref={yourRef}>...</Fragment>`.
 
@@ -72,7 +72,7 @@ Quando você passa uma ref para um fragment, o React fornece um objeto `Fragment
 
 ### Retornando múltiplos elementos {/*returning-multiple-elements*/}
 
-Use `Fragment` ou a sintaxe equivalente `<>...</>` para agrupar vários elementos juntos. Você pode usá-lo para colocar vários elementos em qualquer lugar onde um único elemento possa ir. Por exemplo, um componente só pode retornar um elemento, mas usando um Fragment você pode agrupar vários elementos juntos e então retorná-los como um grupo: 
+Use `Fragment` ou a sintaxe equivalente `<>...</>` para agrupar vários elementos juntos. Você pode usá-lo para colocar vários elementos em qualquer lugar onde um único elemento possa ir. Por exemplo, um componente só pode retornar um elemento, mas usando um Fragment você pode agrupar vários elementos juntos e então retorná-los como um grupo:
 
 ```js {3,6}
 function Post() {
@@ -85,7 +85,7 @@ function Post() {
 }
 ```
 
-Fragments são úteis porque agrupar elementos com um Fragment não afeta o layout ou os estilos, ao contrário se você envolvesse os elementos em outro container como um elemento do DOM. Se você inspecionar este exemplo com as ferramentas do navegador, verá que todos os nós do DOM `<h1>` e `<article>` aparecem como irmãos sem encapsulamento ao redor deles: 
+Fragments são úteis porque agrupar elementos com um Fragment não afeta o layout ou os estilos, ao contrário se você envolvesse os elementos em outro container como um elemento do DOM. Se você inspecionar este exemplo com as ferramentas do navegador, verá que todos os nós do DOM `<h1>` e `<article>` aparecem como irmãos sem encapsulamento ao redor deles:
 
 <Sandpack>
 
@@ -150,7 +150,7 @@ Normalmente, você não precisará disso, a menos que precise [passar uma `key`
 
 ### Atribuindo vários elementos a uma variável {/*assigning-multiple-elements-to-a-variable*/}
 
-Assim como qualquer outro elemento, você pode atribuir elementos de Fragment a variáveis, passá-los como props, e assim por diante: 
+Assim como qualquer outro elemento, você pode atribuir elementos de Fragment a variáveis, passá-los como props, e assim por diante:
 
 ```js
 function CloseDialog() {
@@ -172,7 +172,7 @@ function CloseDialog() {
 
 ### Agrupando elementos com texto {/*grouping-elements-with-text*/}
 
-Você pode usar `Fragment` para agrupar textos juntamente com componentes: 
+Você pode usar `Fragment` para agrupar textos juntamente com componentes:
 
 ```js
 function DateRangePicker({ start, end }) {
@@ -191,7 +191,7 @@ function DateRangePicker({ start, end }) {
 
 ### Renderizando uma lista de Fragments {/*rendering-a-list-of-fragments*/}
 
-Aqui está uma situação em que você precisa escrever `Fragment` explicitamente em vez de usar a sintaxe `<></>`. Quando você [renderiza vários elementos em um loop](https://pt-br.react.dev/learn/rendering-lists), é necessário atribuir uma `key` a cada elemento. Se os elementos dentro do loop forem Fragments, você precisará usar a sintaxe normal de elementos JSX para fornecer o atributo `key`: 
+Aqui está uma situação em que você precisa escrever `Fragment` explicitamente em vez de usar a sintaxe `<></>`. Quando você [renderiza vários elementos em um loop](https://pt-br.react.dev/learn/rendering-lists), é necessário atribuir uma `key` a cada elemento. Se os elementos dentro do loop forem Fragments, você precisará usar a sintaxe normal de elementos JSX para fornecer o atributo `key`:
 
 ```js {3,6}
 function Blog() {

src/content/reference/react/StrictMode.md

@@ -1268,7 +1268,7 @@ Agora, na montagem inicial no StrictMode, os refs callbacks são todos configura
 
 Sem o Strict Mode, foi fácil perder o erro até que você clicou no aplicativo para notar recursos quebrados. O Strict Mode fez com que os erros aparecessem imediatamente, antes de enviá-los para a produção.
 
---- 
+---
 ### Corrigindo avisos de descontinuação ativados pelo Strict Mode {/*fixing-deprecation-warnings-enabled-by-strict-mode*/}
 
 O React avisa se algum componente em qualquer lugar dentro de uma árvore `<StrictMode>` usa uma dessas APIs descontinuadas: