Moved modal import to overview for simplification

ref #94

src/components/cards/CardsOverview.svelte

@@ -4,6 +4,10 @@
   import store from "../../store";
   import Toastify from "toastify-js";
   import CardsEmptyState from "./CardsEmptyState.svelte";
+  import CardDetailModal from "./CardDetailModal.svelte";
+  import {init} from "./CardDetailModal.svelte";
+  export let edit_modal_open = false;
+  export let edit_card_id = 0;
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_cards = [];
@@ -19,6 +23,9 @@
     return id.toString() === searchvalue;
   }
 </script>
+{#if store.state.jwtinfo.userdetails.permissions.includes('CARD:UPDATE')}
+  <CardDetailModal bind:current_cards bind:edit_modal_open bind:edit_card_id/>
+{/if}
 
 {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:GET')}
   {#await cards_promise}
@@ -140,9 +147,11 @@
                   {:else}
                     <td
                       class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
-                      <a
-                        href="./{card.id}"
-                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</a>
+                      <button
+                        on:click={(card)=>{
+                          init();
+                        }}
+                        class="text-indigo-600 hover:text-indigo-900">{$_('details')}</button>
                       {#if store.state.jwtinfo.userdetails.permissions.includes('CARD:DELETE')}
                         <button
                           on:click={() => {