diff --git a/components/doc/contribution/benefitsdoc.js b/components/doc/contribution/benefitsdoc.js
index df4bfe3de7..ef05a4b508 100644
--- a/components/doc/contribution/benefitsdoc.js
+++ b/components/doc/contribution/benefitsdoc.js
@@ -2,11 +2,11 @@ import { DocSectionText } from '@/components/doc/common/docsectiontext';
 import Link from 'next/link';
 
 export function BenefitsDoc(props) {
-
     return (
         <DocSectionText {...props}>
-           <p>
-                Contributing to PrimeReact comes with several benefits. Being part of an open-source project will enhance your career and open up exciting opportunities. Contributors and Committers will be listed on our <Link href="/team">team page</Link>. You'll gain significant visibility in the developer community while improving yourself as a professional.
+            <p>
+                Contributing to PrimeReact comes with several benefits. Being part of an open-source project will enhance your career and open up exciting opportunities. Contributors and Committers will be listed on our{' '}
+                <Link href="/team">team page</Link>. You'll gain significant visibility in the developer community while improving yourself as a professional.
             </p>
             <p>You'll be invited to a private communication channel at Discord to get in touch with PrimeTek. In addition, contributors have access to all PrimeReact add-ons like Premium Templates, Blocks, and UI Kit free of charge.</p>
         </DocSectionText>
diff --git a/components/doc/contribution/communicationdoc.js b/components/doc/contribution/communicationdoc.js
index 35855e585e..e4e52dd71d 100644
--- a/components/doc/contribution/communicationdoc.js
+++ b/components/doc/contribution/communicationdoc.js
@@ -1,11 +1,14 @@
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
 
 export function CommunicationDoc(props) {
-
     return (
         <DocSectionText {...props}>
             <p>
-                Join the Contributors channel on the <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">PrimeLand Discord</a> server to connect with PrimeReact staff and fellow contributors. In this channel, you can discuss the areas you want to contribute to and receive feedback. This channel is open to everyone who'd like to contribute.
+                Join the Contributors channel on the{' '}
+                <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">
+                    PrimeLand Discord
+                </a>{' '}
+                server to connect with PrimeReact staff and fellow contributors. In this channel, you can discuss the areas you want to contribute to and receive feedback. This channel is open to everyone who'd like to contribute.
             </p>
         </DocSectionText>
     );
diff --git a/components/doc/contribution/helpneededdoc.js b/components/doc/contribution/helpneededdoc.js
index b608a6bbed..cde93f9864 100644
--- a/components/doc/contribution/helpneededdoc.js
+++ b/components/doc/contribution/helpneededdoc.js
@@ -1,7 +1,6 @@
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
 
 export function HelpNeededDoc(props) {
-
     return (
         <DocSectionText {...props}>
             <p>PrimeReact is a community-driven project backed by the expertise and sponsorship of PrimeTek, and we appreciate any help you can provide. Here are some areas where you can contribute:</p>
@@ -14,10 +13,22 @@ export function HelpNeededDoc(props) {
             </ul>
 
             <h3>Sending Pull Requests</h3>
-            <p>We encourage you to send pull requests, especially for issues tagged with the <i>help-needed</i> label.</p>
+            <p>
+                We encourage you to send pull requests, especially for issues tagged with the <i>help-needed</i> label.
+            </p>
 
             <h3>Community Support</h3>
-            <p>Assist other users by participating in the issue tracker, <a href="https://github.com/orgs/primefaces/discussions/categories/primereact" target="_blank" rel="noopener noreferrer">GitHub Discussions</a>, and the <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">PrimeLand Discord</a> server. Your expertise can help others solve problems and improve their experience with PrimeReact.</p>
+            <p>
+                Assist other users by participating in the issue tracker,{' '}
+                <a href="https://github.com/orgs/primefaces/discussions/categories/primereact" target="_blank" rel="noopener noreferrer">
+                    GitHub Discussions
+                </a>
+                , and the{' '}
+                <a href="https://discord.com/invite/gzKFYnpmCY" target="_blank" rel="noopener noreferrer">
+                    PrimeLand Discord
+                </a>{' '}
+                server. Your expertise can help others solve problems and improve their experience with PrimeReact.
+            </p>
         </DocSectionText>
     );
 }
diff --git a/components/doc/contribution/introductiondoc.js b/components/doc/contribution/introductiondoc.js
index 0ff2497411..373548802f 100644
--- a/components/doc/contribution/introductiondoc.js
+++ b/components/doc/contribution/introductiondoc.js
@@ -3,20 +3,20 @@ import { DocSectionCode } from '../common/docsectioncode';
 
 export function IntroductionDoc(props) {
     const code = {
-            code1: {
-                basic: `
+        code1: {
+            basic: `
 git clone https://github.com/primefaces/primereact.git
 cd primereact
 `
-            },
-            code2: {
-                basic: `
+        },
+        code2: {
+            basic: `
 npm install
 npm run dev
 `
-            },
-            code3: {
-                basic: `
+        },
+        code3: {
+            basic: `
 - components
     - doc // Documentations
     - lib // Components
@@ -31,13 +31,15 @@ npm run dev
     return (
         <DocSectionText {...props}>
             <p>
-                PrimeReact is a popular Vue UI library maintained by PrimeTek, a company renowned for its comprehensive set of UI components for various frameworks. PrimeTek is dedicated to providing high-quality, versatile, and accessible UI components
-                that help developers build better applications faster.
+                PrimeReact is a popular Vue UI library maintained by PrimeTek, a company renowned for its comprehensive set of UI components for various frameworks. PrimeTek is dedicated to providing high-quality, versatile, and accessible UI
+                components that help developers build better applications faster.
             </p>
             <h3>Development Setup</h3>
             <p>To begin with, clone the PrimeReact repository from GitHub</p>
             <DocSectionCode code={code.code1} hideToggleCode hideStackBlitz />
-            <p>Then run the showcase in your local environment at <i>http://localhost:3000/</i>.</p>
+            <p>
+                Then run the showcase in your local environment at <i>http://localhost:3000/</i>.
+            </p>
             <DocSectionCode code={code.code2} hideToggleCode hideStackBlitz />
             <h3>Project Structure</h3>
 
diff --git a/components/doc/contribution/keypointsdoc.js b/components/doc/contribution/keypointsdoc.js
index 901395b480..eeb815f726 100644
--- a/components/doc/contribution/keypointsdoc.js
+++ b/components/doc/contribution/keypointsdoc.js
@@ -1,11 +1,11 @@
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
 
 export function KeyPointsDoc(props) {
-
     return (
         <DocSectionText {...props}>
             <p>
-                PrimeReact has several add-ons such as UI Kit, Premium Templates, and Blocks that rely on the core library. Any structural changes in the core, such as adding new props, events, or updating design tokens, should be communicated with the core team to ensure consistency and compatibility.
+                PrimeReact has several add-ons such as UI Kit, Premium Templates, and Blocks that rely on the core library. Any structural changes in the core, such as adding new props, events, or updating design tokens, should be communicated with
+                the core team to ensure consistency and compatibility.
             </p>
         </DocSectionText>
     );
diff --git a/components/doc/contribution/pathwaydoc.js b/components/doc/contribution/pathwaydoc.js
index e036fa8d33..fe1220a35b 100644
--- a/components/doc/contribution/pathwaydoc.js
+++ b/components/doc/contribution/pathwaydoc.js
@@ -1,7 +1,6 @@
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
 
 export function PathwayDoc(props) {
-
     return (
         <DocSectionText {...props}>
             <p>PrimeTek offers an organization structure involving contributors and the core team:</p>
diff --git a/pages/contribution/index.js b/pages/contribution/index.js
index 0036ab5342..7891b44bf0 100644
--- a/pages/contribution/index.js
+++ b/pages/contribution/index.js
@@ -8,7 +8,6 @@ import { CommunicationDoc } from '@/components/doc/contribution/communicationdoc
 import { PathwayDoc } from '@/components/doc/contribution/pathwaydoc';
 import { BenefitsDoc } from '@/components/doc/contribution/benefitsdoc';
 
-
 const ContributionPage = () => {
     const docs = [
         {