back button to explore

src/page/Explore/Explore.svelte

@@ -1,8 +1,12 @@
 <script lang="ts">
     import style from './style.module.scss';
     import Jumper from 'svelte-loading-spinners/Jumper.svelte';
+
+    import Icon from 'svelte-icons-pack/Icon.svelte';
+    import VscArrowLeft from "svelte-icons-pack/vsc/VscArrowLeft";
+
     import { invoke } from '@tauri-apps/api/tauri';
-    import { listen } from 'svelte/internal';
+    import { route } from '../../store/RouteStore';
     
 
     let list = [];
@@ -34,6 +38,13 @@
 </script>
 
 <div class={style.root}>
+
+    <p style='margin:8px'>
+        <button aria-label="back" class={style.backbtn} on:click={(_) => { route('/') }}>
+            <Icon src={VscArrowLeft} color='#b2b2b2' size='17px' />
+        </button>
+    </p>
+
     <h1 style='text-align:center;margin-top:40px'>
         Homeservers
     </h1>

src/page/Explore/style.module.scss

@@ -4,6 +4,13 @@
         font-weight: 400;
     }
 
+    .backbtn {
+        padding:7px 10px;
+        svg {
+            transform: translateY(2px);
+        }
+    }
+
     @keyframes fadeout {
         0% {
             opacity: 1;