feat: Add dropdown for language switch

Signed-off-by: Pranav C <61551451+pranavxc@users.noreply.github.com>

packages/nc-gui/components/utils/language.vue

@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <v-menu bottom offset-y>
+      <template #activator="{on}">
+        <v-btn v-on="on" small class="text-capitalize caption font-weight-bold" text>
+          <v-icon small class="">mdi-translate</v-icon>
+        </v-btn>
+      </template>
+      <v-list dense >
+        <v-list-item-group
+          v-model="language">
+        <v-list-item
+          dense
+          v-for="lan in languages" :key="lan.value"
+          :value="lan"
+          @click="language = lan"
+          color="primary"
+        >
+          <v-list-item-subtitle class="text-capitalize">{{ lan }}</v-list-item-subtitle>
+        </v-list-item>
+        </v-list-item-group>
+      </v-list>
+    </v-menu>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "language",
+  computed: {
+    languages() {
+      return this.$i18n && this.$i18n.availableLocales || ['en'];
+    },
+    language: {
+      get() {
+        return this.$store.state.windows.language;
+      }, set(val) {
+        this.$store.commit('windows/MutLanguage', val);
+      }
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>