docs: update to next 15 + eslint 9 (#9839)

* update next

* updated react

* update eslint

* finish updating eslint

* fix content lint errors

* fix docs test

* fix vale action

* fix installation errors

www/packages/docs-ui/src/components/ChildDocs/index.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import React, { useMemo } from "react"
-import { Card, CardList, MDXComponents, useSidebar } from "../.."
+import { Card, CardList, H2, useSidebar } from "../.."
 import { InteractiveSidebarItem, SidebarItem, SidebarItemLink } from "types"
 import slugify from "slugify"
 
@@ -27,8 +27,8 @@ export const ChildDocs = ({
     return showItems !== undefined
       ? "show"
       : hideItems.length > 0
-      ? "hide"
-      : "all"
+        ? "hide"
+        : "all"
   }, [showItems, hideItems])
 
   const filterCondition = (item: SidebarItem): boolean => {
@@ -132,12 +132,12 @@ export const ChildDocs = ({
               childItem.type === "link"
                 ? childItem.path
                 : childItem.children?.length
-                ? (
-                    childItem.children.find(
-                      (item) => item.type === "link"
-                    ) as SidebarItemLink
-                  )?.path
-                : "#"
+                  ? (
+                      childItem.children.find(
+                        (item) => item.type === "link"
+                      ) as SidebarItemLink
+                    )?.path
+                  : "#"
             return {
               title: childItem.title,
               href,
@@ -151,9 +151,7 @@ export const ChildDocs = ({
   const getAllLevelsElms = (items?: SidebarItem[]) =>
     filterNonInteractiveItems(items).map((item, key) => {
       const itemChildren = getChildrenForLevel(item)
-      const HeadingComponent = itemChildren?.length
-        ? MDXComponents["h2"]
-        : undefined
+      const HeadingComponent = itemChildren?.length ? H2 : undefined
 
       return (
         <React.Fragment key={key}>