Resolve merge conflicts

Author: alinkedd

src/components/DocsFooter.tsx

@@ -87,11 +87,7 @@ function FooterLink({
       />
       <div className="flex flex-col overflow-hidden">
         <span className="text-sm font-bold tracking-wide no-underline uppercase text-secondary dark:text-secondary-dark group-focus:text-link dark:group-focus:text-link-dark group-focus:text-opacity-100">
-<<<<<<< HEAD
           {type === 'Previous' ? 'Попередня' : 'Наступна'}
-=======
-          {type === 'Previous' ? 'Previous' : 'Next'}
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
         </span>
         <span className="text-lg break-words group-hover:underline">
           {title}

src/components/MDX/Sandpack/ClearButton.tsx

@@ -20,10 +20,10 @@ export function ClearButton({onClear}: ClearButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onClear}
-      title="Clear all edits and reload sandbox"
+      title="Видалити зміни та перезавантажити пісочницю"
       type="button">
       <IconClose className="inline mx-1 relative" />
-      <span className="hidden md:block">Clear</span>
+      <span className="hidden md:block">Очистити</span>
     </button>
   );
 }

src/components/MDX/Sandpack/NavigationBar.tsx

@@ -111,7 +111,10 @@ export function NavigationBar({providedFiles}: {providedFiles: Array<string>}) {
      *
      * Plus, it should only prompt if there's any file changes
      */
-    if (sandpack.editorState === 'dirty' && confirm('Clear all your edits?')) {
+    if (
+      sandpack.editorState === 'dirty' &&
+      confirm('Видалити всі ваші зміни?')
+    ) {
       sandpack.resetAllFiles();
     }
     refresh();

src/components/MDX/Sandpack/ReloadButton.tsx

@@ -20,10 +20,10 @@ export function ReloadButton({onReload}: ReloadButtonProps) {
     <button
       className="text-sm text-primary dark:text-primary-dark inline-flex items-center hover:text-link duration-100 ease-in transition mx-1"
       onClick={onReload}
-      title="Keep your edits and reload sandbox"
+      title="Зберегти зміни та перезавантажити пісочницю"
       type="button">
       <IconRestart className="inline mx-1 relative" />
-      <span className="hidden md:block">Reload</span>
+      <span className="hidden md:block">Перезавантажити</span>
     </button>
   );
 }

src/components/MDX/Sandpack/ResetButton.tsx

@@ -122,11 +122,7 @@ Rsbuild відразу підтримує такі функції React, як ш
 
 ### Покращення продуктивності застосунку {/*improving-application-performance*/}
 
-<<<<<<< HEAD
 Оскільки вибраний вами інструмент збирання підтримує лише односторінкові застосунки (SPA), вам треба самостійно реалізувати інші [патерни рендерингу](https://www.patterns.dev/vanilla/rendering-patterns), як-от рендеринг із боку сервера (SSR), генерація статичного сайту (SSG) та/або серверні компоненти React (RSC). Хоч спочатку вони рідко потрібні, згодом SSR, SSG або RSC можуть оптимізувати деякі маршрути вашого застосунку.
-=======
-Since the build tool you select only supports single page apps (SPAs), you'll need to implement other [rendering patterns](https://www.patterns.dev/vanilla/rendering-patterns) like server-side rendering (SSR), static site generation (SSG), and/or React Server Components (RSC). Even if you don't need these features at first, in the future there may be some routes that would benefit SSR, SSG or RSC.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 * **Односторінкові застосунки (SPA)** завантажують одну HTML-сторінку та динамічно оновлюють її, коли користувач взаємодіє із застосунком. SPA є швидкими та чуйними, але часто повільніші під час початкового завантаження. SPA є стандартною архітектурою для більшості інструментів збирання.
 

src/content/learn/build-a-react-app-from-scratch.md

@@ -37,15 +37,9 @@ npm install --save-dev @types/react @types/react-dom
 
 У вашому `tsconfig.json` потрібно вказати такі параметри компілятора:
 
-<<<<<<< HEAD
 1. `dom` має бути додано до параметру [`lib`](https://www.typescriptlang.org/tsconfig/#lib) (Зауважте: якщо параметр `lib` не вказаний, то `dom` вже додано).
 2. Параметр [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) повинен мати одне з допустимих значень. Для більшості застосунків достатньо вказати `preserve`.
   Якщо ви публікуєте бібліотеку, зверніться до [документації `jsx`](https://www.typescriptlang.org/tsconfig/#jsx), щоб вибрати правильне значення.
-=======
-1. `dom` must be included in [`lib`](https://www.typescriptlang.org/tsconfig/#lib) (Note: If no `lib` option is specified, `dom` is included by default).
-2. [`jsx`](https://www.typescriptlang.org/tsconfig/#jsx) must be set to one of the valid options. `preserve` should suffice for most applications.
-  If you're publishing a library, consult the [`jsx` documentation](https://www.typescriptlang.org/tsconfig/#jsx) on what value to choose.
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 ## TypeScript з компонентами React {/*typescript-with-react-components*/}
 

src/content/learn/typescript.md

@@ -12,11 +12,7 @@ In React 19, `forwardRef` is no longer necessary. Pass `ref` as a prop instead.
 
 <Intro>
 
-<<<<<<< HEAD
 `forwardRef` дозволяє вашому компоненту розкрити DOM-вузол батьківському компоненту через [реф.](/learn/manipulating-the-dom-with-refs)
-=======
-`forwardRef` lets your component expose a DOM node to the parent component with a [ref.](/learn/manipulating-the-dom-with-refs)
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
 
 ```js
 const SomeComponent = forwardRef(render)

src/content/reference/react/forwardRef.md

@@ -37,17 +37,13 @@ The React Compiler is a build-time optimization tool that automatically memoizes
 * [Directives](/reference/react-compiler/directives) - Function-level directives to control compilation.
 * [Compiling Libraries](/reference/react-compiler/compiling-libraries) - Guide for shipping pre-compiled library code.
 
-<<<<<<< HEAD
-## Правила React {/*rules-of-react*/}
-=======
 ## ESLint Plugin React Hooks {/*eslint-plugin-react-hooks*/}
 
 The [ESLint plugin for React Hooks](/reference/eslint-plugin-react-hooks) helps enforce the Rules of React:
 
 * [Lints](/reference/eslint-plugin-react-hooks) - Detailed documentation for each lint with examples.
 
-## Rules of React {/*rules-of-react*/}
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
+## Правила React {/*rules-of-react*/}
 
 React has idioms — or rules — for how to express patterns in a way that is easy to understand and yields high-quality applications:
 

src/content/reference/react/index.md

@@ -380,9 +380,6 @@
     },
     {
       "hasSectionHeader": true,
-<<<<<<< HEAD
-      "sectionHeader": "Правила React"
-=======
       "sectionHeader": "eslint-plugin-react-hooks"
     },
     {
@@ -478,8 +475,7 @@
     },
     {
       "hasSectionHeader": true,
-      "sectionHeader": "Rules of React"
->>>>>>> 49c2d26722fb1b5865ce0221a4cadc71b615e4cf
+      "sectionHeader": "Правила React"
     },
     {
       "title": "Вступ",