corrected footer and linked the click to apply

src/components/Footer/Footer.tsx

@@ -1,29 +1,22 @@
-import { Link } from 'react-router-dom'
-
-import FBook from '../../assets/icons/facebook.svg'
-import Twitter from '../../assets/icons/twitter.svg'
-import Instagram from '../../assets/icons/instagram.svg'
+import { Link } from "react-router-dom";
+import { socialsIcons } from "../../utils/data";
 
 export default function Footer() {
-
-    let socialsIcons = [
-        {name: 'facebook', image: FBook},
-        {name: 'twitter', image: Twitter},
-        {name: 'instagram', image: Instagram},
-    ]
-
+  const date = new Date().getFullYear();
   return (
-    <div className='w-full h-10 absolute bottom-0 bg-sky-50/50 flex items-center'>
-        <div className='containerMode flex justify-between items-center flex-wrap gap-2'>
-            <p className='text-[10px]'>{new Date().getFullYear()} @ First City Monument Bank Limited</p>
-            <div className='footer-social-icons flex justify-end items-center gap-2'>
-                {socialsIcons.map((icon, index)=>(
-                    <Link key={index} className='w-5 h-5' to='#'>
-                        <img src={icon.image} alt={icon.name} />
-                    </Link>
-                ))}
-            </div>
+    <div className="w-full h-[5.4375rem] bg-[F7F7F7] flex items-center">
+      <div className="containerMode flex justify-between items-center flex-wrap gap-2">
+        <p className="text-[.9375rem] tracking-[2%] font-semibold text-[#969696]">
+          {date} @ First City Monument Bank Limited
+        </p>
+        <div className="footer-social-icons flex justify-end items-center gap-2">
+          {socialsIcons.map((icon, index) => (
+            <Link key={index} className="w-[1.875rem] h-[1.875rem]" to="#">
+              <img src={icon.image} alt={icon.name} />
+            </Link>
+          ))}
         </div>
+      </div>
     </div>
-  )
+  );
 }