[#123] style: Move darkmode css

src/App.js

@@ -1,11 +1,10 @@
-import React from 'react';
-// import { useNavigate } from "react-router-dom";
-// import { useState } from "react/cjs/react.development";
-import Navbar from './components/navbar';
-import NavbarLanding from './components/navbarLanding';
-import isLogin from './utils/isLogin';
-import './statics/css/main.css';
-import { Outlet } from 'react-router-dom';
+import React from "react";
+import Navbar from "./components/navbar";
+import NavbarLanding from "./components/navbarLanding";
+import isLogin from "./utils/isLogin";
+import { Outlet } from "react-router-dom";
+import Footer from "./components/footer";
+import "./statics/css/darkUI.css";
 
 function App() {
   console.log(`
@@ -19,11 +18,12 @@ function App() {
                       dP                                                                         
   `);
   return (
-    <div>
+    <div className="main">
       {isLogin() && <Navbar sticky="top" />}
       {!isLogin() && <NavbarLanding sticky="top" />}
       <p>Landing Page</p>
       <Outlet />
+      <Footer />
     </div>
   );
 }

src/components/footer.js

@@ -0,0 +1,11 @@
+import "../statics/css/Layout/footer.css";
+
+export default function Footer() {
+  return (
+    <footer className="footer">
+      <div className="footer__contents">
+        <h2 className="footer__title">this is a footer</h2>
+      </div>
+    </footer>
+  );
+}