display last updated timestamp on data refresh

Author: techieadi4703

src/pages/Space.jsx

@@ -89,7 +89,7 @@ export default function Space({ theme = 'light' }) {
       <h2
         style={{
           textAlign: 'center',
-          marginBottom: '1.8rem',
+          marginBottom: '0.8rem',
           fontSize: '2rem',
           fontWeight: '600',
           color: accent,
@@ -99,6 +99,19 @@ export default function Space({ theme = 'light' }) {
         🌌 Space & Astronomy Dashboard
       </h2>
 
+      {lastUpdated && (
+        <p
+          style={{
+            textAlign: 'center',
+            color: subText,
+            fontSize: '0.95rem',
+            marginBottom: '1.2rem',
+          }}
+        >
+          Last updated: {lastUpdated.toLocaleString()}
+        </p>
+      )}
+
       <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '1.5rem' }}>
         <DashboardControls onRefresh={fetchData} />
       </div>
@@ -135,11 +148,6 @@ export default function Space({ theme = 'light' }) {
               <p style={{ color: textColor, margin: '0.5rem 0' }}>
                 <strong>Longitude:</strong> {iss.iss_position.longitude}
               </p>
-              {lastUpdated && (
-                <p style={{ fontSize: '0.9rem', color: subText, margin: '0.5rem 0' }}>
-                  Last updated: {lastUpdated.toLocaleTimeString()}
-                </p>
-              )}
             </div>
 
             <div style={{ marginTop: '1rem' }}>
@@ -215,7 +223,7 @@ export default function Space({ theme = 'light' }) {
           fontSize: '0.9rem',
           color: subText,
         }}
-      >
+      > 
         Data sourced from{' '}
         <a
           href="http://api.open-notify.org"
@@ -224,8 +232,8 @@ export default function Space({ theme = 'light' }) {
             textDecoration: 'none',
             fontWeight: '500',
           }}
-          onMouseEnter={(e) => e.target.style.textDecoration = 'underline'}
-          onMouseLeave={(e) => e.target.style.textDecoration = 'none'}
+          onMouseEnter={(e) => (e.target.style.textDecoration = 'underline')}
+          onMouseLeave={(e) => (e.target.style.textDecoration = 'none')}
         >
           Open Notify API
         </a>