add icon as asset, add refresh button

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightcontrol",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "A Tecamino App",
   "productName": "Light Control",
   "author": "A. Zuercher",

src/layouts/MainLayout.vue

@@ -3,15 +3,17 @@
     <q-header elevated>
       <q-toolbar>
         <q-img
-          src="src/assets/LOGO_CF-ICON_color.svg"
+          :src="logo"
           alt="Logo"
           style="width: 40px; height: 40px; background-color: var(--q-primary)"
           class="q-mr-sm"
         />
         <q-btn flat dense round icon="menu" aria-label="Menu" @click="toggleLeftDrawer" />
+
         <q-toolbar-title> Light Control </q-toolbar-title>
 
         <div>Version {{ version }}</div>
+        <q-btn dense icon="refresh" square class="q-px-md q-ml-md" @click="refresh" />
       </q-toolbar>
     </q-header>
 
@@ -35,6 +37,7 @@
 </template>
 
 <script setup lang="ts">
+import logo from 'src/assets/LOGO_CF-ICON_color.svg';
 import { ref } from 'vue';
 import { version } from '../..//package.json';
 
@@ -47,4 +50,8 @@ function toggleLeftDrawer() {
 function closeDrawer() {
   leftDrawerOpen.value = false;
 }
+
+function refresh() {
+  window.location.reload();
+}
 </script>