modify toast + fix contact form

public/assets/style/index.css

@@ -6,6 +6,10 @@
   --toastify-toast-width: 420px;
 }
 
+html {
+  color-scheme: light;
+}
+
 @font-face {
   font-family: barlow;
   src: url("../fonts/Barlow/Barlow-Regular.ttf");

src/components/Projects/ProfessionalProjects/index.tsx

@@ -88,7 +88,7 @@ const Component = () => {
             onClick={() => handleMoreProject(setVisibleProject)}
           >
             <span className="whitespace-pre-wrap text-center font-[bellefair] text-2xl font-medium leading-none tracking-tight text-gallery lg:text-lg dark:from-gallery dark:to-slate-900/10">
-              Load More...
+              Voir plus de projets...
             </span>
           </ShimmerButton>
         </div>

src/container/Form/index.tsx

@@ -52,7 +52,8 @@ const Component = () => {
         setMessage("");
         notify("success");
       })
-      .catch(() => {
+      .catch((error) => {
+        console.error("Error sending email:", error);
         notify("error");
       });
   };

src/utils/toastMessage/index.ts

@@ -4,22 +4,22 @@ import "react-toastify/dist/ReactToastify.css";
 export const notify = (state: "success" | "error" | "missing") => {
   switch (state) {
     case "success":
-      toast.success("Mail send with succes!", {
+      toast.success("Email envoyé avec succès!", {
         position: "bottom-right",
       });
       break;
 
     case "error":
       toast.error(
-        "Oops, there are an error with servor, try later or contact me by email.",
+        "Oops, une erreur est survenue sur le serveur. Réessayez plus tard ou contactez moi par mail directement.",
         {
           position: "bottom-right",
         },
       );
       break;
 
     case "missing":
-      toast.warn("You have probably forgotten to fill in some information ", {
+      toast.warn("Vous avez probablement oublié de remplir une information!", {
         position: "bottom-right",
       });
       break;

tailwind.config.js

@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  darkMode: false,
   theme: {
     extend: {
       colors: {