Update package dependencies and resolve merge conflicts in documentation

- Updated `next` version in `package.json` from `15.4.8` to `15.1.12`.
- Modified `yarn.lock` to reflect changes in package versions, including updates to `@emnapi/runtime` and `@img/sharp` packages.
- Cleaned up documentation by removing merge conflict markers and ensuring consistency in language across various files, including `add-react-to-an-existing-project.md`, `describing-the-ui.md`, and `editor-setup.md`.
- Clarified caching behavior in `cache.md` for server components.

Author: harshilparmar

package.json

@@ -36,11 +36,7 @@
     "classnames": "^2.2.6",
     "debounce": "^1.2.1",
     "github-slugger": "^1.3.0",
-<<<<<<< HEAD
-    "next": "15.4.8",
-=======
     "next": "15.1.12",
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
     "next-remote-watch": "^1.0.0",
     "parse-numeric-range": "^1.2.0",
     "raw-loader": "^4.0.2",

src/components/MDX/ErrorDecoder.tsx

@@ -25,7 +25,6 @@ function replaceArgs(
 /**
  * Sindre Sorhus <https://sindresorhus.com>
  * Released under MIT license
- 
  * https://github.com/sindresorhus/linkify-urls/blob/b2397096df152e2f799011f7a48e5f73b4bf1c7e/index.js#L5C1-L7C1
  *
  * The regex is used to extract URL from the string for linkify.

src/content/learn/add-react-to-an-existing-project.md

@@ -23,13 +23,7 @@ title: હાલના પ્રોજેક્ટમાં React ઉમેર
 2. **તમારા ફ્રેમવર્કના કન્ફિગરેશનમાં `/some-app` ને *base path* તરીકે સ્પષ્ટ કરો** (આ રીતે: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
 3. **તમારા સર્વર અથવા પ્રોક્સીને એવી રીતે ગોઠવો** કે જેથી કરીને `/some-app/` હેઠળની તમામ requests તમારી React એપ્લિકેશન દ્વારા હેન્ડલ કરવામાં આવે.
 
-<<<<<<< HEAD
 આવી ગોઠવણી સુનિશ્ચિત કરે છે કે તમારી એપ્લિકેશનનો React ભાગ તે ફ્રેમવર્કમાં રહેલી [શ્રેષ્ઠ પદ્ધતિઓનો લાભ મેળવી શકે](/learn/build-a-react-app-from-scratch#consider-using-a-framework).
-=======
-1. **Build the React part of your app** using one of the [React-based frameworks](/learn/creating-a-react-app).
-2. **Specify `/some-app` as the *base path*** in your framework's configuration (here's how: [Next.js](https://nextjs.org/docs/app/api-reference/config/next-config-js/basePath), [Gatsby](https://www.gatsbyjs.com/docs/how-to/previews-deploys-hosting/path-prefix/)).
-3. **Configure your server or a proxy** so that all requests under `/some-app/` are handled by your React app.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 ઘણા React-આધારિત ફ્રેમવર્ક ફુલ-સ્ટેક હોય છે અને તમારી React એપ્લિકેશનને સર્વરનો લાભ લેવા દે છે. જો કે, જો તમે સર્વર પર જાવાસ્ક્રિપ્ટ ચલાવી શકતા નથી અથવા ચલાવવા માંગતા નથી, તો પણ તમે તે જ અભિગમનો ઉપયોગ કરી શકો છો. તે કિસ્સામાં, તેના બદલે `/some-app/` પર HTML/CSS/JS નો export સર્વ (serve) કરો (Next.js માટે [`next export` output](https://nextjs.org/docs/advanced-features/static-html-export), Gatsby માટે ડિફોલ્ટ).
 
@@ -153,11 +147,7 @@ root.render(<NavigationBar />);
 
 નોંધ કરો કે `index.html` માંથી મૂળ HTML content કેવી રીતે સચવાયેલ છે, પરંતુ તમારો પોતાનો `NavigationBar` React કમ્પોનેન્ટ હવે તમારા HTML માં `<nav id="navigation">` ની અંદર દેખાય છે. હાલના HTML પેજ ની અંદર React કમ્પોનેન્ટ્સને રેન્ડર કરવા વિશે વધુ જાણવા માટે [`createRoot વાપરવા માટેનું ડોક્યુમેન્ટેશન`](/reference/react-dom/client/createRoot#rendering-a-page-partially-built-with-react) વાંચો.
 
-<<<<<<< HEAD
 જ્યારે તમે હાલના પ્રોજેક્ટમાં React અપનાવો, ત્યારે નાના interactive કમ્પોનેન્ટ્સ (જેમ કે બટનો) થી પ્રારંભ કરવું સામાન્ય છે, અને પછી ધીમે ધીમે આગળ વધતા જવું જ્યાં સુધી આખરે તમારું આખું પેજ React થી બનેલું હોય. જો તમે ક્યારેય તે બિંદુએ પહોંચો છો, તો અમે React નો સૌથી વધુ લાભ મેળવવા માટે તરત જ [React ફ્રેમવર્ક](/learn/start-a-new-react-project) પર શિફ્ટ (migrate) થવાની સલાહ આપીએ છીએ.
-=======
-When you adopt React in an existing project, it's common to start with small interactive components (like buttons), and then gradually keep "moving upwards" until eventually your entire page is built with React. If you ever reach that point, we recommend migrating to [a React framework](/learn/creating-a-react-app) right after to get the most out of React.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 ## હાલની નેટિવ મોબાઇલ એપ્લિકેશનમાં React Native નો ઉપયોગ કરવો {/*using-react-native-in-an-existing-native-mobile-app*/}
 

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

@@ -526,15 +526,9 @@ export default function TeaSet() {
 
 ## તમારા UI ને ટ્રી તરીકે સમજવું {/*your-ui-as-a-tree*/}
 
-<<<<<<< HEAD
 React કમ્પોનેન્ટ્સ અને મોડ્યૂલ્સ વચ્ચેના સંબંધોને દર્શાવવા માટે ટ્રીનો ઉપયોગ કરે છે. 
 
 એક React રેન્ડર ટ્રી એ કમ્પોનેન્ટ્સના parent અને child સંબંધોને પ્રસ્તુત કરે છે. 
-=======
-React uses trees to model the relationships between components and modules.
-
-A React render tree is a representation of the parent and child relationship between components.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 <Diagram name="generic_render_tree" height={250} width={500} alt="A tree graph with five nodes, with each node representing a component. The root node is located at the top the tree graph and is labelled 'Root Component'. It has two arrows extending down to two nodes labelled 'Component A' and 'Component C'. Each of the arrows is labelled with 'renders'. 'Component A' has a single 'renders' arrow to a node labelled 'Component B'. 'Component C' has a single 'renders' arrow to a node labelled 'Component D'.">
 
@@ -544,23 +538,15 @@ A React render tree is a representation of the parent and child relationship bet
 
 ટ્રીના ટોચ પર, રુટ કમ્પોનેન્ટના નજીક આવેલી કમ્પોનેન્ટ્સને ટોપ-લેવલ કમ્પોનેન્ટ્સ માનવામાં આવે છે. અને જે કમ્પોનેન્ટ્સના child કમ્પોનેન્ટ્સ નથી, તે લીફ કમ્પોનેન્ટ્સ તરીકે ઓળખાય છે. કમ્પોનેન્ટ્સના આ વિભાજનને ડેટા પ્રવાહ અને રેન્ડરિંગ પ્રદર્શન સમજવામાં ઉપયોગી માનવામાં આવે છે.
 
-<<<<<<< HEAD
 જાવાસ્ક્રિપ્ટ મૉડ્યુલ્સ વચ્ચેના સંબંધને Module Dependency Tree તરીકે મૉડેલ કરવું, એ પણ તમારા એપ્લિકેશનને સમજવા માટે એક ઉપયોગી રીત છે.
-=======
-Modelling the relationship between JavaScript modules is another useful way to understand your app. We refer to it as a module dependency tree.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 <Diagram name="generic_dependency_tree" height={250} width={500} alt="પાંચ ગાંઠો સાથેનો એક ટ્રી ગ્રાફ. દરેક નોડ જાવાસ્ક્રિપ્ટ મોડ્યુલનું પ્રતિનિધિત્વ કરે છે. ટોપ-મોસ્ટ નોડ 'RootModule.js' લેબલ થયેલ છે. તેમાં ગાંઠો સુધી વિસ્તરેલા ત્રણ તીર છે: 'ModuleA.js', 'ModuleB.js', અને 'ModuleC.js'. દરેક તીરને 'imports' તરીકે લેબલ કરવામાં આવે છે. 'ModuleC.js' નોડમાં એક જ 'imports' તીર હોય છે જે 'ModuleD.js' લેબલવાળા નોડ તરફ નિર્દેશ કરે છે.">
 
 Module Dependency ટ્રીનું ઉદાહરણ.
 
 </Diagram>
 
-<<<<<<< HEAD
 Dependency Tree એ મોટાભાગના બિલ્ડ ટૂલ્સ દ્વારા ઉપયોગમાં લેવાય છે, જે ક્લાયન્ટ માટે ડાઉનલોડ અને રેન્ડર કરવા માટે તમામ સંબંધિત JavaScript કોડને બંડલ કરે છે. મોટા બંડલ કદને કારણે React એપ્લિકેશન્સમાં યુઝર અનુભવ પર નકારાત્મક અસર પડે છે. Module Dependency ટ્રીને સમજવાથી આવા સમસ્યાઓ ને ડિબગ કરવામાં મદદ મળે છે.
-=======
-A dependency tree is often used by build tools to bundle all the relevant JavaScript code for the client to download and render. A large bundle size regresses user experience for React apps. Understanding the module dependency tree is helpful to debug such issues.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 <LearnMore path="/learn/understanding-your-ui-as-a-tree">
 

src/content/learn/editor-setup.md

@@ -31,11 +31,7 @@ React સમુદાયમાં વપરાતા અન્ય લોકપ
 
 ### લિંટિંગ {/*linting*/}
 
-<<<<<<< HEAD
 કોડ લિંટર્સ તમારા કોડમાં સમસ્યાઓ શોધી કાઢે છે જેમ તમે લખો છો, જે તમને વહેલી તકે ઠીક કરવામાં મદદ કરે છે. [ESLint](https://eslint.org/) એ જાવાસ્ક્રિપ્ટ માટે લોકપ્રિય, ઓપન સોર્સ લિંટર છે. 
-=======
-Code linters find problems in your code as you write, helping you fix them early. [ESLint](https://eslint.org/) is a popular, open source linter for JavaScript.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 * [React માટે ભલામણ કરેલ ગોઠવણી સાથે ESLint ઇન્સ્ટોલ કરો](https://www.npmjs.com/package/eslint-config-react-app) (ખાતરી કરો કે તમે [Node ઇન્સ્ટોલ કર્યું છે!](https://nodejs.org/en/download/current/))
 * [સત્તાવાર એક્સ્ટેંશન સાથે VSCode માં ESLint ને એકીકૃત કરો](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

src/content/reference/react/cache.md

@@ -65,12 +65,7 @@ The optimization of caching return values based on inputs is known as [_memoizat
 - React will invalidate the cache for all memoized functions for each server request.
 - Each call to `cache` creates a new function. This means that calling `cache` with the same function multiple times will return different memoized functions that do not share the same cache.
 - `cachedFn` will also cache errors. If `fn` throws an error for certain arguments, it will be cached, and the same error is re-thrown when `cachedFn` is called with those same arguments.
-<<<<<<< HEAD
-
-- `cache` is for use in [Server Components](/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023#react-server-components) only.
-=======
 - `cache` is for use in [Server Components](/reference/rsc/server-components) only.
->>>>>>> 2639f369946f763fff9a2572b0d7c4b9e2f83ebd
 
 
 ---