feat: add a new setting that disables the display of the disk usage (#2136)

frontend/src/components/Sidebar.vue

@@ -82,7 +82,9 @@
 
     <div
       class="credits"
-      v-if="$router.currentRoute.path.includes('/files/')"
+      v-if="
+        $router.currentRoute.path.includes('/files/') && !disableUsedPercentage
+      "
       style="width: 90%; margin: 2em 2.5em 3em 2.5em"
     >
       <progress-bar :val="usage.usedPercentage" size="small"></progress-bar>
@@ -116,6 +118,7 @@ import {
   version,
   signup,
   disableExternal,
+  disableUsedPercentage,
   noAuth,
   loginPage,
 } from "@/utils/constants";
@@ -137,6 +140,7 @@ export default {
     signup: () => signup,
     version: () => version,
     disableExternal: () => disableExternal,
+    disableUsedPercentage: () => disableUsedPercentage,
     canLogout: () => !noAuth && loginPage,
   },
   asyncComputed: {
@@ -146,6 +150,9 @@ export default {
           ? this.$route.path
           : this.$route.path + "/";
         let usageStats = { used: 0, total: 0, usedPercentage: 0 };
+        if (this.disableUsedPercentage) {
+          return usageStats;
+        }
         try {
           let usage = await api.usage(path);
           usageStats = {