UserOverview cleanup

ref #12

src/components/UserDetailOne.svelte

@@ -1,19 +1,9 @@
 <script>
-  import { _, json } from "svelte-i18n";
-  import Toastify from "toastify-js";
-  import TracksEmptyState from "./TracksEmptyState.svelte";
-  import { TrackService, UserService } from "@odit/lfk-client-js";
-  import { getlang } from "./datatable_i18n";
-  import { Grid, html } from "gridjs";
+  import { _ } from "svelte-i18n";
+  import { UserService } from "@odit/lfk-client-js";
   import "gridjs/dist/theme/mermaid.css";
   import { tracks as tracksstore } from "../store.js";
-  import UsersEmptyState from "./UsersEmptyState.svelte";
   import PromiseError from "./PromiseError.svelte";
-  $: userscache = [];
-  $: blocked = [];
-  let table;
-  let datatable;
-  let datatable_inited = false;
   export let params;
   const user_promise = UserService.userControllerGetOne(params.userid);
   tracksstore.subscribe((val) => {
@@ -82,7 +72,7 @@
     <!--  -->
     <div class="mt-2 flex items-center">
       <img
-        alt="Profile Picture"
+        alt={$_('profile-picture')}
         class="inline-block h-20 w-20 rounded-full overflow-hidden bg-gray-100"
         src={user.profilePic} />
       <!-- <span

src/components/UsersDetail.svelte

@@ -113,7 +113,7 @@
                 <a
                   href="./{u.id}"
                   class="text-indigo-600 hover:text-indigo-900">Edit</a>
-                <a href="#" class="ml-4 text-red-600 hover:text-red-900">Delete</a>
+                <span tabindex="0" href="#" class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Delete</span>
               </td>
             </tr>
           {/each}