file reorg

src/components/pages/Profile/Header/Account.tsx

@@ -1,12 +1,12 @@
 import React, { ReactElement } from 'react'
-import { useUserPreferences } from '../../../providers/UserPreferences'
-import { accountTruncate } from '../../../utils/web3'
-import ExplorerLink from '../../atoms/ExplorerLink'
-import NetworkName from '../../atoms/NetworkName'
+import { useUserPreferences } from '../../../../providers/UserPreferences'
+import { accountTruncate } from '../../../../utils/web3'
+import ExplorerLink from '../../../atoms/ExplorerLink'
+import NetworkName from '../../../atoms/NetworkName'
 import jellyfish from '@oceanprotocol/art/creatures/jellyfish/jellyfish-grid.svg'
+import Copy from '../../../atoms/Copy'
+import Blockies from '../../../atoms/Blockies'
 import styles from './Account.module.css'
-import Copy from '../../atoms/Copy'
-import Blockies from '../../atoms/Blockies'
 
 export default function Account({
   name,

src/components/pages/Profile/Header/PublisherLinks.module.css

@@ -24,5 +24,5 @@
 }
 
 .linksExternal {
-  composes: linksExternal from '../../atoms/Publisher/index.module.css';
+  composes: linksExternal from '../../../atoms/Publisher/index.module.css';
 }

src/components/pages/Profile/Header/PublisherLinks.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import classNames from 'classnames/bind'
-import { ProfileLink } from '../../../models/Profile'
-import { ReactComponent as External } from '../../../images/external.svg'
+import { ProfileLink } from '../../../../models/Profile'
+import { ReactComponent as External } from '../../../../images/external.svg'
 import styles from './PublisherLinks.module.css'
 
 const cx = classNames.bind(styles)

src/components/pages/Profile/Header/Stats.tsx

@@ -1,20 +1,20 @@
 import { DDO, Logger } from '@oceanprotocol/lib'
 import React, { useEffect, useState } from 'react'
 import { ReactElement } from 'react-markdown'
-import { useUserPreferences } from '../../../providers/UserPreferences'
+import { useUserPreferences } from '../../../../providers/UserPreferences'
 import {
   getAccountLiquidityInOwnAssets,
   getAccountNumberOfOrders,
   getAssetsBestPrices,
   UserTVL
-} from '../../../utils/subgraph'
-import Conversion from '../../atoms/Price/Conversion'
-import NumberUnit from '../../molecules/NumberUnit'
+} from '../../../../utils/subgraph'
+import Conversion from '../../../atoms/Price/Conversion'
+import NumberUnit from '../../../molecules/NumberUnit'
 import styles from './Stats.module.css'
 import {
   queryMetadata,
   transformChainIdsListToQuery
-} from '../../../utils/aquarius'
+} from '../../../../utils/aquarius'
 import axios from 'axios'
 
 export default function Stats({

src/components/pages/Profile/Header/index.module.css

@@ -1,5 +1,5 @@
 .grid {
-  composes: box from '../../atoms/Box.module.css';
+  composes: box from '../../../atoms/Box.module.css';
   background: var(--background-body-transparent);
   backdrop-filter: blur(3px);
   position: relative;

src/components/pages/Profile/Header/index.tsx

@@ -1,13 +1,13 @@
 import React, { ReactElement, useEffect, useState } from 'react'
-import get3BoxProfile from '../../../utils/profile'
-import { Profile } from '../../../models/Profile'
-import { accountTruncate } from '../../../utils/web3'
+import get3BoxProfile from '../../../../utils/profile'
+import { Profile } from '../../../../models/Profile'
+import { accountTruncate } from '../../../../utils/web3'
 import axios from 'axios'
 import PublisherLinks from './PublisherLinks'
-import Markdown from '../../atoms/Markdown'
+import Markdown from '../../../atoms/Markdown'
 import Stats from './Stats'
 import Account from './Account'
-import styles from './Header.module.css'
+import styles from './index.module.css'
 
 const isDescriptionTextClamped = () => {
   const el = document.getElementById('description')