move navigations

src/components/Layout/Layout.tsx

 import React, { useEffect, useState } from 'react'
+import BottomBar from '../Navigation/BottomBar'
+import SideBar from '../Navigation/SideBar'
 import styles from './layout.module.scss'
-import Menu from '../Menu/Menu'
-import Navbar from '../Navbar/Navbar'
 
 interface LayoutProps {
   children: React.ReactNode
@@ -30,11 +30,11 @@ const Layout: React.FC<LayoutProps> = ({ children }: LayoutProps) => {
     <div className={styles.root}>
       {!isMobile ? (
         <div className={styles.menuWrapper}>
-          <Menu />
+          <SideBar />
         </div>
       ) : (
         <div className={styles.mobileNavWrapper}>
-          <Navbar />
+          <BottomBar />
         </div>
       )}
       <div className={styles.wrapper}>

src/components/Navbar/Navbar.tsx → src/components/Navigation/BottomBar.tsx

@@ -3,9 +3,9 @@ import { NavLink } from 'react-router-dom'
 import { useAuth } from '../../hooks/useAuth'
 import { UserContext } from '../../hooks/userContext'
 import { routes } from '../Routes/Router'
-import './navbar.scss'
+import './bottombar.scss'
 
-const Navbar: React.FC = () => {
+const BottomBar: React.FC = () => {
   const { user } = useContext(UserContext)
   const { logoutUser } = useAuth()
 
@@ -32,4 +32,4 @@ const Navbar: React.FC = () => {
   )
 }
 
-export default Navbar
+export default BottomBar

src/components/Menu/Menu.tsx → src/components/Navigation/SideBar.tsx

@@ -4,9 +4,9 @@ import logo from '../../assets/icons/ecolyo-logo.svg'
 import { useAuth } from '../../hooks/useAuth'
 import { UserContext } from '../../hooks/userContext'
 import { routes } from '../Routes/Router'
-import './menu.scss'
+import './sidebar.scss'
 
-const Menu: React.FC = () => {
+const SideBar: React.FC = () => {
   const { user } = useContext(UserContext)
   const { logoutUser } = useAuth()
 
@@ -42,4 +42,4 @@ const Menu: React.FC = () => {
   )
 }
 
-export default Menu
+export default SideBar