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/billing/ServersPurchase2PaymentMethod.vue

@@ -1,53 +1,54 @@
 <script setup lang="ts">
+import { defineMessages, useVIntl } from '@vintl/vintl'
 import type Stripe from 'stripe'
-import { useVIntl, defineMessages } from '@vintl/vintl'
+
 import PaymentMethodOption from './PaymentMethodOption.vue'
 
 const { formatMessage } = useVIntl()
 
 const emit = defineEmits<{
-  (e: 'select', paymentMethod: Stripe.PaymentMethod | undefined): void
+	(e: 'select', paymentMethod: Stripe.PaymentMethod | undefined): void
 }>()
 
 defineProps<{
-  paymentMethods: Stripe.PaymentMethod[]
-  selected?: Stripe.PaymentMethod
-  loadingElements: boolean
-  loadingElementsFailed: boolean
+	paymentMethods: Stripe.PaymentMethod[]
+	selected?: Stripe.PaymentMethod
+	loadingElements: boolean
+	loadingElementsFailed: boolean
 }>()
 
 const messages = defineMessages({
-  prompt: {
-    id: 'servers.purchase.step.payment.prompt',
-    defaultMessage: 'Select a payment method',
-  },
-  description: {
-    id: 'servers.purchase.step.payment.description',
-    defaultMessage: `You won't be charged yet.`,
-  },
+	prompt: {
+		id: 'servers.purchase.step.payment.prompt',
+		defaultMessage: 'Select a payment method',
+	},
+	description: {
+		id: 'servers.purchase.step.payment.description',
+		defaultMessage: `You won't be charged yet.`,
+	},
 })
 </script>
 
 <template>
-  <h2 class="mt-0 mb-1 text-xl font-bold text-contrast">
-    {{ formatMessage(messages.prompt) }}
-  </h2>
-  <p class="mt-0 mb-4 text-secondary">
-    {{ formatMessage(messages.description) }}
-  </p>
-  <div class="flex flex-col gap-1">
-    <PaymentMethodOption
-      v-for="method in paymentMethods"
-      :key="method.id"
-      :item="method"
-      :selected="selected?.id === method.id"
-      @select="emit('select', method)"
-    />
-    <PaymentMethodOption
-      :loading="false"
-      :item="undefined"
-      :selected="selected === undefined"
-      @select="emit('select', undefined)"
-    />
-  </div>
+	<h2 class="mt-0 mb-1 text-xl font-bold text-contrast">
+		{{ formatMessage(messages.prompt) }}
+	</h2>
+	<p class="mt-0 mb-4 text-secondary">
+		{{ formatMessage(messages.description) }}
+	</p>
+	<div class="flex flex-col gap-1">
+		<PaymentMethodOption
+			v-for="method in paymentMethods"
+			:key="method.id"
+			:item="method"
+			:selected="selected?.id === method.id"
+			@select="emit('select', method)"
+		/>
+		<PaymentMethodOption
+			:loading="false"
+			:item="undefined"
+			:selected="selected === undefined"
+			@select="emit('select', undefined)"
+		/>
+	</div>
 </template>