🏗️ Migrating Navbar to TailwindCSS

src/client/components/App.tsx

@@ -1,12 +1,12 @@
 import React, { ReactElement } from "react";
 import { Outlet } from "react-router-dom";
-import Navbar from "./shared/Navbar";
+import { Navbar2 } from "./shared/Navbar2";
 import "../assets/scss/App.scss";
 
 export const App = (): ReactElement => {
   return (
     <>
-      <Navbar />
+      <Navbar2 />
       <Outlet />
     </>
   );

src/client/components/Dashboard/Dashboard.tsx

@@ -56,7 +56,7 @@ export const Dashboard = (): ReactElement => {
   //     (state: RootState) => state.comicInfo.libraryStatistics,
   //   );
   return (
-    <div className="container">
+    <div className="container mx-auto">
       <section className="section">
         <h1 className="title">Dashboard</h1>
       </section>

src/client/components/shared/Navbar2.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+export const Navbar2: React.FunctionComponent = () => {
+  return (
+    <header className="dark:bg-gray h-18 bg-white gap-8 px-5 py-5">
+      <div className="mx-auto flex">
+        <img src="/src/client/assets/img/threetwo.png" alt="ThreeTwo!" />
+      </div>
+    </header>
+  );
+};