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

packages/ui/src/components/base/Admonition.vue

@@ -1,61 +1,61 @@
 <template>
-  <div
-    :class="[
-      'flex rounded-2xl border-2 border-solid p-4 gap-4 font-semibold text-contrast',
-      typeClasses[type],
-    ]"
-  >
-    <component
-      :is="icons[type]"
-      :class="['hidden h-8 w-8 flex-none sm:block', iconClasses[type]]"
-    />
-    <div class="flex flex-col gap-2">
-      <div class="font-semibold flex justify-between gap-4">
-        <slot name="header">{{ header }}</slot>
-      </div>
-      <div class="font-normal">
-        <slot>{{ body }}</slot>
-      </div>
-    </div>
-    <div class="ml-auto w-fit">
-      <slot name="actions" />
-    </div>
-  </div>
+	<div
+		:class="[
+			'flex rounded-2xl border-2 border-solid p-4 gap-4 font-semibold text-contrast',
+			typeClasses[type],
+		]"
+	>
+		<component
+			:is="icons[type]"
+			:class="['hidden h-8 w-8 flex-none sm:block', iconClasses[type]]"
+		/>
+		<div class="flex flex-col gap-2">
+			<div class="font-semibold flex justify-between gap-4">
+				<slot name="header">{{ header }}</slot>
+			</div>
+			<div class="font-normal">
+				<slot>{{ body }}</slot>
+			</div>
+		</div>
+		<div class="ml-auto w-fit">
+			<slot name="actions" />
+		</div>
+	</div>
 </template>
 
 <script setup lang="ts">
 import { InfoIcon, IssuesIcon, XCircleIcon } from '@modrinth/assets'
 
 defineProps({
-  type: {
-    type: String as () => 'info' | 'warning' | 'critical',
-    default: 'info',
-  },
-  header: {
-    type: String,
-    default: '',
-  },
-  body: {
-    type: String,
-    default: '',
-  },
+	type: {
+		type: String as () => 'info' | 'warning' | 'critical',
+		default: 'info',
+	},
+	header: {
+		type: String,
+		default: '',
+	},
+	body: {
+		type: String,
+		default: '',
+	},
 })
 
 const typeClasses = {
-  info: 'border-brand-blue bg-bg-blue',
-  warning: 'border-brand-orange bg-bg-orange',
-  critical: 'border-brand-red bg-bg-red',
+	info: 'border-brand-blue bg-bg-blue',
+	warning: 'border-brand-orange bg-bg-orange',
+	critical: 'border-brand-red bg-bg-red',
 }
 
 const iconClasses = {
-  info: 'text-brand-blue',
-  warning: 'text-brand-orange',
-  critical: 'text-brand-red',
+	info: 'text-brand-blue',
+	warning: 'text-brand-orange',
+	critical: 'text-brand-red',
 }
 
 const icons = {
-  info: InfoIcon,
-  warning: IssuesIcon,
-  critical: XCircleIcon,
+	info: InfoIcon,
+	warning: IssuesIcon,
+	critical: XCircleIcon,
 }
 </script>