refactor(ui): introduce shared list detail shells

web/src/views/scripts/ApprovalCenterView.js

@@ -1,7 +1,6 @@
 import { computed, ref, watch } from 'vue'
 
-import TableLoadingState from '../../components/shared/TableLoadingState.vue'
-import TableEmptyState from '../../components/shared/TableEmptyState.vue'
+import EnterpriseListPage from '../../components/shared/EnterpriseListPage.vue'
 import { useApprovalInbox } from '../../composables/useApprovalInbox.js'
 import { useSystemState } from '../../composables/useSystemState.js'
 import { fetchApprovalExpenseClaims } from '../../services/reimbursements.js'
@@ -115,9 +114,8 @@ function buildApprovalRow(request) {
 export default {
   name: 'ApprovalCenterView',
   components: {
-    TravelRequestDetailView,
-    TableLoadingState,
-    TableEmptyState
+    EnterpriseListPage,
+    TravelRequestDetailView
   },
   setup() {
     const { currentUser } = useSystemState()