feat: full recode a home page and add docker file, start write a cd pipline

frontend/src/App.tsx

@@ -2,13 +2,14 @@ import "./App.css";
 import Navigation from "./components/Navigation.tsx";
 import Footer from "./components/Footer.tsx";
 import Home from "./pages/Home.tsx";
-
+import About from "./components/Skills.tsx";
 function App() {
   return (
     <div className="min-h-screen flex flex-col">
       <Navigation />
       <main className="flex-grow">
         <Home />
+        <About />
       </main>
       <Footer />
     </div>