refactor: colocate frontend component files

src/pages/account/index.ts

@@ -1 +1 @@
-export { AccountPage } from "./ui/AccountPage";
+export { AccountPage } from "./ui/AccountPage/AccountPage";

src/pages/account/ui/AccountPage/AccountPage.test.tsx

@@ -24,7 +24,7 @@ import { toAccountPagePositionSections } from "./AccountPage.vm";
 import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
 import { AccountPageError } from "./components/AccountPageError.view";
 import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
-import { AccountPageLoading } from "./components/AccountPageLoading.view";
+import { AccountPageLoading } from "./components/AccountPageLoading/AccountPageLoading.view";
 
 function renderPage(ui: React.ReactNode) {
 	const queryClient = createTestQueryClient();

src/pages/account/ui/AccountPage/AccountPage.tsx

@@ -3,7 +3,7 @@ import { useAccountPageViewModel } from "./AccountPage.vm";
 import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
 import { AccountPageError } from "./components/AccountPageError.view";
 import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
-import { AccountPageLoading } from "./components/AccountPageLoading.view";
+import { AccountPageLoading } from "./components/AccountPageLoading/AccountPageLoading.view";
 
 type AccountPageProps = { accountId?: string };
 

src/pages/account/ui/AccountPage/components/AccountPageEmpty.view.tsx

@@ -11,8 +11,8 @@ import type {
 } from "../AccountPage.vm";
 import { AccountHeading } from "./AccountHeading.view";
 import { IncomeSummary } from "./IncomeSummary.view";
-import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
-import { PortfolioStructure } from "./PortfolioStructure";
+import { PortfolioRefreshState } from "./PortfolioRefreshState/PortfolioRefreshState.view";
+import { PortfolioStructure } from "./PortfolioStructure/PortfolioStructure";
 import { RecentOperations } from "./RecentOperations.view";
 
 type AccountPageEmptyProps = {

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

@@ -13,10 +13,10 @@ import type {
 	AccountPageRecentOperations,
 } from "../AccountPage.vm";
 import { AccountHeading } from "./AccountHeading.view";
-import { CurrencyCards } from "./CurrencyCards.view";
+import { CurrencyCards } from "./CurrencyCards/CurrencyCards.view";
 import { IncomeSummary } from "./IncomeSummary.view";
-import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
-import { PortfolioStructure } from "./PortfolioStructure";
+import { PortfolioRefreshState } from "./PortfolioRefreshState/PortfolioRefreshState.view";
+import { PortfolioStructure } from "./PortfolioStructure/PortfolioStructure";
 import { PositionSection } from "./PositionSection.view";
 import { RecentOperations } from "./RecentOperations.view";
 

src/pages/account/ui/AccountPage/components/AccountPageLoading/AccountPageLoading.view.tsx

@@ -2,7 +2,7 @@ import { Paper, SimpleGrid, Skeleton } from "@mantine/core";
 import { LoadingSkeleton } from "@wealthledger/ui";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 
 const AccountPageLoading: FC = () => {
 	const { t } = useTranslation();

src/pages/account/ui/AccountPage/components/CurrencyCards/CurrencyCards.view.tsx

@@ -3,7 +3,7 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import type { Portfolio } from "@/entities/portfolio";
 import { formatDecimal } from "@/shared/lib";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 
 type CurrencyCardsProps = {
 	amounts: Portfolio["totalsByCurrency"];

src/pages/account/ui/AccountPage/components/PortfolioRefreshState/PortfolioRefreshState.stories.tsx

@@ -1,7 +1,7 @@
 import { Stack } from "@mantine/core";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
-import { CurrencyCards } from "./CurrencyCards.view";
+import { CurrencyCards } from "../CurrencyCards/CurrencyCards.view";
 import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
 
 const meta = {

src/pages/account/ui/AccountPage/components/PositionCard/PositionCard.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
-import type { AccountPagePosition } from "../AccountPage.vm";
+import type { AccountPagePosition } from "../../AccountPage.vm";
 import { PositionCard } from "./PositionCard.view";
 
 const syntheticPosition = {

src/pages/account/ui/AccountPage/components/PositionCard/PositionCard.view.tsx

@@ -3,12 +3,12 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { formatMoney } from "@/shared/lib";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 import type {
 	AccountPagePosition,
 	AccountPagePositionSection,
-} from "../AccountPage.vm";
-import { PositionLogo } from "./PositionLogo.view";
+} from "../../AccountPage.vm";
+import { PositionLogo } from "../PositionLogo.view";
 
 type PositionCardProps = {
 	kind: AccountPagePositionSection["kind"];

src/pages/account/ui/AccountPage/components/PositionSection.view.tsx

@@ -1,7 +1,7 @@
 import { SimpleGrid } from "@mantine/core";
 import type { FC } from "react";
 import type { AccountPagePositionSection } from "../AccountPage.vm";
-import { PositionCard } from "./PositionCard.view";
+import { PositionCard } from "./PositionCard/PositionCard.view";
 import { PositionGroupCard } from "./PositionGroupCard.view";
 
 type PositionSectionProps = {