chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { CommercialDocEntriesTable } from '@/components';
+
+import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
+import { useCreditNoteReadOnlyEntriesColumns } from './utils';
+
+/**
+ * Credit note detail table.
+ * @returns {React.JSX}
+ */
+export default function CreditNoteDetailTable() {
+  const {
+    creditNote: { entries },
+  } = useCreditNoteDetailDrawerContext();
+
+  // Credit note entries table columns.
+  const columns = useCreditNoteReadOnlyEntriesColumns();
+
+  return (
+    <CommercialDocEntriesTable
+      columns={columns}
+      data={entries}
+      className={'table-constrant'}
+    />
+  );
+}