created navbar and dash layout

Author: Rupesh-2003

src/components/DashLeft/DashLeft.jsx

@@ -0,0 +1,9 @@
+const DashLeft = () => {
+    return (
+        <div className="bg-yellow-300 w-[100%] h-[100%]">
+            
+        </div>
+    )
+}
+
+export default DashLeft

src/components/Navbar/Navbar.jsx

@@ -0,0 +1,16 @@
+import { useRouter } from "next/router";
+
+const Navbar = () => {
+
+  return (
+    <div className="flex flex-row items-center w-[100%] h-[55px] px-[50px] box-border border-b-[1.2px] font-inter text-[24px] border-[#E1E1E1] text-black cursor-pointer">
+      <div className="h-[30px] w-[30px] bg-yellow-200 mr-[15px]"></div>
+      <span>DeFi</span>
+      <div className="flex flex-row gap-x-[60px] ml-auto text-[14px] font-medium font-inter text-white">
+        Connect
+      </div>
+    </div>
+  );
+};
+
+export default Navbar;

src/pages/_app.jsx

@@ -9,6 +9,7 @@ import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
+import Navbar from "../components/Navbar/Navbar";
 
 export default function App({ Component, pageProps }) {
   const { push } = useRouter();
@@ -22,6 +23,7 @@ export default function App({ Component, pageProps }) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
+      <Navbar />
       <Component {...pageProps} />
       <ToastContainer />
     </>

src/pages/dashboard.jsx

@@ -0,0 +1,13 @@
+import DashLeft from "../components/DashLeft/DashLeft"
+
+const Dashboard = () => {
+    return (
+        <div className="flex flex-row h-[calc(100vh-55px)] bg-blue">
+            <div className="w-[40%]">
+                <DashLeft/>
+            </div>
+        </div>
+    )
+}
+
+export default Dashboard