docs(nx-dev): add Pro plan details to FAQ (#29155)

Included a new FAQ entry to clarify the existence and conditions of the
Pro plan for existing users, which is no longer available to new users.
Added a link to this FAQ section from the pricing display page to help
users easily find information about the Pro plan. Updated HTML in the
FAQ section with an additional class for better scrolling behavior.

---------

Co-authored-by: Juri Strumpflohner <[email protected]>

nx-dev/ui-pricing/src/lib/faq.tsx

@@ -39,6 +39,12 @@ export function Faq(): ReactElement {
       answer:
         'Concurrent connections are unique machines that connect to Nx Cloud from a CI environment. If you are using Distributed Task Execution, you should expect to have one concurrent connection from your orchestrator job, and one additional concurrent connection for each live agent that is helping perform work.',
     },
+    {
+      question:
+        "I thought I was on the Pro plan, but I don't see it listed anymore. Does it still exist?",
+      answer:
+        "Yes, the Pro plan still exists for users who were grandfathered in. If you're already on the Pro plan, you will continue to receive support without any changes. However, this plan is no longer available to new users.",
+    },
     {
       question:
         'Is there a limit to the number of active contributors I can have on the Hobby plan?',
@@ -104,7 +110,7 @@ export function Faq(): ReactElement {
   ];
 
   return (
-    <section id="faq">
+    <section id="faq" className="scroll-mt-24">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
         <div className="lg:grid lg:grid-cols-3 lg:gap-8">
           <header>

nx-dev/ui-pricing/src/lib/plans-display.tsx

@@ -378,6 +378,12 @@ export function PlansDisplay(): ReactElement {
               pricing. Prices do not include applicable taxes.
             </p>
           </div>
+          <div className="mt-4 text-center">
+            <p className="text-sm font-medium opacity-80">
+              Looking for the Pro plan?{' '}
+              <Link href="#faq">Checkout our FAQ ↓</Link>
+            </p>
+          </div>
         </div>
       </div>
     </section>