feat: Add nav_bar component

src/App.tsx

@@ -1,10 +1,12 @@
 import './App.css'
+import NavBar from './components/nav_bar/NavBar'
 import Catalog from './pages/catalog/Catalog'
 import Login from './pages/login/Login'
 
 function App() {
   return (
     <>
+      <NavBar/>
       <Login/>
       <Catalog/>
     </>

src/components/index.ts

@@ -0,0 +1,2 @@
+export * from './menu/'
+export * from './nav_bar/'

src/components/nav_bar/NavBar.tsx

@@ -0,0 +1,17 @@
+import Menu from "./components/menu/Menu";
+import Profile from "./components/profile/Profile";
+
+const NavBar = () => {
+  return (
+    <>
+      <div>
+        <Menu/>
+      </div>
+      <div>
+        <Profile/>
+      </div>
+    </>
+  )
+}
+
+export default NavBar;

src/components/nav_bar/components/menu/Menu.tsx

@@ -0,0 +1,14 @@
+const Menu = () => {
+  return (
+    <>
+      <button>Menu</button>
+      <ul>
+        <li>Iniciar Sesión</li>
+        <li>Catalogo</li>
+        <li>Compras</li>
+      </ul>
+    </>
+  )
+}
+
+export default Menu;

src/components/nav_bar/components/menu/index.ts

@@ -0,0 +1 @@
+export * from './Menu.tsx'

src/components/nav_bar/components/profile/Profile.tsx

@@ -0,0 +1,9 @@
+const Profile = () => {
+  return (
+    <>
+      <p>Alejandro - Admin</p>
+    </>
+  )
+}
+
+export default Profile;