feat: add breadcrumbs

src/shared/i18n/locales/ru.ts

@@ -2,6 +2,13 @@ export const ru = {
 	translation: {
 		appName: "WealthLedger",
 		navigation: { accounts: "Счета", settings: "Настройки" },
+		breadcrumbs: {
+			label: "Хлебные крошки",
+			accounts: "Брокерские счета",
+			accountFallback: "Счет",
+			operations: "Операции",
+			settings: "Настройки",
+		},
 		auth: {
 			login: "Вход",
 			register: "Регистрация",

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")}>