New: Sidebar and Mandantenwechsel

src/components/applicationBreadcrumbs.tsx

@@ -0,0 +1,34 @@
+import { Link } from '@tanstack/react-router'
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from './ui/breadcrumb'
+import { useCurrentMandant } from '@/features/Mandant/queries'
+
+function Breadcrumbs() {
+  const { data: currentMandant } = useCurrentMandant()
+
+  return (
+    <Breadcrumb>
+      <BreadcrumbList>
+        <BreadcrumbItem className="hidden md:block">
+          <BreadcrumbLink asChild>
+            <Link to="/">
+              {currentMandant ? currentMandant.name : 'Loading ...'}
+            </Link>
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator className="hidden md:block" />
+        <BreadcrumbItem>
+          <BreadcrumbPage>Dashboard</BreadcrumbPage>
+        </BreadcrumbItem>
+      </BreadcrumbList>
+    </Breadcrumb>
+  )
+}
+
+export default Breadcrumbs