feat: add breadcrumbs

src/shared/ui/AppShell.tsx

@@ -1,8 +1,13 @@
 import { AppShell as MantineAppShell, NavLink, Text } from "@mantine/core";
+import type { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { Outlet, NavLink as RouterNavLink, useLocation } from "react-router";
 
-export function AppShell() {
+export function AppShell({
+	contentAboveOutlet,
+}: {
+	contentAboveOutlet?: ReactNode;
+}) {
 	const { t } = useTranslation();
 	const { pathname } = useLocation();
 	const items = [
@@ -31,6 +36,7 @@ export function AppShell() {
 				))}
 			</MantineAppShell.Navbar>
 			<MantineAppShell.Main>
+				{contentAboveOutlet}
 				<Outlet />
 			</MantineAppShell.Main>
 			<nav className="bottom-nav" aria-label={t("appName")}>