feat(portfolio): add expanded layout for bond position cards

Add variant="bond" to PositionCard with bond-specific CSS classes
(.bondCard, .bondMain, etc.) matching the stock expanded layout.
PositionSection now passes variant based on section kind.
Bond cards render 3-column grid (logo | identity | value) with
meta row, identical to stock cards.

src/pages/account/ui/AccountPage.module.css

@@ -56,12 +56,37 @@
 	white-space: nowrap;
 }
 
-.stockMeta {
+.stockMeta,
+.bondMeta {
 	padding-top: var(--mantine-spacing-xs);
 	margin-top: var(--mantine-spacing-sm);
 	border-top: 1px solid var(--mantine-color-gray-2);
 }
 
+.bondCard {
+	padding: var(--mantine-spacing-md);
+}
+
+.bondMain {
+	display: grid;
+	grid-template-columns: auto minmax(0, 1fr) auto;
+	gap: var(--mantine-spacing-sm);
+	align-items: center;
+}
+
+.bondIdentity,
+.bondValue {
+	min-width: 0;
+}
+
+.bondIdentifiers {
+	overflow-wrap: anywhere;
+}
+
+.bondValue {
+	white-space: nowrap;
+}
+
 .mono {
 	font-family: var(--mantine-font-family-monospace);
 }