Update the directory structure in the dApp (#915)

Closes AENG-158

This PR fixes the directory structure for dApp a bit. Let's make further
possible tweaks in the next PRs. What has been done:

- Reduced the directory structure and pull the existing components one
level up.
- Used the same names on the file and the component inside. We should
not decouple file name from component name—these should match.

dapp/src/components/TransactionModal/ActiveStakingStep/StakeFormModal/StakeDetails.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { List } from "@chakra-ui/react"
-import TransactionDetailsAmountItem from "#/components/shared/TransactionDetails/AmountItem"
-import FeesDetailsAmountItem from "#/components/shared/FeesDetails/FeesItem"
+import TransactionDetailsAmountItem from "#/components/shared/TransactionDetails/TransactionDetailsAmountItem"
+import FeesDetailsAmountItem from "#/components/shared/FeesDetails/FeesDetailsAmountItem"
 import { TOKEN_AMOUNT_FIELD_NAME } from "#/components/shared/TokenAmountForm/TokenAmountFormBase"
 import { FeesTooltip } from "#/components/TransactionModal/FeesTooltip"
 import {

dapp/src/components/TransactionModal/ActiveUnstakingStep/UnstakeFormModal/UnstakeDetails.tsx

@@ -1,6 +1,5 @@
 import React from "react"
 import { List } from "@chakra-ui/react"
-import TransactionDetailsAmountItem from "#/components/shared/TransactionDetails/AmountItem"
 import { TOKEN_AMOUNT_FIELD_NAME } from "#/components/shared/TokenAmountForm/TokenAmountFormBase"
 import {
   useFormField,
@@ -9,7 +8,8 @@ import {
 } from "#/hooks"
 import { ACTION_FLOW_TYPES, CurrencyType } from "#/types"
 import { DESIRED_DECIMALS_FOR_FEE } from "#/constants"
-import FeesDetailsAmountItem from "#/components/shared/FeesDetails/FeesItem"
+import FeesDetailsAmountItem from "#/components/shared/FeesDetails/FeesDetailsAmountItem"
+import TransactionDetailsAmountItem from "#/components/shared/TransactionDetails/TransactionDetailsAmountItem"
 import { FeesTooltip } from "../../FeesTooltip"
 
 function UnstakeDetails({ currency }: { currency: CurrencyType }) {

dapp/src/components/shared/CurrencyBalance/index.tsx → dapp/src/components/shared/CurrencyBalance.tsx

@@ -12,7 +12,7 @@ import {
   numberToLocaleString,
 } from "#/utils"
 import { CurrencyType, AmountType } from "#/types"
-import Tooltip from "../Tooltip"
+import Tooltip from "./Tooltip"
 
 export type CurrencyBalanceProps = {
   currency: CurrencyType

dapp/src/components/shared/CurrencyBalanceWithConversion/index.tsx → dapp/src/components/shared/CurrencyBalanceWithConversion.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { useCurrencyConversion } from "#/hooks"
-import { CurrencyBalance, CurrencyBalanceProps } from "../CurrencyBalance"
+import { CurrencyBalance, CurrencyBalanceProps } from "./CurrencyBalance"
 
 export function CurrencyBalanceWithConversion({
   from,

dapp/src/components/shared/TokenBalanceInput/index.tsx → dapp/src/components/shared/TokenBalanceInput.tsx

@@ -21,9 +21,9 @@ import { useCurrencyConversion } from "#/hooks"
 import NumberFormatInput, {
   NumberFormatInputValues,
   NumberFormatInputProps,
-} from "../NumberFormatInput"
-import { CurrencyBalance } from "../CurrencyBalance"
-import HelperErrorText, { HelperErrorTextProps } from "../Form/HelperErrorText"
+} from "./NumberFormatInput"
+import { CurrencyBalance } from "./CurrencyBalance"
+import HelperErrorText, { HelperErrorTextProps } from "./Form/HelperErrorText"
 
 type FiatCurrencyBalanceProps = {
   amount: bigint