feat: add stock pages and ticker navigation

Add stock search and detail pages with charts, dividends and shared event rows.

Use verified ticker links for portfolio names and logos, numeric dates and refreshed account cards.

Update the generated API contract.

src/app/routes/AppRoutes.tsx

@@ -4,6 +4,14 @@ import { Navigate, Route, Routes } from "react-router";
 import { LazyPage } from "./RouteFallback";
 import { Protected, Public } from "./RouteGuards";
 
+const StockPage = lazy(async () => {
+	const { StockPage } = await import("@/pages/stock");
+	return { default: StockPage };
+});
+const StocksPage = lazy(async () => {
+	const { StocksPage } = await import("@/pages/stocks");
+	return { default: StocksPage };
+});
 const AccountPage = lazy(async () => {
 	const { AccountPage } = await import("@/pages/account");
 	return { default: AccountPage };
@@ -77,6 +85,22 @@ const AppRoutes: FC = () => (
 				</Protected>
 			}
 		>
+			<Route
+				path="/stocks"
+				element={
+					<LazyPage variant="content">
+						<StocksPage />
+					</LazyPage>
+				}
+			/>
+			<Route
+				path="/stocks/:stockId"
+				element={
+					<LazyPage variant="content">
+						<StockPage />
+					</LazyPage>
+				}
+			/>
 			<Route
 				path="/accounts"
 				element={

src/app/ui/AppBreadcrumbs.tsx

@@ -5,6 +5,7 @@ import { useMatch } from "react-router";
 import { AccountBreadcrumbs } from "./AccountBreadcrumbs";
 import { AccountScopeSwitch } from "./AccountScopeSwitch";
 import { BreadcrumbTrail } from "./BreadcrumbTrail";
+import { StockBreadcrumbs } from "./StockBreadcrumbs";
 
 const AppBreadcrumbs: FC = () => {
 	const { t } = useTranslation();
@@ -18,6 +19,9 @@ const AppBreadcrumbs: FC = () => {
 	const accounts = useMatch({ path: "/accounts", end: true });
 	const settings = useMatch({ path: "/settings", end: true });
 
+	const stock = useMatch({ path: "/stocks/:stockId", end: true });
+	if (stock)
+		return <StockBreadcrumbs identifier={stock.params.stockId ?? ""} />;
 	if (operations)
 		return (
 			<Stack gap="sm" mb="lg">

src/app/ui/StockBreadcrumbs.tsx

@@ -0,0 +1,20 @@
+import type { FC } from "react";
+import { useTranslation } from "react-i18next";
+import { useStock } from "@/entities/stock";
+import { BreadcrumbTrail } from "./BreadcrumbTrail";
+
+type StockBreadcrumbsProps = { identifier: string };
+const StockBreadcrumbs: FC<StockBreadcrumbsProps> = (props) => {
+	const { data } = useStock(props.identifier);
+	const { t } = useTranslation();
+	return (
+		<BreadcrumbTrail
+			items={[
+				{ label: t("stock.searchTitle"), to: "/stocks" },
+				{ label: data?.name ?? t("stock.share") },
+			]}
+		/>
+	);
+};
+
+export { StockBreadcrumbs };