feat: unify upcoming event cards across pages

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

@@ -2,6 +2,7 @@ import { Accordion, Alert, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import type { BrokerageAccount } from "@/entities/brokerage-account";
+import { BrokerageEventsPreview } from "@/entities/brokerage-event";
 import type { Portfolio } from "@/entities/portfolio";
 import { formatSnapshotTime } from "@/shared/lib";
 import classes from "../AccountPage.module.css";
@@ -16,7 +17,6 @@ import { CurrencyCards } from "./CurrencyCards.view";
 import { IncomeSummary } from "./IncomeSummary.view";
 import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
 import { PositionSection } from "./PositionSection.view";
-import { RecentEvents } from "./RecentEvents.view";
 import { RecentOperations } from "./RecentOperations.view";
 
 type AccountPageLoadedProps = {
@@ -91,7 +91,7 @@ const AccountPageLoaded: FC<AccountPageLoadedProps> = (props) => {
 				<Accordion.Item value="recentEvents">
 					<Accordion.Control>{t("events.recentTitle")}</Accordion.Control>
 					<Accordion.Panel>
-						<RecentEvents events={props.recentEvents} />
+						<BrokerageEventsPreview events={props.recentEvents} />
 					</Accordion.Panel>
 				</Accordion.Item>
 				<Accordion.Item value="incomeSummary">