Working on settings. Adding .env value take in count when they are present in order to prefill the Settings on startup. Adding the SendEMail Feature and the form in settings.

src/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading.tsx

@@ -0,0 +1,40 @@
+"use client"
+import {Button} from "@/components/ui/button";
+import {useState} from "react";
+import {Loader2} from "lucide-react";
+
+export type VariantButton = {
+    secondary: string
+    default: string
+    outline: string
+    ghost: string
+    link: string
+    destructive: string
+}
+
+export type ButtonWithConfirmProps = {
+    icon?: any,
+    text: string,
+    variant?:  keyof VariantButton ,
+    className?: string,
+    onClick: () => void,
+    isPending? : boolean
+};
+
+export const ButtonWithLoading = (props: ButtonWithConfirmProps) => {
+    return(
+        <Button
+            onClick={() => {
+                    props.onClick()
+            }}
+            variant={props.variant ? props.variant : "default"}
+            className={props.className}
+        >
+            {props.isPending && <Loader2 className="animate-spin mr-4" size={16}/>}
+            {props.text}
+            <>
+                {props.icon ? props.icon : null}
+            </>
+        </Button>
+    )
+}