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

frontend/src/pages/Home.tsx

@@ -1,8 +1,8 @@
 export default function Home() {
   return (
-    <div className="flex items-center justify-center min-h-[calc(100vh-200px)]">
+    <div className="flex items-center justify-center py-8 md:py-12 px-4">
       {/* Desktop ASCII */}
-      <pre className="hidden sm:block font-mono text-base-content text-sm md:text-base leading-none">
+      <pre className="hidden sm:block font-mono text-base-content text-sm md:text-base leading-none whitespace-pre">
         {`
   ██████╗ ██████╗ ███╗   ███╗ ██████╗ ██╗  ██╗ ██╗██████╗
   ██╔══██╗╚════██╗████╗ ████║██╔═████╗██║ ██╔╝███║██╔══██╗
@@ -16,17 +16,19 @@ export default function Home() {
 `}
       </pre>
 
-      {/* Mobile ASCII */}
-      <pre className="sm:hidden font-mono text-base-content text-xs leading-none">
-        {`
-    d3m0k1d
-   ──────────
- DevOps Engineer
- InfoSec Student
-
- Go | Linux | Docker
-`}
-      </pre>
+      {/* Mobile Version */}
+      <div className="sm:hidden text-center">
+        <h1 className="font-mono text-3xl font-bold mb-2">d3m0k1d</h1>
+        <div className="w-32 h-0.5 bg-base-content mx-auto mb-4"></div>
+        <p className="text-sm mb-1">DevOps Engineer</p>
+        <p className="text-sm mb-4">InfoSec Student</p>
+        <div className="flex flex-wrap gap-2 justify-center text-xs">
+          <span className="px-1 py-1 rounded">Go</span>
+          <span className="px-1 py-1 rounded">Linux</span>
+          <span className="px-1 py-1 rounded">Docker</span>
+          <span className="px-1 py-1 rounded">k8s</span>
+        </div>
+      </div>
     </div>
   );
 }