Added Server DateTime in ServerInfo Page

Data/Server/WebUI/src/Admin/Server_Info.jsx

@@ -1,14 +1,42 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { Paper, Box, Typography } from "@mui/material";
 
 export default function ServerInfo() {
+  const [serverTime, setServerTime] = useState(null);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    let isMounted = true;
+    const fetchTime = async () => {
+      try {
+        const resp = await fetch('/api/server/time');
+        if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+        const data = await resp.json();
+        if (isMounted) {
+          setServerTime(data?.display || data?.iso || null);
+          setError(null);
+        }
+      } catch (e) {
+        if (isMounted) setError(String(e));
+      }
+    };
+    fetchTime();
+    const id = setInterval(fetchTime, 60000); // update once per minute
+    return () => { isMounted = false; clearInterval(id); };
+  }, []);
+
   return (
     <Paper sx={{ m: 2, p: 0, bgcolor: "#1e1e1e" }} elevation={2}>
       <Box sx={{ p: 2 }}>
         <Typography variant="h6" sx={{ color: "#58a6ff", mb: 1 }}>Server Info</Typography>
-        <Typography sx={{ color: '#aaa' }}>Basic server information will appear here.</Typography>
+        <Typography sx={{ color: '#aaa', mb: 1 }}>Basic server information will appear here for informative and debug purposes.</Typography>
+        <Box sx={{ display: 'flex', gap: 2, alignItems: 'baseline' }}>
+          <Typography sx={{ color: '#ccc', fontWeight: 600, minWidth: 120 }}>Server Time</Typography>
+          <Typography sx={{ color: error ? '#ff6b6b' : '#ddd', fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' }}>
+            {error ? `Error: ${error}` : (serverTime || 'Loading...')}
+          </Typography>
+        </Box>
       </Box>
     </Paper>
   );
 }
-