Fix use of beforeDestroy, which is invalid in Vue3 [SCI-12259]

app/javascript/vue/repositories/modals/new.vue

@@ -108,7 +108,7 @@ export default {
   mounted() {
     document.addEventListener('mouseover', this.loadColumnsInfo);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.removeEventListener('mouseover', this.loadColumnsInfo);
   },
   computed: {

app/javascript/vue/repository/state_menu.vue

@@ -23,7 +23,7 @@ export default {
     archivedUrl: { type: String, required: true },
     disabled: { type: String, default: 'false' }
   },
-  beforeDestroy() {
+  beforeUnmount() {
     delete window.initRepositoryStateMenu;
   },
   computed: {

app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue

@@ -60,7 +60,7 @@ export default {
       }
     });
   },
-  beforeDestroy() {
+  beforeUnmount() {
     window.removeEventListener('resize', this.handleResize);
     this.removeScrollListener();
   },

app/javascript/vue/repository_row/manage_stock_value_modal.vue

@@ -222,7 +222,7 @@ export default {
   created() {
     window.manageStockModalComponent = this;
   },
-  beforeDestroy() {
+  beforeUnmount() {
     delete window.manageStockModalComponent;
   },
   mounted() {

app/javascript/vue/shared/breadcrumbs.vue

@@ -94,7 +94,7 @@ export default {
     this.setContainerSize();
     window.addEventListener('resize', this.setContainerSize);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     window.removeEventListener('resize', this.setContainerSize);
   },
   methods: {

app/javascript/vue/shared/repository_row_selector.vue

@@ -97,7 +97,7 @@ export default {
   mounted() {
     document.addEventListener('mouseover', this.loadColumnsInfo);
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.removeEventListener('mouseover', this.loadColumnsInfo);
   },
   watch: {