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/Accordion.vue

@@ -1,92 +1,92 @@
 <template>
-  <div>
-    <ButtonStyled v-if="!!slots.title" :type="type">
-      <button class="!w-full" @click="() => (isOpen ? close() : open())">
-        <slot name="title" /><DropdownIcon
-          class="ml-auto size-5 text-contrast transition-transform duration-300"
-          :class="{ 'rotate-180': isOpen }"
-        />
-      </button>
-    </ButtonStyled>
-    <div class="accordion-content" :class="{ open: isOpen }">
-      <div>
-        <div :class="{ 'mt-2': !!slots.title }" v-bind="$attrs" :inert="!isOpen">
-          <slot />
-        </div>
-      </div>
-    </div>
-  </div>
+	<div>
+		<ButtonStyled v-if="!!slots.title" :type="type">
+			<button class="!w-full" @click="() => (isOpen ? close() : open())">
+				<slot name="title" /><DropdownIcon
+					class="ml-auto size-5 text-contrast transition-transform duration-300"
+					:class="{ 'rotate-180': isOpen }"
+				/>
+			</button>
+		</ButtonStyled>
+		<div class="accordion-content" :class="{ open: isOpen }">
+			<div>
+				<div :class="{ 'mt-2': !!slots.title }" v-bind="$attrs" :inert="!isOpen">
+					<slot />
+				</div>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script setup lang="ts">
-import { DropdownIcon } from "@modrinth/assets";
-import { ButtonStyled } from "@modrinth/ui";
+import { DropdownIcon } from '@modrinth/assets'
+import { ButtonStyled } from '@modrinth/ui'
 
 const props = withDefaults(
-  defineProps<{
-    openByDefault?: boolean;
-    type?: "standard" | "outlined" | "transparent";
-  }>(),
-  {
-    type: "standard",
-    openByDefault: false,
-  },
-);
+	defineProps<{
+		openByDefault?: boolean
+		type?: 'standard' | 'outlined' | 'transparent'
+	}>(),
+	{
+		type: 'standard',
+		openByDefault: false,
+	},
+)
 
-const isOpen = ref(props.openByDefault);
-const emit = defineEmits(["onOpen", "onClose"]);
+const isOpen = ref(props.openByDefault)
+const emit = defineEmits(['onOpen', 'onClose'])
 
-const slots = useSlots();
+const slots = useSlots()
 
 function open() {
-  isOpen.value = true;
-  emit("onOpen");
+	isOpen.value = true
+	emit('onOpen')
 }
 function close() {
-  isOpen.value = false;
-  emit("onClose");
+	isOpen.value = false
+	emit('onClose')
 }
 
 defineExpose({
-  open,
-  close,
-  isOpen,
-});
+	open,
+	close,
+	isOpen,
+})
 
 defineOptions({
-  inheritAttrs: false,
-});
+	inheritAttrs: false,
+})
 </script>
 <style scoped>
 .accordion-content {
-  display: grid;
-  grid-template-rows: 0fr;
-  transition: grid-template-rows 0.3s ease-in-out;
-  animation: height-animate 500ms ease-in-out both;
-  content-visibility: auto;
-  animation-composition: replace;
+	display: grid;
+	grid-template-rows: 0fr;
+	transition: grid-template-rows 0.3s ease-in-out;
+	animation: height-animate 500ms ease-in-out both;
+	content-visibility: auto;
+	animation-composition: replace;
 }
 
 @media (prefers-reduced-motion) {
-  .accordion-content {
-    transition: none !important;
-  }
+	.accordion-content {
+		transition: none !important;
+	}
 }
 
 .accordion-content.open {
-  grid-template-rows: 1fr;
+	grid-template-rows: 1fr;
 }
 
 .accordion-content > div {
-  overflow: hidden;
+	overflow: hidden;
 }
 
 @keyframes height-animate {
-  from {
-    block-size: initial;
-  }
-  to {
-    block-size: auto;
-  }
+	from {
+		block-size: initial;
+	}
+	to {
+		block-size: auto;
+	}
 }
 </style>