switched twitter icon with x and pointed it to my twitter

components/Footer.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Twitter } from 'lucide-react';
+
 import logo from '@/assets/images/icon.png';
 
 interface FooterProps {
@@ -43,9 +43,16 @@ const Footer: React.FC<FooterProps> = ({ onPrivacyClick }) => {
         <div className="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
           <p className="text-sm text-gray-400">© 2026 Nemia Inc. All rights reserved.</p>
           <div className="flex space-x-6">
-            <a href="#" className="text-gray-400 hover:text-primary transition-colors">
-              <span className="sr-only">Twitter</span>
-              <Twitter size={20} />
+            <a href="https://x.com/matissjur" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-primary transition-colors">
+              <span className="sr-only">X (formerly Twitter)</span>
+              <svg
+                viewBox="0 0 24 24"
+                aria-hidden="true"
+                className="w-5 h-5"
+                fill="currentColor"
+              >
+                <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
+              </svg>
             </a>
           </div>
         </div>