docs: create docs workspace (#5174)

* docs: migrate ui docs to docs universe

* created yarn workspace

* added eslint and tsconfig configurations

* fix eslint configurations

* fixed eslint configurations

* shared tailwind configurations

* added shared ui package

* added more shared components

* migrating more components

* made details components shared

* move InlineCode component

* moved InputText

* moved Loading component

* Moved Modal component

* moved Select components

* Moved Tooltip component

* moved Search components

* moved ColorMode provider

* Moved Notification components and providers

* used icons package

* use UI colors in api-reference

* moved Navbar component

* used Navbar and Search in UI docs

* added Feedback to UI docs

* general enhancements

* fix color mode

* added copy colors file from ui-preset

* added features and enhancements to UI docs

* move Sidebar component and provider

* general fixes and preparations for deployment

* update docusaurus version

* adjusted versions

* fix output directory

* remove rootDirectory property

* fix yarn.lock

* moved code component

* added vale for all docs MD and MDX

* fix tests

* fix vale error

* fix deployment errors

* change ignore commands

* add output directory

* fix docs test

* general fixes

* content fixes

* fix announcement script

* added changeset

* fix vale checks

* added nofilter option

* fix vale error

www/apps/api-reference/components/MDXComponents/Security/index.tsx

@@ -0,0 +1,34 @@
+import dynamic from "next/dynamic"
+import type { OpenAPIV3 } from "openapi-types"
+import type { SecurityDescriptionProps } from "./Description"
+import { Fragment } from "react"
+
+const SecurityDescription = dynamic<SecurityDescriptionProps>(
+  async () => import("./Description")
+) as React.FC<SecurityDescriptionProps>
+
+type SecurityProps = {
+  specs?: OpenAPIV3.Document
+}
+
+const Security = ({ specs }: SecurityProps) => {
+  return (
+    <div>
+      {specs && (
+        <>
+          {Object.values(specs.components?.securitySchemes || {}).map(
+            (securitySchema, index) => (
+              <Fragment key={index}>
+                {!("$ref" in securitySchema) && (
+                  <SecurityDescription securitySchema={securitySchema} />
+                )}
+              </Fragment>
+            )
+          )}
+        </>
+      )}
+    </div>
+  )
+}
+
+export default Security