Swap tabler-icons for react-icons

src/renderer/features/sidebar/components/Sidebar.tsx

@@ -1,43 +1,35 @@
+import {
+  RiDashboardFill,
+  RiFileList2Fill,
+  RiSearch2Fill,
+} from 'react-icons/ri';
 import styled from 'styled-components';
-import { Home, Notebook, Search } from 'tabler-icons-react';
-import { UserMenu } from 'renderer/features/user-menu';
 import { AppRoute } from 'renderer/router/utils/routes';
 import { ListItem } from './ListItem';
 
-const SidebarContainer = styled.div`
-  width: 100%;
-  height: 100%;
-`;
-
-const ItemGroup = styled.ul``;
-
-const Item = styled.li``;
-
 const StyledSidebar = styled.div``;
 
 export const Sidebar = () => {
-
   return (
     <StyledSidebar>
-      <ListItem icon={<Home />}>
+      <ListItem>
         <ListItem.Link to={AppRoute.HOME}>
-          <Home />
+          <RiDashboardFill size={20} />
           Home
         </ListItem.Link>
       </ListItem>
       <ListItem>
         <ListItem.Link to={AppRoute.SEARCH}>
-          <Search />
+          <RiSearch2Fill size={20} />
           Search
         </ListItem.Link>
       </ListItem>
       <ListItem>
         <ListItem.Link to={AppRoute.LIBRARY}>
-          <Notebook />
+          <RiFileList2Fill size={20} />
           Your Library
         </ListItem.Link>
       </ListItem>
-      <UserMenu />
     </StyledSidebar>
   );
 };