add api utils

frontend/src/components/basics/ButtonLink.tsx

@@ -0,0 +1,29 @@
+import { Link, type LinkProps } from "react-router-dom"
+import { ButtonType } from "./Button"
+
+type ButtonLinkProps = LinkProps & {
+  text: string
+  buttonType?: ButtonType
+  className?: string
+}
+
+/**
+ * Link component having the same stile as the button
+ */
+export default function ButtonLink({
+  to,
+  text,
+  buttonType = ButtonType.DefaultButton,
+  className = "",
+  ...props
+}: ButtonLinkProps) {
+  return (
+    <Link
+      to={to}
+      className={`basic-button ${buttonType.backgroundColor} ${buttonType.textColor} ${className}`}
+      {...props}
+    >
+      {text}
+    </Link>
+  )
+}