Add ButtonGroupLayout Component

frontend/src/components/basics/ButtonGroupLayout.tsx

@@ -0,0 +1,29 @@
+import type {ReactNode} from "react";
+import clsx from "clsx";
+
+type ButtonGroupLayoutProps = {
+    /** Content to render inside the header */
+    children: ReactNode;
+
+    /** Optional additional Tailwind classes */
+    className?: string;
+};
+
+/**
+ * A layout for horizontally aligning buttons as usually a save button is accompanied by a cancel button
+ * @param children Children of the layout, i.e., buttons
+ * @param className Optional additional styles
+ * @constructor
+ */
+export default function ButtonGroupLayout({children, className = ""}: ButtonGroupLayoutProps) {
+    return (
+        <div
+            className={clsx(
+                "flex gap-4 mt-8",
+                className
+            )}
+        >
+            {children}
+        </div>
+    );
+}