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

src/containers/Drawers/ContactDetailDrawer/ContactDetail.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import ContactDetailActionsBar from './ContactDetailActionsBar';
+import ContactDetailList from './ContactDetailList';
+import { Card } from '@/components';
+
+/**
+ * contact detail.
+ */
+export default function ContactDetail() {
+  return (
+    <div className="view-detail-drawer">
+      <ContactDetailActionsBar />
+      <Card>
+        <ContactDetailList />
+      </Card>
+    </div>
+  );
+}