improve: adjust footer layout

src/components/Footer.css

@@ -33,14 +33,22 @@
 .footer-content {
     margin-bottom: auto;
     text-align: center;
+    width: 100%;
+}
+
+.footer-content a {
+    color: #fff;
+    font-size: 1.2rem;
+    text-decoration: underline;
 }
 
 .footer-icons {
     display: flex;
     flex-direction: column;
     gap: 1rem;
-    align-items: flex-end;
+    align-items: flex-start;
-    margin-right: 1rem;
+    margin-left: 1rem;
+    width: 100%;
 }
 
 .footer-icon {

src/components/Footer.js

@@ -25,7 +25,15 @@ const Footer = () => {
                 {isExpanded ? "↓" : "↑"}
             </button>
             <div className={`footer-content`}>
-                <p>&copy; {new Date().getFullYear()} Hangman Lab. All rights reserved.</p>
+                <p>&copy; {new Date().getFullYear()} Hangman Lab. {!isVisible && (<span>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        <a href="mailto:hzhang@hangman-lab.top">email</a>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        <a href="https://git.hangman-lab.top/hzhang/HangmanLab">git</a>
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                        &nbsp;&nbsp;&nbsp;&nbsp;
+                    </span>
+                    )}</p>
                 {
                     isVisible && (
                         <div
@@ -52,10 +60,10 @@ const Footer = () => {
                                 >
                                     <img
                                         src="/icons/git.png"
-                                        alt="GitHub"
+                                        alt="Git"
                                         className="footer-icon"
                                     />
-                                    GitHub
+                                    Git
                                 </a>
                                 <a href="mailto:hzhang@hangman-lab.top">
                                     <img