Update footer

Author: MarkHershey

mxstatus/src/components/Footer.js

@@ -12,9 +12,34 @@ const Footer = () => {
             textAlign: 'center',
             color: 'var(--hacker-text-secondary)',
             fontSize: '0.9rem',
-            fontFamily: 'var(--hacker-font-mono)'
+            fontFamily: 'var(--hacker-font-mono)',
+            background: 'rgba(0, 20, 0, 0.02)'
         }}>
-            <p>MXStatus © {currentYear}. All rights reserved.</p>
+            <p style={{ margin: '0', lineHeight: '1.6' }}>
+                <a
+                    href="https://github.com/mxshell/MXStatus-web"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    style={{
+                        color: 'var(--hacker-text-secondary)',
+                        textDecoration: 'none',
+                        borderBottom: '1px solid transparent',
+                        transition: 'all 0.2s ease',
+                        padding: '2px 0'
+                    }}
+                    onMouseEnter={(e) => {
+                        e.target.style.color = 'var(--hacker-primary, #00ff41)';
+                        e.target.style.borderBottomColor = 'var(--hacker-primary, #00ff41)';
+                    }}
+                    onMouseLeave={(e) => {
+                        e.target.style.color = 'var(--hacker-text-secondary)';
+                        e.target.style.borderBottomColor = 'transparent';
+                    }}
+                >
+                    MXStatus
+                </a>
+                {' '} © {currentYear}. All rights reserved.
+            </p>
         </footer>
     )
 }