feat: update main page and add padding

fix: wrong width

components/footer.tsx

@@ -1,7 +1,9 @@
 export default function Footer() {
   return (
-    <footer className="container w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
-      <div>© {new Date().getFullYear()} 智能计算实验室 · Designed by LufsX.</div>
+    <footer className="w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
+      <div className="container mx-auto">
+        <div>© {new Date().getFullYear()} 智能计算实验室 · Designed by LufsX.</div>
+      </div>
     </footer>
   );
 }

components/header.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export default function Header() {
   return (
-    <header className="home-header w-full bg-white shadow flex">
+    <header className="home-header px-4 w-full bg-white shadow flex sm:px-8">
       <nav className="container mx-auto flex justify-between items-center">
         <div className="flex items-center">
           <Link href="/">