Fixed popup bad imports

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/infolists/Content.svelte

@@ -0,0 +1,13 @@
+<script>
+    import { getContext } from 'svelte';
+    import Popup from './Popup.svelte';
+    const { open } = getContext('simple-modal');
+    const showSurprise = () => open(Popup, { message: "heh" });
+</script>
+
+<div id="logout" role="button"
+     tabindex="0"
+     on:click={showSurprise()}
+     on:keydown={() => console.log("keydown")}>
+    +
+</div>

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/infolists/Incomes.svelte

@@ -1,10 +1,10 @@
 <script>
-    import Popup from "./Popup.svelte";
+    import Content from './Content.svelte';
+    import Modal from 'svelte-simple-modal';
+
     import { onMount, afterUpdate } from 'svelte';
     import axios from 'axios';
     import {getCookie} from "svelte-cookie";
-    import Modal from 'svelte-simple-modal';
-    const showSurprise = () => open(Popup);
 
     let data = [];
     let parentHeight;
@@ -33,15 +33,9 @@
 </script>
 
 <div id="incomeInfo" style="max-height: {parentHeight}px;">
-    <Modal></Modal>
     <div id="incomeOptions">
         <h2>Incomes</h2>
-        <div id="logout" role="button"
-             tabindex="0"
-             on:click={showSurprise()}
-             on:keydown={() => console.log("keydown")}>
-            Log out
-        </div>
+        <Modal><Content /></Modal>
     </div>
 
     <div id="incomeList">

src/main/java/com/faf223/expensetrackerfaf/web/src/routes/dashboard/board/infolists/Popup.svelte

@@ -1,3 +1,6 @@
+<script>
+</script>
+
 <div>
-    LOLO
+    LOL
 </div>