chore: fixed lint errors and changed import/extensions rule

frontend/.eslintrc

@@ -36,6 +36,7 @@
 		"no-shadow": 0,
 		"no-new": 0,
 		"import/no-unresolved": 0,
+		"import/extensions": 0,
 		"prettier/prettier": [
 			"error"
 		],

frontend/src/components/modals/EditSong/Tabs/Reports.vue

@@ -202,10 +202,12 @@
 </template>
 
 <script>
-import ReportInfoItem from "@/components/ReportInfoItem.vue";
 import { mapState, mapGetters, mapActions } from "vuex";
+
 import Toast from "toasters";
 
+import ReportInfoItem from "@/components/ReportInfoItem.vue";
+
 export default {
 	components: { ReportInfoItem },
 	data() {

frontend/src/components/modals/ViewPunishment.vue

@@ -11,9 +11,10 @@
 <script>
 import { mapState, mapGetters, mapActions } from "vuex";
 import { format, formatDistance, parseISO } from "date-fns";
-import ws from "@/ws";
 
 import Toast from "toasters";
+import ws from "@/ws";
+
 import Modal from "../Modal.vue";
 import PunishmentItem from "../PunishmentItem.vue";
 

frontend/src/pages/Admin/tabs/Reports.vue

@@ -85,13 +85,14 @@
 </template>
 
 <script>
-import ReportInfoItem from "@/components/ReportInfoItem.vue";
 import { mapState, mapActions, mapGetters } from "vuex";
 import { defineAsyncComponent } from "vue";
 
 import Toast from "toasters";
 import ws from "@/ws";
 
+import ReportInfoItem from "@/components/ReportInfoItem.vue";
+
 export default {
 	components: {
 		ViewReport: defineAsyncComponent(() =>