Upgrade UI Modal Terminal

FRONTEND/src/components/Components/GroupButtonTerminal.tsx

@@ -0,0 +1,32 @@
+import { Box, Flex, Text } from "@mantine/core";
+
+interface GroupButtonProps {
+  title: string;
+  children: React.ReactNode;
+}
+
+export default function GroupButtonTerminal({
+  title,
+  children,
+}: GroupButtonProps) {
+  return (
+    <Box
+      p="xs"
+      style={{
+        border: "1px solid var(--mantine-color-gray-3)",
+        borderRadius: "8px",
+        backgroundColor: "var(--mantine-color-gray-0)",
+      }}
+    >
+      <Flex justify="space-between" align="center" gap="md">
+        <Text fz={12} c="dimmed">
+          {title}
+        </Text>
+
+        <Flex gap="sm" wrap="wrap">
+          {children}
+        </Flex>
+      </Flex>
+    </Box>
+  );
+}

FRONTEND/src/components/TerminalXTerm.tsx

@@ -295,6 +295,7 @@ const TerminalCLI: React.FC<TerminalCLIProps> = ({
           backgroundColor: "black",
           paddingBottom: customStyle.paddingBottom ?? "10px",
           maxHeight: customStyle.maxHeight ?? "70vh",
+          borderRadius: "8px",
         }}
       >
         <div