Update Code of Conduct

CODE_OF_CONDUCT.md

@@ -46,4 +46,3 @@ With this document, we promote ethical code use, security awareness, and a respe
 
 📢 Let's build something great, together!
 
-##

web/app/docs/about/faq/page.tsx

@@ -82,74 +82,116 @@ export default function FaqPage() {
           bash -c "$(wget -qLO - https://raw.githubusercontent.com/MacRimi/ProxMenux/main/install_proxmenux.sh)"
         </code>
       </pre>
-      <p className="mt-4">Once installed, launch it with:</p>
+      <p className="mt-4">Once installed, simply start it with:</p>
       <pre className="bg-gray-100 p-4 rounded-md overflow-x-auto text-sm">
         <code>menu</code>
       </pre>
 
       {/* 3️⃣ Compatibility */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">3️⃣ Is ProxMenux compatible with all Proxmox versions?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={3} />
+        Is ProxMenux compatible with all Proxmox versions?
+      </h3>
       <p className="mb-4">
         No, <strong>ProxMenux is only compatible with Proxmox VE 8 and later versions.</strong>
       </p>
 
       {/* 4️⃣ Customization */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">4️⃣ Can I customize ProxMenux?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={4} />
+        Can I customize ProxMenux?
+      </h3>
       <p className="mb-4">
-        The core scripts cannot be modified directly as they are hosted on GitHub, but you can personalize 
+        The core scripts cannot be modified directly as they are hosted on GitHub. However, users can  
-        the <strong>console logo</strong> using the <strong>FastFetch</strong> tool in the <strong>Post-Install options</strong>.
+        personalize the <strong>console logo</strong> using the <strong>FastFetch</strong> tool available in the  
+        <strong>Post-Install options</strong>.
       </p>
 
       {/* 5️⃣ Updates */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">5️⃣ How do I update ProxMenux?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={5} />
+        How do I update ProxMenux?
+      </h3>
       <p className="mb-4">
-        When a new version is available, ProxMenux will automatically detect it upon launch and ask 
+        When a new version is available, ProxMenux will automatically detect it upon launch and prompt  
-        if you want to update. The update process will replace utility files and configurations.
+        users to update. If accepted, the update process will replace utility files and configurations.
       </p>
 
       {/* 6️⃣ Reporting Issues */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">6️⃣ Where can I report issues?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={6} />
+        Where can I report issues?
+      </h3>
       <p className="mb-4">
         If you encounter bugs or errors, report them in the{" "}
-        <Link href="https://github.com/MacRimi/ProxMenux/issues" className="text-blue-500 hover:underline">Issues section</Link>.
+        <Link href="https://github.com/MacRimi/ProxMenux/issues" className="text-blue-500 hover:underline">
+          Issues section
+        </Link>.
+      </p>
+      <p className="mb-4">
+        If you find a <strong>security issue</strong>, please <strong>do not publish it</strong>.  
+        Instead, review the{" "}
+        <Link href="https://github.com/MacRimi/ProxMenux/blob/main/CODE_OF_CONDUCT.md" className="text-blue-500 hover:underline">
+          Code of Conduct & Best Practices
+        </Link>{" "}
+        for guidance on how to proceed.
       </p>
 
       {/* 7️⃣ Contributing */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">7️⃣ Can I contribute to ProxMenux?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={7} />
+        Can I contribute to ProxMenux?
+      </h3>
       <p className="mb-4">
         Yes! ProxMenux is an open-source project, and contributions are welcome.  
         You can share ideas or discuss improvements in the{" "}
-        <Link href="https://github.com/MacRimi/ProxMenux/discussions" className="text-blue-500 hover:underline">Discussions section</Link>.  
+        <Link href="https://github.com/MacRimi/ProxMenux/discussions" className="text-blue-500 hover:underline">
-        Make sure to check the{" "}
+          Discussions section
-        <Link href="https://github.com/MacRimi/ProxMenux/blob/main/CODE_OF_CONDUCT.md" className="text-blue-500 hover:underline">Code of Conduct & Best Practices</Link>.
+        </Link>.  
+        Make sure to review the{" "}
+        <Link href="https://github.com/MacRimi/ProxMenux/blob/main/CODE_OF_CONDUCT.md" className="text-blue-500 hover:underline">
+          Code of Conduct & Best Practices
+        </Link>.
       </p>
 
       {/* 8️⃣ Modifying System Files */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">8️⃣ Does ProxMenux modify critical system files?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={8} />
+        Does ProxMenux modify critical system files?
+      </h3>
       <p className="mb-4">
         No, <strong>ProxMenux does not modify critical Proxmox system files.</strong>  
-        It installs dependencies (whiptail, curl, jq, Python3), sets up a virtual environment for translations, and downloads its scripts into 
+        It only installs dependencies such as <code className="bg-gray-200 px-1 rounded">whiptail</code>, <code className="bg-gray-200 px-1 rounded">curl</code>,  
-        <code className="bg-gray-200 px-1 rounded">/usr/local/share/proxmenux/ and the executable menu into /usr/local/bin/</code>.  
+        <code className="bg-gray-200 px-1 rounded">jq</code>, and <code className="bg-gray-200 px-1 rounded">Python3</code>, sets up a virtual environment for translations,  
-        It does not interfere with Proxmox's core operations.
+        and downloads its scripts into <code className="bg-gray-200 px-1 rounded">/usr/local/share/proxmenux/</code>.  
+        The executable <code className="bg-gray-200 px-1 rounded">menu</code> is placed in <code className="bg-gray-200 px-1 rounded">/usr/local/bin/</code>.  
+        ProxMenux does not interfere with Proxmox’s core operations.
       </p>
 
       {/* 9️⃣ Production Use */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">9️⃣ Is it safe to use ProxMenux in production?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={9} />
+        Is it safe to use ProxMenux in production?
+      </h3>
       <p className="mb-4">
-        Yes, ProxMenux is <strong>safe for production</strong>.  
+        Yes, <strong>ProxMenux is safe for production</strong>.  
         Since it does not modify core Proxmox files, it can be used in production environments.  
         However, it is always recommended to test it in a controlled environment first.
       </p>
 
       {/* 🔟 Uninstallation */}
-      <h2 className="text-2xl font-semibold mt-8 mb-4">🔟 How do I uninstall ProxMenux?</h2>
+      <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">
+        <StepNumber number={10} />
+        How do I uninstall ProxMenux?
+      </h3>
       <p className="mb-4">
-        You can uninstall ProxMenux from the **Settings menu** using the **Uninstall ProxMenux** option.  
+        You can uninstall ProxMenux from the <strong>Settings menu</strong> using the <strong>Uninstall ProxMenux</strong> option.  
         Detailed steps can be found in the{" "}
         <Link href="https://macrimi.github.io/ProxMenux/docs/settings/uninstall-proxmenux" className="text-blue-500 hover:underline">
           Uninstall Guide
         </Link>.
       </p>
+
     </div>
   );
 }