Final refactor

Author: LeoMorgan113

.idea/aws.xml

@@ -83,7 +83,7 @@ function PasswordField() {
 
 [Атрибути доступності HTML](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA), як-от [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby), дають змогу зазначити, що два теги пов'язані один з одним. Наприклад, ви можете зазначити, що елемент (як-от input) описаний іншим компонентом (як-от параграф).
 
-У звичайному HTML ви би написали наступне:
+У звичайному HTML ви б написали наступне:
 
 ```html {5,8}
 <label>
@@ -94,7 +94,7 @@ function PasswordField() {
   />
 </label>
 <p id="password-hint">
-    Довжина паролю має бути не менш ніж 18 символів
+  Довжина паролю має бути не менш ніж 18 символів
 </p>
 ```
 
@@ -115,7 +115,7 @@ function PasswordField() {
         />
       </label>
       <p id={passwordHintId}>
-          Довжина паролю має бути не менш ніж 18 символів
+        Довжина паролю має бути не менш ніж 18 символів
       </p>
     </>
   );
@@ -141,7 +141,7 @@ function PasswordField() {
         />
       </label>
       <p id={passwordHintId}>
-          Довжина паролю має бути не менш ніж 18 символів
+        Довжина паролю має бути не менш ніж 18 символів
       </p>
     </>
   );
@@ -179,9 +179,9 @@ input { margin: 5px; }
 
 Можливо, вам кортить дізнатися, чому використання `useId` краще за інкрементування глобальної змінної, як наприклад, `nextId++`.
 
-Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації, клієнтський вивід має збігатись із серверним HTML.
+Початкова перевага `useId` в тому, що React запевниться, що це працює разом із [серверним рендерингом.](/reference/react-dom/server) Протягом серверного рендерингу, ваш компонент генерує HTML-вивід. Далі на клієнті [гідрація](/reference/react-dom/client/hydrateRoot) прикріплює обробники подій до згенерованого HTML. Для коректної роботи гідрації клієнтський вивід має збігатись із серверним HTML.
 
-Це складно гарантувати для інкрементного лічильника, бо порядок, за яким клієнтські компоненти проходять гідрацію не збігається з порядком за яким був виданий серверний HTML. Викликаючи `useId`, ви запевняєтеся, що гідрація буде працювати, а серверний і клієнтський виводи будуть збігатися.
+Це складно гарантувати для інкрементного лічильника, бо порядок, за яким клієнтські компоненти проходять гідрацію, не збігається з порядком, за яким був виданий серверний HTML. Викликаючи `useId`, ви запевняєтеся, що гідрація буде працювати, а серверний і клієнтський виводи будуть збігатися.
 
 У межах React, `useId` генерується з "батьківського шляху" компонента, що його викликав. Ось чому, якщо клієнтське та серверне дерево однакове, "батьківський шлях" буде збігатися, незважаючи на порядок рендерингу.
 
@@ -255,7 +255,7 @@ function PasswordField() {
         />
       </label>
       <p id={passwordHintId}>
-          Довжина паролю має бути не менш ніж 18 символів
+        Довжина паролю має бути не менш ніж 18 символів
       </p>
     </>
   );
@@ -309,7 +309,7 @@ input { margin: 5px; }
 
 ### Використання однакового ID-префікса на клієнті та сервері {/*using-the-same-id-prefix-on-the-client-and-the-server*/}
 
-Якщо ви [рендерите декілька незалежних React-застосунків на одній сторінці](#specifying-a-shared-prefix-for-all-generated-ids), і деякі з цих застосунків відрендерені сервером, перевірте, що `identifierPrefix`, який ви передаєте до [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) на клієнті, є тим самим `identifierPrefix`, який ви передаєте до [серверних APIs](/reference/react-dom/server), наприклад, [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)
+Якщо ви [рендерите декілька незалежних React-застосунків на одній сторінці](#specifying-a-shared-prefix-for-all-generated-ids), і деякі з цих застосунків відрендерені сервером, перевірте, що `identifierPrefix`, який ви передаєте до [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) на клієнті, є тим самим `identifierPrefix`, який ви передаєте до [серверних API](/reference/react-dom/server), наприклад, [`renderToPipeableStream`.](/reference/react-dom/server/renderToPipeableStream)
 
 ```js
 // Server