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

src/views/components/common/Popup/Popup.module.scss

@@ -18,7 +18,7 @@
 .body {
     overflow-y: auto;
     z-index: 2147483647;
-    background-color: rgb(52, 53, 65);
+    background-color: $white;
     box-shadow: 0px 12px 30px 0px #323e5f29;
     transition: box-shadow 0.15s;
 }

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

@@ -1,18 +1,19 @@
 import classNames from 'classnames';
 import React, { PropsWithChildren } from 'react';
-import styles from './Panel.module.scss';
+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 Panel(props: PropsWithChildren<Props>) {
+export default function Popup(props: PropsWithChildren<Props>) {
     return (
         <div
             style={props.style}