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 cb99d2376c.

* feat: revert last rs

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

@@ -1,61 +1,62 @@
 <script setup lang="ts">
 import { DropdownIcon } from '@modrinth/assets'
 import { reactive } from 'vue'
+
 import Button from './Button.vue'
 
 const props = defineProps({
-  collapsible: {
-    type: Boolean,
-    default: false,
-  },
-  defaultCollapsed: {
-    type: Boolean,
-    default: false,
-  },
-  noAutoBody: {
-    type: Boolean,
-    default: false,
-  },
+	collapsible: {
+		type: Boolean,
+		default: false,
+	},
+	defaultCollapsed: {
+		type: Boolean,
+		default: false,
+	},
+	noAutoBody: {
+		type: Boolean,
+		default: false,
+	},
 })
 
 const state = reactive({
-  collapsed: props.defaultCollapsed,
+	collapsed: props.defaultCollapsed,
 })
 
 function toggleCollapsed() {
-  state.collapsed = !state.collapsed
+	state.collapsed = !state.collapsed
 }
 </script>
 
 <template>
-  <div class="card">
-    <div v-if="!!$slots.header || collapsible" class="header">
-      <slot name="header"></slot>
-      <div v-if="collapsible" class="btn-group">
-        <Button :action="toggleCollapsed">
-          <DropdownIcon :style="{ transform: `rotate(${state.collapsed ? 0 : 180}deg)` }" />
-        </Button>
-      </div>
-    </div>
-    <slot v-if="!state.collapsed" />
-  </div>
+	<div class="card">
+		<div v-if="!!$slots.header || collapsible" class="header">
+			<slot name="header"></slot>
+			<div v-if="collapsible" class="btn-group">
+				<Button :action="toggleCollapsed">
+					<DropdownIcon :style="{ transform: `rotate(${state.collapsed ? 0 : 180}deg)` }" />
+				</Button>
+			</div>
+		</div>
+		<slot v-if="!state.collapsed" />
+	</div>
 </template>
 
 <style lang="scss" scoped>
 .header {
-  display: flex;
+	display: flex;
 
-  :deep(h1, h2, h3, h4) {
-    margin-block: 0;
-  }
+	:deep(h1, h2, h3, h4) {
+		margin-block: 0;
+	}
 
-  &:not(:last-child) {
-    margin-bottom: var(--gap-lg);
-  }
+	&:not(:last-child) {
+		margin-bottom: var(--gap-lg);
+	}
 }
 
 .btn-group {
-  margin-left: auto;
-  margin-right: 0;
+	margin-left: auto;
+	margin-right: 0;
 }
 </style>