Move Path Locks inline JavaScript to JS-only

Rather than requesting and evaluating some JavaScript, we listen to the
`ajax:success` event directly and show the empty state once all locks
are deleted.

app/assets/javascripts/pages/projects/path_locks/index.js

-import initDeprecatedRemoveRowBehavior from '~/behaviors/deprecated_remove_row_behavior';
-
-document.addEventListener('DOMContentLoaded', initDeprecatedRemoveRowBehavior);

ee/app/assets/javascripts/pages/projects/path_locks/index.js

+import initDeprecatedRemoveRowBehavior from '~/behaviors/deprecated_remove_row_behavior';
+
+document.addEventListener('DOMContentLoaded', () => {
+  initDeprecatedRemoveRowBehavior();
+
+  const locks = document.querySelector('.locks');
+
+  locks.addEventListener('ajax:success', () => {
+    const allRowsHidden = [...locks.querySelectorAll('li')].every((x) => x.offsetParent === null);
+
+    if (allRowsHidden) {
+      locks.querySelector('.nothing-here-block.hidden')?.classList?.remove('hidden');
+    }
+  });
+});

ee/app/views/projects/path_locks/destroy.js.haml

-- unless @project.path_locks.any?
-  var emptyState = document.querySelector('.locks .nothing-here-block.hidden');
-  if (emptyState) emptyState.classList.remove('hidden');