extract dialog component

tank-frontend/src/components/Dialog.css

@@ -0,0 +1,13 @@
+
+.Dialog {
+    border: solid var(--border-size-thick) var(--color-secondary);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    background: var(--color-background);
+
+    gap: 16px;
+    padding: 16px;
+}

tank-frontend/src/components/Dialog.tsx

@@ -0,0 +1,12 @@
+import {ReactNode} from 'react';
+import Column from './Column.tsx';
+import './Dialog.css';
+
+export default function Dialog({children, className}: {
+    children: ReactNode;
+    className?: string;
+}) {
+    return <Column className={'Dialog ' + className ?? ''}>
+        {children}
+    </Column>
+}