feat: implement dynamic social links in Footer and add random code line data for Home component

src/components/Footer.tsx

@@ -1,16 +1,22 @@
+import {socialLinkData} from '../data/socialLinkData'
+export interface socialLink {
+  icon: string;
+  url: string;
+}
+
 export const Footer = () => {
+  const socialLinks: socialLink[] = socialLinkData;
+
   const currentYear = new Date().getFullYear()
-  
   return (
     <footer className="footer">
       <div className="container">
         <div className="social-links">
-          <a href="#" className="social-icon"><i className="fab fa-github"></i></a>
-          <a href="#" className="social-icon"><i className="fab fa-linkedin"></i></a>
-          <a href="#" className="social-icon"><i className="fab fa-twitter"></i></a>
-          <a href="#" className="social-icon"><i className="fab fa-discord"></i></a>
-          <a href="#" className="social-icon"><i className="fas fa-envelope"></i></a>
-          <a href="#" className="social-icon"><i className="fab fa-hackerrank"></i></a>
+          {socialLinks.map((link, index) => (
+            <a key={index} href={link.url} className="social-icon">
+              <i className={link.icon}></i>
+            </a>
+          ))}
         </div>
         <p className="copyright">&copy; {currentYear} SecCodeSmith. All rights forged in digital fire.</p>
       </div>