feat: update the contact page, add a modal box to display detailed information; refactor the header and footer components

components/footer.tsx

@@ -1,7 +1,13 @@
+import Script from "next/script";
+
 export default function Footer() {
   return (
-    <footer className="w-full bg-white shadow p-4 text-left text-gray-500">
-      <p>© {new Date().getFullYear()} 智能计算实验室</p>
+    <footer className="container w-full bg-white shadow p-4 text-left text-gray-500 flex flex-row gap-2">
+      <div>© {new Date().getFullYear()} 智能计算实验室 </div>
+      <Script src="https://npm.onmicrosoft.cn/cloudflare-trace-info-on-web@0.0.5/cftiwo.min.js" strategy="afterInteractive" />
+      <div className="cloudflare-trace-info" data-template="[${colo}]${iata}">
+        [HKG]中国香港
+      </div>
     </footer>
   );
 }