feat: provide global variables in all components (#669)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/669
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>

src/components/input/editor.vue

@@ -457,7 +457,6 @@ export default {
 <style lang="scss">
 @import '../../../node_modules/highlight.js/scss/base16/equilibrium-gray-light';
 @import '../../../node_modules/easymde/dist/easymde.min.css';
-@import '../../styles/theme/variables/all';
 
 .editor {
 	.clear {

src/components/tasks/partials/priorityLabel.vue

@@ -44,8 +44,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../../styles/theme/variables/all';
-
 .priority-label {
 	display: inline-flex;
 	align-items: center;

src/components/tasks/partials/relatedTasks.vue

@@ -269,8 +269,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import '@/styles/theme/variables/all';
-
 .add-task-relation-button {
 	margin-top: -3rem;
 

src/components/user/avatar-settings.vue

@@ -146,8 +146,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../../styles/theme/variables/all';
-
 .cropper {
 	height: 80vh;
 	background: transparent;

src/styles/theme/_all.scss

@@ -1,4 +1,3 @@
-@import 'variables/all';
 @import 'theme';
 
 @import 'content';