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/docs/src/theme/DocCardList/index.tsx

@@ -0,0 +1,37 @@
+import React from "react"
+import clsx from "clsx"
+import {
+  useCurrentSidebarCategory,
+  filterDocCardListItems,
+} from "@docusaurus/theme-common"
+import DocCard from "@theme/DocCard"
+import type { Props } from "@theme/DocCardList"
+
+function DocCardListForCurrentSidebarCategory({ className }: Props) {
+  const category = useCurrentSidebarCategory()
+  return <DocCardList items={category.items} className={className} />
+}
+
+type ModifiedProps = {
+  colSize?: string
+} & Props
+
+export default function DocCardList(props: ModifiedProps): JSX.Element {
+  const { items, className } = props
+  if (!items) {
+    return <DocCardListForCurrentSidebarCategory {...props} />
+  }
+  const filteredItems = filterDocCardListItems(items).filter(
+    (item) => !item.customProps.excludeFromDocList
+  )
+
+  return (
+    <section
+      className={clsx("cards-grid", `grid-${props.colSize || "4"}`, className)}
+    >
+      {filteredItems.map((item, index) => (
+        <DocCard item={item} key={index} />
+      ))}
+    </section>
+  )
+}