Icon refactoring (#287)

* Refactor icons

* Fix additional icons

front/src/modules/ui/layout/navbar/NavBackButton.tsx

@@ -1,7 +1,8 @@
-import { TbChevronLeft } from 'react-icons/tb';
 import { useNavigate } from 'react-router-dom';
 import styled from '@emotion/styled';
 
+import { IconChevronLeft } from '@/ui/icons/index';
+
 import NavCollapseButton from './NavCollapseButton';
 
 type OwnProps = {
@@ -38,7 +39,7 @@ export default function NavBackButton({ title }: OwnProps) {
         <IconAndButtonContainer
           onClick={() => navigate('/', { replace: true })}
         >
-          <TbChevronLeft strokeWidth={3} />
+          <IconChevronLeft strokeWidth={3} />
           <span>{title}</span>
         </IconAndButtonContainer>
         <NavCollapseButton hideOnDesktop={true} />

front/src/modules/ui/layout/navbar/NavCollapseButton.tsx

@@ -1,7 +1,10 @@
 import styled from '@emotion/styled';
 import { useRecoilState } from 'recoil';
 
-import { IconSidebarLeftCollapse, IconSidebarRightCollapse } from '@/ui/icons';
+import {
+  IconLayoutSidebarLeftCollapse,
+  IconLayoutSidebarRightCollapse,
+} from '@/ui/icons';
 
 import { isNavbarOpenedState } from '../states/isNavbarOpenedState';
 import { MOBILE_VIEWPORT } from '../styles/themes';
@@ -50,7 +53,7 @@ export default function NavCollapseButton({
           onClick={() => setIsNavOpen(!isNavOpen)}
           hideOnDesktop={hideOnDesktop}
         >
-          <IconSidebarLeftCollapse size={16} />
+          <IconLayoutSidebarLeftCollapse size={16} />
         </CollapseButton>
       )}
       {!isNavOpen && (
@@ -58,7 +61,7 @@ export default function NavCollapseButton({
           onClick={() => setIsNavOpen(!isNavOpen)}
           hideOnDesktop={hideOnDesktop}
         >
-          <IconSidebarRightCollapse size={16} />
+          <IconLayoutSidebarRightCollapse size={16} />
         </CollapseButton>
       )}
     </>