About view done. all styled and animated. some minor animation fixes overall and codecleaning

src/components/Mail.jsx

@@ -1,8 +1,18 @@
 import React from "react";
 import "../css/Mail.css";
+import { useState } from "react";
 
-const Mail = () => {
-  return <div className="eMail container">Mail</div>;
+const Mail = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
+  const [animation, setAnimation] = useState(initialAnimation);
+  return (
+    <div
+      className={`eMail container animate__animated ${animation}`}
+      onMouseEnter={() => onMouseEnter(setAnimation)}
+      onAnimationEnd={() => onAnimationEnd(setAnimation)}
+    >
+      Mail
+    </div>
+  );
 };
 
 export default Mail;