chainInfo from server, routes, wallet rework

src/layouts/default/AppBar.vue

@@ -1,8 +1,7 @@
 <template>
   <v-app-bar flat>
-    <v-app-bar-title class="sc">
-      <v-icon icon="mdi-arrow-up-bold" size="x-small" class="arrow" color="green"/>
-      <span class="logo">dexorder</span>
+    <v-app-bar-title class="">
+      <span class="logo"><v-icon icon="mdi-arrow-up-bold" size="x-small" class="arrow" color="green"/>dexorder</span>
       <v-chip text="ALPHA" size="x-small" color="red" class="mx-1"/>
     </v-app-bar-title>
   </v-app-bar>
@@ -14,10 +13,16 @@
 
 <style lang="scss">
 @use "src/styles/vars" as v;
-.arrow{
+
+.arrow {
   color: v.$green;
+  vertical-align: text-top;
 }
+
 .logo {
+  font-family: v.$heading-font-family;
   font-weight: 500;
+  font-size: 32px;
 }
+
 </style>

src/layouts/default/Default.vue

@@ -1,7 +1,7 @@
 <template>
   <v-app>
     <default-bar />
-    <default-view />
+    <default-view/>
   </v-app>
 </template>
 

src/layouts/default/View.vue

@@ -1,10 +1,26 @@
 <template>
   <v-main>
     <v-container>
-      <router-view />
+      <div class="maxw">
+        <Alerts/>
+        <router-view/>
+        <v-skeleton-loader v-if="!store.chainInfo" type="card" class="order-card"/>
+      </div>
     </v-container>
   </v-main>
 </template>
 
 <script setup>
+import Alerts from "@/components/Alerts.vue";
+import {VSkeletonLoader} from "vuetify/labs/VSkeletonLoader";
+import {useStore} from "@/store/store.js";
+
+const store = useStore()
 </script>
+
+<style scoped lang="scss">
+@use 'src/styles/vars' as *;
+.maxw {
+  max-width: $card-maxw;
+}
+</style>