refactor: split ui to folders

client/src/app/(main)/[username]/profile/page.tsx

@@ -1,13 +1,13 @@
 'use client';
 import styles from './layout.module.scss';
 import { useGetMe } from '@/entities/session';
-import { Header } from './ui/header';
+import { Header } from './ui/header/header';
 import { CardSkeleton, Flex } from '@/shared/ui';
-import { List } from './ui/list';
-import { About } from './ui/about';
+import { List } from './ui/list/list';
+import { About } from './ui/about/about';
 import { useParams } from 'next/navigation';
-import { Friends } from './ui/friends';
-import { Fields } from './ui/fields';
+import { Friends } from './ui/friends/friends';
+import { Fields } from './ui/fields/fields';
 import { useGetUserByName } from './lib/useGetUserByName';
 import { ProfileContext } from './lib/profile-context';
 

client/src/app/(main)/[username]/profile/ui/about.tsx → client/src/app/(main)/[username]/profile/ui/about/about.tsx

@@ -1,12 +1,12 @@
-import { Card } from './card';
+import { Card } from '../card/card';
 import { Flex, Typography } from '@/shared/ui';
 import { GithubIcon } from '@/shared/assets/icons/github-icon';
 import { BehanceIcon } from '@/shared/assets/icons/behance';
 import { TelegramIcon } from '@/shared/assets/icons/telegram';
 import { LinkedinIcon } from '@/shared/assets/icons/linkedin';
 import { useParams } from 'next/navigation';
-import { useGetUserByName } from '../lib/useGetUserByName';
-import styles from '../layout.module.scss';
+import { useGetUserByName } from '../../lib/useGetUserByName';
+import styles from '../../layout.module.scss';
 
 export const About = () => {
   const { username } = useParams();

client/src/app/(main)/[username]/profile/ui/fields.tsx → client/src/app/(main)/[username]/profile/ui/fields/fields.tsx

@@ -1,11 +1,11 @@
-import { Card } from './card';
+import { Card } from '../card/card';
 import { Flex, Typography } from '@/shared/ui';
 import { useState } from 'react';
 import styles from './fields.module.scss';
-import { Skills } from './fields/skills';
-import { WorkExperience } from './fields/work-experience';
-import { Education } from './fields/education';
-import layoutStyles from '../layout.module.scss';
+import { Skills } from './skills';
+import { WorkExperience } from './work-experience';
+import { Education } from './education';
+import layoutStyles from '../../layout.module.scss';
 export const Fields = () => {
   const [field, setField] = useState<keyof typeof fields>('Skills');
 

client/src/app/(main)/[username]/profile/ui/friends.tsx → client/src/app/(main)/[username]/profile/ui/friends/friends.tsx

@@ -1,12 +1,12 @@
 import { useGetFriends } from '@/entities/session';
-import { Card } from './card';
+import { Card } from '../card/card';
 import { useParams } from 'next/navigation';
-import { useGetUserByName } from '../lib/useGetUserByName';
+import { useGetUserByName } from '../../lib/useGetUserByName';
 import { CardSkeleton, Flex, ImageLoader, Typography } from '@/shared/ui';
 import styles from './friends.module.scss';
 import { ArrowRightIcon } from '@/shared/assets';
 import { useState } from 'react';
-import layoutStyles from '../layout.module.scss';
+import layoutStyles from '../../layout.module.scss';
 import { FriendsModal } from './friends-modal';
 
 export const Friends = () => {

client/src/app/(main)/[username]/profile/ui/header.tsx → client/src/app/(main)/[username]/profile/ui/header/header.tsx

@@ -4,7 +4,7 @@ import { useGetFriends, useGetMe } from '@/entities/session';
 import { ChatCircleDotsIcon, PlusIcon, UserPlusIcon } from '@/shared/assets';
 import { Button, CardSkeleton, Flex, ImageLoader, Typography } from '@/shared/ui';
 import { useParams } from 'next/navigation';
-import { useGetUserByName } from '../lib/useGetUserByName';
+import { useGetUserByName } from '../../lib/useGetUserByName';
 import { useContext } from 'react';
 import { ProfileContext } from '@/app/(main)/[username]/profile/lib/profile-context';
 import { useAddFriend } from '@/entities/session/api/useAddFriend';

client/src/app/(main)/[username]/profile/ui/list.tsx → client/src/app/(main)/[username]/profile/ui/list/list.tsx

@@ -1,12 +1,12 @@
-import { Card } from './card';
+import { Card } from '../card/card';
 import { Star, Cake, MapPin, UserIcon } from '@/shared/assets';
 // import { Row } from '@/app/(main)/user/[username]/profile/ui/row';
-import { Row } from './row';
+import { Row } from '../row/row';
 import { Flex } from '@/shared/ui';
 import { calculateAge } from '@/shared/lib';
 import { useParams } from 'next/navigation';
-import styles from '../layout.module.scss';
-import { useGetUserByName } from '../lib/useGetUserByName';
+import styles from '../../layout.module.scss';
+import { useGetUserByName } from '../../lib/useGetUserByName';
 
 export const List = () => {
   const { username } = useParams();