frontend: App: Add enter dev mode

* Add enter dev mode on 10 clicks in build date
* Remove cloud unless in dev mode

Author: joaomariolago

core/frontend/src/App.vue

@@ -61,7 +61,7 @@
         <internet-tray-menu />
         <wifi-tray-menu />
         <ethernet-tray-menu />
-        <cloud-tray-menu />
+        <cloud-tray-menu v-if="settings.is_dev_mode" />
         <notification-tray-button />
       </v-app-bar>
     </v-card>
@@ -296,10 +296,24 @@
         >
           Bootstrap Version: {{ bootstrap_version.split(':')[1] }}
         </span>
+        <!-- eslint-disable vuejs-accessibility/click-events-have-key-events -->
         <span
           id="current-version"
           class="build_info"
-        >Build: {{ build_date }}</span>
+          @click="buildDateClick"
+        >
+          Build: {{ build_date }}
+          <v-btn
+            v-if="settings.is_dev_mode"
+            v-tooltip="'Disable dev mode'"
+            icon
+            @click="settings.is_dev_mode = false"
+          >
+            <v-icon color="red" class="ma-0 pa-0">
+              mdi-pill
+            </v-icon>
+          </v-btn>
+        </span>
         <span
           class="build_info"
         >
@@ -426,6 +440,7 @@ export default Vue.extend({
     ],
     selected_widgets: settings.user_top_widgets,
     bootstrap_version: undefined as string|undefined,
+    build_clicks: 0,
   }),
   computed: {
     topWidgetsName(): string[] {
@@ -719,6 +734,14 @@ export default Vue.extend({
         this.$router.push('/')
       }
     },
+    buildDateClick(): void {
+      this.build_clicks += 1
+
+      if (this.build_clicks === 10) {
+        settings.is_dev_mode = true
+        this.build_clicks = 0
+      }
+    },
   },
 })
 </script>