💡 (components/Footer.tsx): update Footer component's social media li…

…nks container class to include text-white for better readability and consistency

✨ (components/Footer.tsx): refactor Footer component's style attribute to use className instead of inline styles for improved maintainability and accessibility

components/Footer.tsx

@@ -65,10 +65,7 @@ const Footer = () => {
 
   return (
     <footer>
-      <div
-        style={{ color: "white" }}
-        className="mx-3 my-3 social-icons-container"
-      >
+      <div className="mx-3 my-3 social-icons-container text-white">
         {socialMediaLinks.map((link, index) => (
           <a
             key={index}