Revert "perf?(client): remove needless scoped annotation for style"

This reverts commit ada04c1932.

packages/frontend/src/pages/admin/_header_.vue

@@ -147,7 +147,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .fdidabkc {
 	--height: 60px;
 	display: flex;

packages/frontend/src/pages/admin/abuses.vue

@@ -90,7 +90,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lcixvhis {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/ads.vue

@@ -119,7 +119,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .uqshojas {
 	> .ad {
 		padding: 32px;

packages/frontend/src/pages/admin/announcements.vue

@@ -105,7 +105,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ztgjmzrw {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/emoji-edit-dialog.vue

@@ -95,7 +95,7 @@ async function del() {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .yigymqpb {
 	> .img {
 		display: block;

packages/frontend/src/pages/admin/emojis.vue

@@ -295,7 +295,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .ogwlenmc {
 	> .local {
 		.empty {

packages/frontend/src/pages/admin/files.vue

@@ -113,7 +113,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xrmjdkdw {
 	margin: var(--margin);
 }

packages/frontend/src/pages/admin/index.vue

@@ -272,7 +272,7 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .hiyeyicy {
 	&.wide {
 		display: flex;

packages/frontend/src/pages/admin/metrics.vue

@@ -53,43 +53,43 @@
 <script lang="ts">
 import { defineComponent, markRaw } from 'vue';
 import {
-	Chart,
-	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
-	BarController,
-	LineController,
-	CategoryScale,
-	LinearScale,
-	Legend,
-	Title,
-	Tooltip,
-	SubTitle,
+  Chart,
+  ArcElement,
+  LineElement,
+  BarElement,
+  PointElement,
+  BarController,
+  LineController,
+  CategoryScale,
+  LinearScale,
+  Legend,
+  Title,
+  Tooltip,
+  SubTitle,
 } from 'chart.js';
-import MkwFederation from '../../widgets/federation.vue';
 import MkButton from '@/components/MkButton.vue';
 import MkSelect from '@/components/form/select.vue';
 import MkInput from '@/components/form/input.vue';
 import MkContainer from '@/components/MkContainer.vue';
 import MkFolder from '@/components/MkFolder.vue';
+import MkwFederation from '../../widgets/federation.vue';
 import { version, url } from '@/config';
 import bytes from '@/filters/bytes';
 import number from '@/filters/number';
 
 Chart.register(
-	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
-	BarController,
-	LineController,
-	CategoryScale,
-	LinearScale,
-	Legend,
-	Title,
-	Tooltip,
-	SubTitle,
+  ArcElement,
+  LineElement,
+  BarElement,
+  PointElement,
+  BarController,
+  LineController,
+  CategoryScale,
+  LinearScale,
+  Legend,
+  Title,
+  Tooltip,
+  SubTitle,
 );
 
 const alpha = (hex, a) => {
@@ -462,7 +462,7 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .xhexznfu {
 	> div:nth-child(2) {
 		padding: 16px;

packages/frontend/src/pages/admin/overview.instances.vue

@@ -35,7 +35,7 @@ useInterval(fetch, 1000 * 60, {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .wbrkwale {
 	> .instances {
 		display: grid;

packages/frontend/src/pages/admin/overview.pie.vue

@@ -105,6 +105,6 @@ onMounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/overview.queue.chart.vue

@@ -181,6 +181,6 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/overview.vue

@@ -181,7 +181,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .edbbcaef {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));

packages/frontend/src/pages/admin/queue.chart.chart.vue

@@ -181,6 +181,6 @@ defineExpose({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 
 </style>

packages/frontend/src/pages/admin/queue.chart.vue

@@ -113,7 +113,7 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .pumxzjhg {
 	> .status {
 		padding: 16px;

packages/frontend/src/pages/admin/relays.vue

@@ -81,7 +81,7 @@ definePageMetadata({
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .relaycxt {
 	> .status {
 		margin: 8px 0;

packages/frontend/src/pages/admin/users.vue

@@ -138,7 +138,7 @@ definePageMetadata(computed(() => ({
 })));
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .lknzcolw {
 	> .users {