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/tailwind.config.js

@@ -0,0 +1,31 @@
+import coreConfig from "tailwind"
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  ...coreConfig,
+  // prefix: "tw-",
+  corePlugins: {
+    preflight: false, // disable Tailwind's reset
+  },
+  content: [
+    ...coreConfig.content,
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./content/**/*.{mdx,md}",
+    "!./content/references",
+    "docusaurus.config.js",
+    "sidebars.js",
+  ],
+  theme: {
+    ...coreConfig.theme,
+    extend: {
+      ...coreConfig.theme.extend,
+      screens: {
+        ...coreConfig.theme.screens,
+        xs: "576px",
+        lg: "996px",
+        xl: "1419px",
+        xxl: "1440px",
+      },
+    },
+  },
+}