✨ Replace circular with linear loading indicator

src/App.vue

@@ -4,7 +4,7 @@ import TitleBar from "./components/titlebar-element.vue";
 import BottomNavbar from "./components/bottom-navbar.vue";
 import DateSelector from "./components/date-selector.vue";
 import LoadingElement from "./components/loading-element.vue";
-import { loading, theme } from "./store";
+import { loading, loadingProgress, theme } from "./store";
 import { computed, ref } from "vue";
 
 const autoThemes = { true: "dark", false: "light" };
@@ -31,10 +31,10 @@ const isDataView = computed(() => {
     :class="theme == 'auto' ? `theme-${autoTheme}` : `theme-${theme}`"
   >
     <TitleBar />
-    <DateSelector v-show="isDataView" />
+    <LoadingElement :active="loading" :progress="loadingProgress" />
     <div class="center">
       <main>
-        <LoadingElement :active="loading" v-show="isDataView" />
+        <DateSelector v-show="isDataView" />
         <RouterView />
       </main>
     </div>