Fix loading indicator state of v-table

Fixes #4157

app/src/components/v-progress/linear/v-progress-linear.vue

@@ -119,11 +119,11 @@ body {
 
 @keyframes indeterminate {
 	0% {
-		transform: scaleX(0);
+		transform: scaleX(0) translateX(-30%);
 	}
 
 	10% {
-		transform: scaleX(0);
+		transform: scaleX(0) translateX(-30%);
 		animation-timing-function: cubic-bezier(0.1, 0.6, 0.9, 0.5);
 	}
 

app/src/components/v-table/v-table.vue

@@ -410,10 +410,6 @@ body {
 				grid-template-columns: var(--grid-columns);
 			}
 
-			.loading-indicator {
-				position: relative;
-			}
-
 			td,
 			th {
 				color: var(--v-table-color);
@@ -431,6 +427,15 @@ body {
 				}
 			}
 
+			.loading-indicator {
+				position: relative;
+				z-index: 3;
+
+				> th {
+					margin-right: var(--content-padding);
+				}
+			}
+
 			.sortable-ghost {
 				.cell {
 					background-color: var(--background-subdued);

app/src/modules/settings/routes/webhooks/collection.vue

@@ -102,7 +102,6 @@ import LayoutSidebarDetail from '@/views/private/components/layout-sidebar-detai
 import marked from 'marked';
 import { LayoutComponent } from '@/layouts/types';
 import { usePreset } from '@/composables/use-preset';
-import { i18n } from '@/lang';
 import api from '@/api';
 import SearchInput from '@/views/private/components/search-input';