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

src/components/AvaterCell.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { firstLettersArgs } from '@/utils';
+
+export default function AvatarCell({ row: { original }, size }) {
+  return (
+    <span className="avatar" data-size={size}>
+      {firstLettersArgs(original?.display_name)}
+    </span>
+  );
+}