Tree fix (#6583)

* PartCategoryTree - add "subcategories" field

* Fix rendering of PartCategoryTree

* Implement similar fixes for StockLocationTree

* Bump API version

* Breadcrumb list tweak

- Limit to 7 items

* Fix bug for stock tree serializer

* Add unit tests

src/frontend/src/components/nav/BreadcrumbList.tsx

@@ -7,6 +7,7 @@ import {
   Text
 } from '@mantine/core';
 import { IconMenu2 } from '@tabler/icons-react';
+import { useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 export type Breadcrumb = {
@@ -26,6 +27,19 @@ export function BreadcrumbList({
 }) {
   const navigate = useNavigate();
 
+  const elements = useMemo(() => {
+    // Limit to 7 active elements
+    if (breadcrumbs.length > 7) {
+      return [
+        ...breadcrumbs.slice(0, 3),
+        { name: '...', url: '#' },
+        ...breadcrumbs.slice(-3)
+      ];
+    } else {
+      return breadcrumbs;
+    }
+  }, [breadcrumbs]);
+
   return (
     <Paper p="3" radius="xs">
       <Group spacing="xs">
@@ -35,7 +49,7 @@ export function BreadcrumbList({
           </ActionIcon>
         )}
         <Breadcrumbs key="breadcrumbs" separator=">">
-          {breadcrumbs.map((breadcrumb, index) => {
+          {elements.map((breadcrumb, index) => {
             return (
               <Anchor
                 key={index}