feat: reorganize ledger views

src/pages/ledger/ViewLedger.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import {RouterLink, RouterView} from 'vue-router';
-import {useLedgerParam} from "@/ledger";
+import {LedgerLabel, useLedgerParam} from "@/ledger";
 import {routeNames} from "@/routes.ts";
+import {IskLabel} from "@/market";
 
 const {ledger} = useLedgerParam();
 
@@ -9,7 +10,15 @@ const {ledger} = useLedgerParam();
 
 <template>
   <div v-if="ledger" class="mt-4">
-    <div class="flex border-b-2 border-emerald-500">
+    <div class="flex">
+      <div class="flex">
+        <LedgerLabel :ledger="ledger" :link="false" />
+      </div>
+      <div class="flex justify-end w-full">
+        <IskLabel class="mb-2" :amount="ledger.balance" />
+      </div>
+    </div>
+    <div class="flex border-b-2 border-emerald-500 mt-4">
       <RouterLink :to="{name: routeNames.viewLedgerBalance}" class="tab">
         <span>Balance</span>
       </RouterLink>