refactor: clarify frontend module ownership

src/pages/account-income/ui/AccountIncomePage/AccountIncomePage.module.css

@@ -22,13 +22,6 @@
 	min-width: 0;
 }
 
-/* Keep the reused Ledger row's full text readable inside income cards. */
-.entries :global(.mantine-Text-root) {
-	-webkit-line-clamp: unset;
-	white-space: normal;
-	overflow-wrap: anywhere;
-}
-
 .comparison {
 	container-type: inline-size;
 }

src/pages/account-income/ui/AccountIncomePage/components/IncomePayments.view.tsx

@@ -5,13 +5,11 @@ import { useTranslation } from "react-i18next";
 
 import { LedgerEntryRow } from "@/entities/broker-operation";
 
-import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
+import type { IncomeDisplayModel } from "../../../model/display";
 
 import classes from "../AccountIncomePage.module.css";
 
-type IncomePaymentsProps = { entries: LoadedProps["display"]["entries"] };
-
-type LoadedProps = Extract<AccountIncomePageViewModel, { state: "loaded" }>;
+type IncomePaymentsProps = { entries: IncomeDisplayModel["entries"] };
 
 const IncomePayments: FC<IncomePaymentsProps> = (props) => {
 	const { t } = useTranslation();
@@ -23,7 +21,7 @@ const IncomePayments: FC<IncomePaymentsProps> = (props) => {
 			<Stack className={classes.entries} component="ul" gap="sm">
 				{props.entries.map(({ key, operation }) => (
 					<li key={key}>
-						<LedgerEntryRow operation={operation} />
+						<LedgerEntryRow operation={operation} wrap />
 					</li>
 				))}
 			</Stack>