feature/editor-improvements (#289)

* pin editor buttons on scroll

* scaler scratch

* fix langauge assignment 1st pass

* set lang on navigate

* refactor/breakup router

* unify style for language selectro

* refactor/code-cleanup

* refactor/page specific components to page folder

* Fix time card layout issue

* fix timecard display

* update mobile cards / fix overflow errors

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/components/UI/Dialogs/BaseDialog.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <v-dialog v-model="dialog" :width="modalWidth + 'px'">
+      <v-app-bar dark :color="color" class="mt-n1 mb-2">
+        <v-icon large left v-if="!loading">
+          {{ titleIcon }}
+        </v-icon>
+        <v-progress-circular
+          v-else
+          indeterminate
+          color="white"
+          large
+          class="mr-2"
+        >
+        </v-progress-circular>
+        <v-toolbar-title class="headline"> {{ title }} </v-toolbar-title>
+        <v-spacer></v-spacer>
+      </v-app-bar>
+    </v-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    color: {
+      default: "primary",
+    },
+    title: {
+      default: "Modal Title",
+    },
+    titleIcon: {
+      default: "mdi-account",
+    },
+    modalWidth: {
+      default: "500",
+    },
+  },
+  data() {
+    return {
+      dialog: false,
+    };
+  },
+  methods: {
+    open() {
+      this.dialog = true;
+    },
+  },
+};
+</script>
+
+<style scoped>
+</style>