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

@@ -1,118 +1,119 @@
 <template>
-  <div v-if="count > 1" class="flex items-center gap-1">
-    <ButtonStyled v-if="page > 1" circular type="transparent">
-      <a
-        v-if="linkFunction"
-        aria-label="Previous Page"
-        :href="linkFunction(page - 1)"
-        @click.prevent="switchPage(page - 1)"
-      >
-        <ChevronLeftIcon />
-      </a>
-      <button v-else aria-label="Previous Page" @click="switchPage(page - 1)">
-        <ChevronLeftIcon />
-      </button>
-    </ButtonStyled>
-    <div
-      v-for="(item, index) in pages"
-      :key="'page-' + item + '-' + index"
-      :class="{
-        'page-number': page !== item,
-        shrink: item !== '-' && item > 99,
-      }"
-      class="page-number-container"
-    >
-      <div v-if="item === '-'">
-        <GapIcon />
-      </div>
-      <ButtonStyled
-        v-else
-        circular
-        :color="page === item ? 'brand' : 'standard'"
-        :type="page === item ? 'standard' : 'transparent'"
-      >
-        <a
-          v-if="linkFunction"
-          :href="linkFunction(item)"
-          @click.prevent="page !== item ? switchPage(item) : null"
-        >
-          {{ item }}
-        </a>
-        <button v-else @click="page !== item ? switchPage(item) : null">{{ item }}</button>
-      </ButtonStyled>
-    </div>
+	<div v-if="count > 1" class="flex items-center gap-1">
+		<ButtonStyled v-if="page > 1" circular type="transparent">
+			<a
+				v-if="linkFunction"
+				aria-label="Previous Page"
+				:href="linkFunction(page - 1)"
+				@click.prevent="switchPage(page - 1)"
+			>
+				<ChevronLeftIcon />
+			</a>
+			<button v-else aria-label="Previous Page" @click="switchPage(page - 1)">
+				<ChevronLeftIcon />
+			</button>
+		</ButtonStyled>
+		<div
+			v-for="(item, index) in pages"
+			:key="'page-' + item + '-' + index"
+			:class="{
+				'page-number': page !== item,
+				shrink: item !== '-' && item > 99,
+			}"
+			class="page-number-container"
+		>
+			<div v-if="item === '-'">
+				<GapIcon />
+			</div>
+			<ButtonStyled
+				v-else
+				circular
+				:color="page === item ? 'brand' : 'standard'"
+				:type="page === item ? 'standard' : 'transparent'"
+			>
+				<a
+					v-if="linkFunction"
+					:href="linkFunction(item)"
+					@click.prevent="page !== item ? switchPage(item) : null"
+				>
+					{{ item }}
+				</a>
+				<button v-else @click="page !== item ? switchPage(item) : null">{{ item }}</button>
+			</ButtonStyled>
+		</div>
 
-    <ButtonStyled v-if="page !== pages[pages.length - 1]" circular type="transparent">
-      <a
-        v-if="linkFunction"
-        aria-label="Next Page"
-        :href="linkFunction(page + 1)"
-        @click.prevent="switchPage(page + 1)"
-      >
-        <ChevronRightIcon />
-      </a>
-      <button v-else aria-label="Next Page" @click="switchPage(page + 1)">
-        <ChevronRightIcon />
-      </button>
-    </ButtonStyled>
-  </div>
+		<ButtonStyled v-if="page !== pages[pages.length - 1]" circular type="transparent">
+			<a
+				v-if="linkFunction"
+				aria-label="Next Page"
+				:href="linkFunction(page + 1)"
+				@click.prevent="switchPage(page + 1)"
+			>
+				<ChevronRightIcon />
+			</a>
+			<button v-else aria-label="Next Page" @click="switchPage(page + 1)">
+				<ChevronRightIcon />
+			</button>
+		</ButtonStyled>
+	</div>
 </template>
 <script setup lang="ts">
+import { ChevronLeftIcon, ChevronRightIcon, GapIcon } from '@modrinth/assets'
 import { computed } from 'vue'
-import { GapIcon, ChevronLeftIcon, ChevronRightIcon } from '@modrinth/assets'
+
 import ButtonStyled from './ButtonStyled.vue'
 
 const emit = defineEmits<{
-  'switch-page': [page: number]
+	'switch-page': [page: number]
 }>()
 
 const props = withDefaults(
-  defineProps<{
-    page: number
-    count: number
-    linkFunction?: (page: number) => string | undefined
-  }>(),
-  {
-    page: 1,
-    count: 1,
-    linkFunction: (page: number) => void page,
-  },
+	defineProps<{
+		page: number
+		count: number
+		linkFunction?: (page: number) => string | undefined
+	}>(),
+	{
+		page: 1,
+		count: 1,
+		linkFunction: (page: number) => void page,
+	},
 )
 
 const pages = computed(() => {
-  const pages: ('-' | number)[] = []
+	const pages: ('-' | number)[] = []
 
-  const first = 1
-  const last = props.count
-  const current = props.page
-  const prev = current - 1
-  const next = current + 1
-  const gap = '-'
+	const first = 1
+	const last = props.count
+	const current = props.page
+	const prev = current - 1
+	const next = current + 1
+	const gap = '-'
 
-  if (prev > first) {
-    pages.push(first)
-  }
-  if (prev > first + 1) {
-    pages.push(gap)
-  }
-  if (prev >= first) {
-    pages.push(prev)
-  }
-  pages.push(current)
-  if (next <= last) {
-    pages.push(next)
-  }
-  if (next < last - 1) {
-    pages.push(gap)
-  }
-  if (next < last) {
-    pages.push(last)
-  }
+	if (prev > first) {
+		pages.push(first)
+	}
+	if (prev > first + 1) {
+		pages.push(gap)
+	}
+	if (prev >= first) {
+		pages.push(prev)
+	}
+	pages.push(current)
+	if (next <= last) {
+		pages.push(next)
+	}
+	if (next < last - 1) {
+		pages.push(gap)
+	}
+	if (next < last) {
+		pages.push(last)
+	}
 
-  return pages
+	return pages
 })
 
 function switchPage(newPage: number) {
-  emit('switch-page', Math.min(Math.max(newPage, 1), props.count))
+	emit('switch-page', Math.min(Math.max(newPage, 1), props.count))
 }
 </script>