renamed panel to popup since that's kinda what it is lmao

src/views/components/common/Popup/Popup.tsx

@@ -0,0 +1,32 @@
+import classNames from 'classnames';
+import React, { PropsWithChildren } from 'react';
+import styles from './Popup.module.scss';
+
+interface Props {
+    testId?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    /** Should it display a subtle dark overlay over the rest of the screen */
+    overlay?: boolean;
+}
+
+/**
+ *
+ */
+export default function Popup(props: PropsWithChildren<Props>) {
+    return (
+        <div
+            style={props.style}
+            className={classNames(
+                styles.container,
+                {
+                    [styles.overlay]: props.overlay,
+                },
+                props.className
+            )}
+            data-testid={props.testId}
+        >
+            <div className={styles.body}>{props.children}</div>
+        </div>
+    );
+}