refactor: migrate to common eslint+prettier configs (#4168)

* refactor: migrate to common eslint+prettier configs

* fix: prettier frontend

* feat: config changes

* fix: lint issues

* fix: lint

* fix: type imports

* fix: cyclical import issue

* fix: lockfile

* fix: missing dep

* fix: switch to tabs

* fix: continue switch to tabs

* fix: rustfmt parity

* fix: moderation lint issue

* fix: lint issues

* fix: ui intl

* fix: lint issues

* Revert "fix: rustfmt parity"

This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711.

* feat: revert last rs

apps/frontend/src/components/ui/FileInput.vue

@@ -1,117 +1,117 @@
 <template>
-  <label
-    :class="{ 'long-style': longStyle }"
-    :disabled="disabled"
-    @drop.prevent="handleDrop"
-    @dragover.prevent
-  >
-    <slot />
-    {{ prompt }}
-    <input
-      type="file"
-      :multiple="multiple"
-      :accept="accept"
-      :disabled="disabled"
-      @change="handleChange"
-    />
-  </label>
+	<label
+		:class="{ 'long-style': longStyle }"
+		:disabled="disabled"
+		@drop.prevent="handleDrop"
+		@dragover.prevent
+	>
+		<slot />
+		{{ prompt }}
+		<input
+			type="file"
+			:multiple="multiple"
+			:accept="accept"
+			:disabled="disabled"
+			@change="handleChange"
+		/>
+	</label>
 </template>
 
 <script>
-import { fileIsValid } from "~/helpers/fileUtils.js";
+import { fileIsValid } from '~/helpers/fileUtils.js'
 
 export default {
-  components: {},
-  props: {
-    prompt: {
-      type: String,
-      default: "Select file",
-    },
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
-    accept: {
-      type: String,
-      default: null,
-    },
-    /**
-     * The max file size in bytes
-     */
-    maxSize: {
-      type: Number,
-      default: null,
-    },
-    showIcon: {
-      type: Boolean,
-      default: true,
-    },
-    shouldAlwaysReset: {
-      type: Boolean,
-      default: false,
-    },
-    longStyle: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: ["change"],
-  data() {
-    return {
-      files: [],
-    };
-  },
-  methods: {
-    addFiles(files, shouldNotReset) {
-      if (!shouldNotReset || this.shouldAlwaysReset) {
-        this.files = files;
-      }
+	components: {},
+	props: {
+		prompt: {
+			type: String,
+			default: 'Select file',
+		},
+		multiple: {
+			type: Boolean,
+			default: false,
+		},
+		accept: {
+			type: String,
+			default: null,
+		},
+		/**
+		 * The max file size in bytes
+		 */
+		maxSize: {
+			type: Number,
+			default: null,
+		},
+		showIcon: {
+			type: Boolean,
+			default: true,
+		},
+		shouldAlwaysReset: {
+			type: Boolean,
+			default: false,
+		},
+		longStyle: {
+			type: Boolean,
+			default: false,
+		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	emits: ['change'],
+	data() {
+		return {
+			files: [],
+		}
+	},
+	methods: {
+		addFiles(files, shouldNotReset) {
+			if (!shouldNotReset || this.shouldAlwaysReset) {
+				this.files = files
+			}
 
-      const validationOptions = { maxSize: this.maxSize, alertOnInvalid: true };
-      this.files = [...this.files].filter((file) => fileIsValid(file, validationOptions));
+			const validationOptions = { maxSize: this.maxSize, alertOnInvalid: true }
+			this.files = [...this.files].filter((file) => fileIsValid(file, validationOptions))
 
-      if (this.files.length > 0) {
-        this.$emit("change", this.files);
-      }
-    },
-    handleDrop(e) {
-      this.addFiles(e.dataTransfer.files);
-    },
-    handleChange(e) {
-      this.addFiles(e.target.files);
-    },
-  },
-};
+			if (this.files.length > 0) {
+				this.$emit('change', this.files)
+			}
+		},
+		handleDrop(e) {
+			this.addFiles(e.dataTransfer.files)
+		},
+		handleChange(e) {
+			this.addFiles(e.target.files)
+		},
+	},
+}
 </script>
 
 <style lang="scss" scoped>
 label {
-  flex-direction: unset;
-  max-height: unset;
+	flex-direction: unset;
+	max-height: unset;
 
-  svg {
-    height: 1rem;
-  }
+	svg {
+		height: 1rem;
+	}
 
-  input {
-    display: none;
-  }
+	input {
+		display: none;
+	}
 
-  &.long-style {
-    display: flex;
-    padding: 1.5rem 2rem;
-    justify-content: center;
-    align-items: center;
-    grid-gap: 0.5rem;
-    background-color: var(--color-button-bg);
-    border-radius: var(--size-rounded-sm);
-    border: dashed 0.3rem var(--color-text);
-    cursor: pointer;
-    color: var(--color-text-dark);
-  }
+	&.long-style {
+		display: flex;
+		padding: 1.5rem 2rem;
+		justify-content: center;
+		align-items: center;
+		grid-gap: 0.5rem;
+		background-color: var(--color-button-bg);
+		border-radius: var(--size-rounded-sm);
+		border: dashed 0.3rem var(--color-text);
+		cursor: pointer;
+		color: var(--color-text-dark);
+	}
 }
 </style>