🍁 [Minor] CSS Enhancements

* "email-required" message in footer removed

The email input tag showing "email required" prior to writing email has been fixed .

* leftover added animations to the social icons in footer.

added colors on hover in social icons in footer ie. instagram, twitter, youtube.
also added the place-holder color to fade a bit on focus in the email input box.

* Update footer.module.scss

placed the envelope tag in its place .(as requested)

* retained the "email is required" message Footer.jsx

retained the "email is required" message in the email form.

frontend/src/components/Footer/Footer.jsx

@@ -230,6 +230,7 @@ export const Footer = (props) => {
             <ul className={dark ? style["nav-ul-dark"] : style["nav-ul"]}>
               <li>Be sure to give us a follow on the below social links</li>
             </ul>
+
             <div className={`col ${style["col"]}`}>
               <ul className={dark ? style["social-dark"] : style["social"]}>
                 <li>

frontend/src/components/Footer/footer.module.scss

@@ -207,16 +207,32 @@
   color: #dd2a7b;
 }
 
+
 .fa-envelope:hover,
 .fa-envelope-own:hover {
   color: #c71610;
 }
 
+.fa-instagram:hover,
+.fa-instagram-own:hover {
+  color: #f77737;
+}
+
 .fa-github:hover,
 .fa-github-own:hover {
   color: #7af7cd;
 }
 
+.fa-twitter:hover,
+.fa-twitter-own:hover {
+  color: #1da1f2;
+}
+
+.fa-youtube:hover,
+.fa-youtube-own:hover {
+  color: #ff0000;
+}
+
 .footer-dash {
   text-align: center;
   padding-top: 2px;
@@ -572,6 +588,14 @@ a > span {
   color: #fff;
 }
 
+.input-field-footer::placeholder {
+  color: #555555;
+}
+
+.input-field-footer:focus::placeholder {
+  color: #999999;
+}
+
 .validation {
   color: red;
   margin-top: 0;