rename blocks folder into snippets

ui/shared/Page.tsx

@@ -6,8 +6,8 @@ import React from 'react';
 import * as cookies from 'lib/cookies';
 import useFetch from 'lib/hooks/useFetch';
 import useIsMobile from 'lib/hooks/useIsMobile';
-import Header from 'ui/blocks/header/Header';
-import NavigationDesktop from 'ui/blocks/navigation/NavigationDesktop';
+import Header from 'ui/snippets/header/Header';
+import NavigationDesktop from 'ui/snippets/navigation/NavigationDesktop';
 
 interface Props {
   children: React.ReactNode;

ui/blocks/header/Burger.tsx → ui/snippets/header/Burger.tsx

@@ -2,10 +2,10 @@ import { Icon, Box, Flex, Drawer, DrawerOverlay, DrawerContent, DrawerBody, useC
 import React from 'react';
 
 import burgerIcon from 'icons/burger.svg';
-import NavigationMobile from 'ui/blocks/navigation/NavigationMobile';
-import NetworkLogo from 'ui/blocks/networkMenu/NetworkLogo';
-import NetworkMenuButton from 'ui/blocks/networkMenu/NetworkMenuButton';
-import NetworkMenuContentMobile from 'ui/blocks/networkMenu/NetworkMenuContentMobile';
+import NavigationMobile from 'ui/snippets/navigation/NavigationMobile';
+import NetworkLogo from 'ui/snippets/networkMenu/NetworkLogo';
+import NetworkMenuButton from 'ui/snippets/networkMenu/NetworkMenuButton';
+import NetworkMenuContentMobile from 'ui/snippets/networkMenu/NetworkMenuContentMobile';
 
 const Burger = () => {
   const iconColor = useColorModeValue('gray.600', 'white');

ui/blocks/header/Header.tsx → ui/snippets/header/Header.tsx

@@ -2,10 +2,10 @@ import { HStack, Box, Flex, useColorModeValue } from '@chakra-ui/react';
 import React from 'react';
 
 import useIsMobile from 'lib/hooks/useIsMobile';
-import NetworkLogo from 'ui/blocks/networkMenu/NetworkLogo';
-import ProfileMenuDesktop from 'ui/blocks/profileMenu/ProfileMenuDesktop';
-import ProfileMenuMobile from 'ui/blocks/profileMenu/ProfileMenuMobile';
-import SearchBar from 'ui/blocks/searchBar/SearchBar';
+import NetworkLogo from 'ui/snippets/networkMenu/NetworkLogo';
+import ProfileMenuDesktop from 'ui/snippets/profileMenu/ProfileMenuDesktop';
+import ProfileMenuMobile from 'ui/snippets/profileMenu/ProfileMenuMobile';
+import SearchBar from 'ui/snippets/searchBar/SearchBar';
 
 import Burger from './Burger';
 import ColorModeToggler from './ColorModeToggler';

ui/blocks/navigation/NavigationDesktop.tsx → ui/snippets/navigation/NavigationDesktop.tsx

@@ -6,8 +6,8 @@ import * as cookies from 'lib/cookies';
 import useNavItems from 'lib/hooks/useNavItems';
 import useNetwork from 'lib/hooks/useNetwork';
 import getDefaultTransitionProps from 'theme/utils/getDefaultTransitionProps';
-import NetworkLogo from 'ui/blocks/networkMenu/NetworkLogo';
-import NetworkMenu from 'ui/blocks/networkMenu/NetworkMenu';
+import NetworkLogo from 'ui/snippets/networkMenu/NetworkLogo';
+import NetworkMenu from 'ui/snippets/networkMenu/NetworkMenu';
 
 import NavFooter from './NavFooter';
 import NavLink from './NavLink';

ui/blocks/navigation/NavigationMobile.tsx → ui/snippets/navigation/NavigationMobile.tsx

@@ -4,8 +4,8 @@ import React from 'react';
 import * as cookies from 'lib/cookies';
 import useNavItems from 'lib/hooks/useNavItems';
 import useNetwork from 'lib/hooks/useNetwork';
-import NavFooter from 'ui/blocks/navigation/NavFooter';
-import NavLink from 'ui/blocks/navigation/NavLink';
+import NavFooter from 'ui/snippets/navigation/NavFooter';
+import NavLink from 'ui/snippets/navigation/NavLink';
 
 const NavigationMobile = () => {
   const { mainNavItems, accountNavItems } = useNavItems();

ui/blocks/profileMenu/ProfileMenuContent.tsx → ui/snippets/profileMenu/ProfileMenuContent.tsx

@@ -5,7 +5,7 @@ import type { UserInfo } from 'types/api/account';
 
 import useNavItems from 'lib/hooks/useNavItems';
 import getDefaultTransitionProps from 'theme/utils/getDefaultTransitionProps';
-import NavLink from 'ui/blocks/navigation/NavLink';
+import NavLink from 'ui/snippets/navigation/NavLink';
 
 type Props = UserInfo;
 

ui/blocks/profileMenu/ProfileMenuDesktop.tsx → ui/snippets/profileMenu/ProfileMenuDesktop.tsx

@@ -2,8 +2,8 @@ import { Popover, PopoverContent, PopoverBody, PopoverTrigger, Button } from '@c
 import React from 'react';
 
 import useFetchProfileInfo from 'lib/hooks/useFetchProfileInfo';
-import ProfileMenuContent from 'ui/blocks/profileMenu/ProfileMenuContent';
 import UserAvatar from 'ui/shared/UserAvatar';
+import ProfileMenuContent from 'ui/snippets/profileMenu/ProfileMenuContent';
 
 const ProfileMenuDesktop = () => {
   const { data } = useFetchProfileInfo();

ui/blocks/profileMenu/ProfileMenuMobile.tsx → ui/snippets/profileMenu/ProfileMenuMobile.tsx

@@ -2,9 +2,9 @@ import { Flex, Box, Drawer, DrawerOverlay, DrawerContent, DrawerBody, useDisclos
 import React from 'react';
 
 import useFetchProfileInfo from 'lib/hooks/useFetchProfileInfo';
-import ColorModeToggler from 'ui/blocks/header/ColorModeToggler';
-import ProfileMenuContent from 'ui/blocks/profileMenu/ProfileMenuContent';
 import UserAvatar from 'ui/shared/UserAvatar';
+import ColorModeToggler from 'ui/snippets/header/ColorModeToggler';
+import ProfileMenuContent from 'ui/snippets/profileMenu/ProfileMenuContent';
 
 const ProfileMenuMobile = () => {
   const { isOpen, onOpen, onClose } = useDisclosure();