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

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { CommercialDocBox } from '@/components';
+
+import CreditNoteDetailHeader from './CreditNoteDetailHeader';
+import CreditNoteDetailTable from './CreditNoteDetailTable';
+import CreditNoteDetailTableFooter from './CreditNoteDetailTableFooter';
+import CreditNoteDetailFooter from './CreditNoteDetailFooter';
+
+/**
+ * Credit note details panel.
+ */
+export default function CreditNoteDetailPanel() {
+  return (
+    <CommercialDocBox>
+      <CreditNoteDetailHeader />
+      <CreditNoteDetailTable />
+      <CreditNoteDetailTableFooter />
+      <CreditNoteDetailFooter />
+    </CommercialDocBox>
+  );
+}