feat(portfolio): visualize asset allocation

src/pages/account/ui/components/AccountPageLoaded.view.tsx

@@ -16,6 +16,7 @@ import { AccountHeading } from "./AccountHeading.view";
 import { CurrencyCards } from "./CurrencyCards.view";
 import { IncomeSummary } from "./IncomeSummary.view";
 import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
+import { PortfolioStructure } from "./PortfolioStructure";
 import { PositionSection } from "./PositionSection.view";
 import { RecentOperations } from "./RecentOperations.view";
 
@@ -56,6 +57,10 @@ const AccountPageLoaded: FC<AccountPageLoadedProps> = (props) => {
 				)}
 			</Text>
 			<CurrencyCards amounts={props.portfolio.totalsByCurrency} />
+			<PortfolioStructure
+				key={props.accountId}
+				structure={props.portfolio.structure}
+			/>
 			<Accordion
 				multiple
 				defaultValue={[