feat(header): Cria o header bottom desktop

src/components/HeaderBottom/HeaderBottom.module.scss

@@ -0,0 +1,7 @@
+@use '../../variables';
+
+.header-bottom {
+    @media (max-width: 1024px) {
+        display: none;
+    }
+}

src/components/HeaderBottom/HeaderBottom.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import styles from "./HeaderBottom.module.scss";
+
+import { HeaderNavBar } from '../HeaderNavBar/HeaderNavBar';
+
+const HeaderBottom = () => {
+
+    return (
+        <div className={styles["header-bottom"]}>
+          <HeaderNavBar />
+        </div>
+    );
+}
+
+export {HeaderBottom};

src/pages/Home.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import styles from "./Home.module.scss";
 
 import { HeaderTop } from '../components/HeaderTop/HeaderTop';
+import { HeaderBottom } from '../components/HeaderBottom/HeaderBottom';
 
 const Home = () => {
 
@@ -10,6 +11,7 @@ const Home = () => {
     <>
     <header className={styles["header"]}>
       <HeaderTop />
+      <HeaderBottom />
     </header>
 
     <main></main>