website: Prep for workspaces. Clean up shared deps. (#15602)

website: Prepare NPM Workspaces.

website/api/src/theme/DocSidebarItem/Link/index.tsx

@@ -0,0 +1,70 @@
+import "./styles.css";
+
+import isInternalUrl from "@docusaurus/isInternalUrl";
+import Link from "@docusaurus/Link";
+import { isActiveSidebarItem } from "@docusaurus/plugin-content-docs/client";
+import { ThemeClassNames } from "@docusaurus/theme-common";
+import type { Props } from "@theme/DocSidebarItem/Link";
+import IconExternalLink from "@theme/Icon/ExternalLink";
+import clsx from "clsx";
+import React from "react";
+
+const docsURL = new URL(process.env.DOCS_URL || "https://docs.goauthentik.io");
+function isInternalUrlOrDocsUrl(url: string) {
+    if (isInternalUrl(url)) return true;
+
+    const inputURL = new URL(url);
+
+    return inputURL.origin === docsURL.origin;
+}
+
+const DocSidebarItemLink: React.FC<Props> = ({
+    item,
+    onItemClick,
+    activePath,
+    level,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    index,
+    ...props
+}) => {
+    const { href, label, className, autoAddBaseUrl } = item;
+    const isActive = isActiveSidebarItem(item, activePath);
+    const internalLink = isInternalUrlOrDocsUrl(href);
+
+    return (
+        <li
+            className={clsx(
+                ThemeClassNames.docs.docSidebarItemLink,
+                ThemeClassNames.docs.docSidebarItemLinkLevel(level),
+                "menu__list-item",
+                className,
+            )}
+            key={label}
+        >
+            <Link
+                className={clsx("menu__link", {
+                    "menu__link--external": !internalLink,
+                    "menu__link--active": isActive,
+                })}
+                autoAddBaseUrl={autoAddBaseUrl}
+                aria-current={isActive ? "page" : undefined}
+                to={href}
+                {...(internalLink && {
+                    onClick: onItemClick ? () => onItemClick(item) : undefined,
+                })}
+                {...props}
+            >
+                {item.className?.includes("api-method") ? (
+                    <div className="badge-container">
+                        <span role="img" className="badge method" />
+                    </div>
+                ) : null}
+
+                {label}
+                {!internalLink && <IconExternalLink />}
+            </Link>
+        </li>
+    );
+};
+
+export default DocSidebarItemLink;