feat: add bond pages and portfolio navigation

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 BondPage = lazy(async () => {
+	const { BondPage } = await import("@/pages/bond");
+	return { default: BondPage };
+});
+const BondsPage = lazy(async () => {
+	const { BondsPage } = await import("@/pages/bonds");
+	return { default: BondsPage };
+});
 const StockPage = lazy(async () => {
 	const { StockPage } = await import("@/pages/stock");
 	return { default: StockPage };
@@ -85,6 +93,22 @@ const AppRoutes: FC = () => (
 				</Protected>
 			}
 		>
+			<Route
+				path="/bonds"
+				element={
+					<LazyPage variant="content">
+						<BondsPage />
+					</LazyPage>
+				}
+			/>
+			<Route
+				path="/bonds/:bondId"
+				element={
+					<LazyPage variant="content">
+						<BondPage />
+					</LazyPage>
+				}
+			/>
 			<Route
 				path="/stocks"
 				element={