Refactor OrgLink component to use Suspense for improved loading handling

- Introduced a new inner component, OrgLinkInner, to manage the organization-specific links.
- Wrapped OrgLinkInner in a Suspense component to handle loading states more effectively.
- Updated usage examples in documentation to reflect the new structure.

Author: rohanharikr

components/org-link.js

@@ -1,15 +1,16 @@
 'use client'
+import { Suspense } from 'react'
 import { useSearchParams } from 'next/navigation'
 
 /**
  * Renders an org-specific GitHub link when ?org= query param is present.
  * Used on the Lifecycle support page to provide direct links after disconnect.
  *
  * Usage in MDX:
- *   <OrgLink path="settings/installations" label="GitHub App installations page" />
- *   <OrgLink path="Hello-Lifecycle/settings" label="repository settings" />
+ *   <OrgLink path="settings/installations" />
+ *   <OrgLink path="<ORG>/Hello-Lifecycle/settings" />
  */
-export default function OrgLink({ path, label }) {
+function OrgLinkInner({ path }) {
     const searchParams = useSearchParams()
     const org = searchParams.get('org')
 
@@ -28,3 +29,11 @@ export default function OrgLink({ path, label }) {
         </p>
     )
 }
+
+export default function OrgLink(props) {
+    return (
+        <Suspense fallback={null}>
+            <OrgLinkInner {...props} />
+        </Suspense>
+    )
+}