Fix button and link executions

components/ui/Button.tsx

@@ -1,12 +1,18 @@
+import { ComponentProps } from "react";
+
+type ButtonProps = ComponentProps<"button"> & {
+  title: string;
+  mode?: "DARK" | "LIGHT";
+};
+
 export default function Button({
   title,
   mode = "LIGHT",
-}: {
-  title: string;
-  mode?: "DARK" | "LIGHT";
-}) {
+  ...props
+}: ButtonProps) {
   return (
     <button
+      {...props}
       className={`${mode == "LIGHT" ? "bg-slate-400 dark:bg-slate-800 border-slate-800 hover:bg-slate-500" : "bg-gray-400 dark:bg-slate-900 dark:border-slate-900 border-slate-400 hover:bg-slate-600"} border-4 border-double cursor-pointer font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out`}
     >
       {title}