feat: LLMs dropdown (#1956)

<img width="1915" height="986" alt="Screenshot 2025-09-30 at 16 04 30"
src="https://github.com/user-attachments/assets/e66b6853-1aaa-4feb-941b-9ede319a33a2"
/>


<!-- CURSOR_SUMMARY -->
> [!NOTE]
> Refactors LLM actions into a single dropdown menu and updates the doc
header layout and styles, adding UI library/icon deps.
> 
> - **Frontend (theme)**:
>   - **LLM actions**:
> - Replace `CopyForLLM` and `ViewAsMarkdown` buttons with a single
dropdown in `theme/LLMButtons/index.jsx` using `@apify/ui-library`
`Menu` and `@apify/ui-icons`.
> - Implements copy-as-Markdown (with loading/success feedback) and
view-as-Markdown actions.
> - Removes `theme/LLMButtons/CopyForLLM` and
`theme/LLMButtons/ViewAsMarkdown` components.
> - Revamps styles in `theme/LLMButtons/styles.module.css` for the new
button and menu options.
>   - **Doc header layout**:
> - In `theme/DocItemContent/index.js`, wraps title and LLM controls in
a flex container (`styles.docItemContent`), keeping `MDXContent` below;
adds `styles.module.css` for layout.
> - **Dependencies**:
> - Add `@apify/ui-icons` and bump `@apify/ui-library`; update lockfile
accordingly.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
5455d61. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

---------

Co-authored-by: Richard Biroš <[email protected]>
Co-authored-by: Jan Bárta <[email protected]>

Author: 3 people

apify-docs-theme/src/theme/DocItemContent/index.js

@@ -7,6 +7,8 @@ import MDXContent from '@theme/MDXContent';
 import clsx from 'clsx';
 import React from 'react';
 
+import styles from './styles.module.css';
+
 function useSyntheticTitle() {
   const { metadata, frontMatter, contentTitle } = useDoc();
   const shouldRender = !frontMatter.hide_title && typeof contentTitle === 'undefined';
@@ -62,11 +64,15 @@ export default function DocItemContent({ children }) {
   const shouldShowLLMButtons = allowedPaths.some((path) => location.pathname.startsWith(path))
     && !disallowedPaths.some((path) => location.pathname.includes(path));
 
-  return (
-    <div className={clsx(ThemeClassNames.docs.docMarkdown, 'markdown')}>
-      {syntheticTitle && <Heading as="h1">{syntheticTitle}</Heading>}
-      {shouldShowLLMButtons && <LLMButtons />}
-      <MDXContent>{children}</MDXContent>
-    </div>
-  );
+    return (
+        <div className={clsx(ThemeClassNames.docs.docMarkdown, 'markdown')}>
+            {(syntheticTitle || shouldShowLLMButtons) && (
+                <div className={styles.docItemContent}>
+                    {syntheticTitle && <Heading as="h1">{syntheticTitle}</Heading>}
+                    {shouldShowLLMButtons && <LLMButtons />}
+                </div>
+            )}
+            <MDXContent>{children}</MDXContent>
+        </div>
+    );
 }

apify-docs-theme/src/theme/DocItemContent/styles.module.css

@@ -0,0 +1,17 @@
+.docItemContent {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    /* move the h1 margin to padding */
+    h1 {
+        margin-bottom: 0 !important;
+    }
+    padding-bottom: calc(
+        var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading)
+    );
+
+    @media (max-width: 767px) {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+}