docs: fix sidebar items not showing if they have same title in API reference (#11122)

www/apps/api-reference/components/Tags/Paths/index.tsx

@@ -37,6 +37,7 @@ const TagPaths = ({ tag, className, paths }: TagPathsProps) => {
         addItems(pathItems, {
           section: SidebarItemSections.DEFAULT,
           parent: {
+            type: "category",
             title: tag.name,
             path: "",
             changeLoaded: true,

www/apps/api-reference/components/Tags/Section/Schema/index.tsx

@@ -73,8 +73,9 @@ const TagSectionSchema = ({ schema, tagName }: TagSectionSchemaProps) => {
       {
         section: SidebarItemSections.DEFAULT,
         parent: {
+          type: "category",
           title: tagName,
-          path: tagSlugName,
+          path: "",
           changeLoaded: true,
         },
         indexPosition: 0,

www/apps/api-reference/providers/base-specs.tsx

@@ -1,19 +1,12 @@
 "use client"
 
 import { ExpandedDocument, SecuritySchemeObject } from "@/types/openapi"
-import {
-  ReactNode,
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-} from "react"
+import { ReactNode, createContext, useContext, useEffect, useMemo } from "react"
 import { SidebarItem, SidebarItemSections } from "types"
 import getSectionId from "../utils/get-section-id"
 import getTagChildSidebarItems from "../utils/get-tag-child-sidebar-items"
-import { usePathname, useRouter } from "next/navigation"
-import { usePrevious, useSidebar } from "docs-ui"
+import { useRouter } from "next/navigation"
+import { useSidebar } from "docs-ui"
 
 type BaseSpecsContextType = {
   baseSpecs: ExpandedDocument | undefined
@@ -29,10 +22,7 @@ type BaseSpecsProviderProps = {
 
 const BaseSpecsProvider = ({ children, baseSpecs }: BaseSpecsProviderProps) => {
   const router = useRouter()
-  const { items, activePath, addItems, setActivePath, resetItems } =
-    useSidebar()
-  const pathname = usePathname()
-  const prevPathName = usePrevious(pathname)
+  const { activePath, addItems, setActivePath, resetItems } = useSidebar()
 
   const getSecuritySchema = (
     securityName: string