[web] Remove unnecessary CSS style

web-src/src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <navbar-top />
-    <vue-progress-bar class="fd-progress-bar has-background-info" />
+    <vue-progress-bar class="has-background-info" />
     <router-view v-slot="{ Component }">
       <component :is="Component" />
     </router-view>

web-src/src/main.js

@@ -14,15 +14,10 @@ import store from './store'
 const app = createApp(App)
   .use(store)
   .use(router)
-  .use(VueProgressBar)
+  .use(VueProgressBar, { position: 'relative' })
   .use(VueClickAway)
-  .use(VueLazyLoad, {
-    // Do not log errors, if image does not exist
-    log: false
-  })
-  .use(mdiVue, {
-    icons
-  })
+  .use(VueLazyLoad, { log: false })
+  .use(mdiVue, { icons })
   .use(i18n)
 
 app.config.globalProperties.$filters = filters

web-src/src/mystyles.scss

@@ -201,10 +201,6 @@ a.navbar-item {
   width: 100%;
 }
 
-.fd-progress-bar {
-  top: $navbar-height !important;
-}
-
 .fd-has-shadow img {
   box-shadow:
     0 4px 8px 0 rgba(0, 0, 0, 0.2),