[lint][lg]: fix lint errors

components/_shared/CustomLink.tsx

@@ -0,0 +1,15 @@
+type LinkProps = {
+  url: string;
+  format: any;
+};
+
+const CustomLink: React.FC<LinkProps> = ({ url, format }: LinkProps) => (
+  <a
+    href={url}
+    className="bg-white hover:bg-gray-200 border text-black font-semibold py-2 px-4 rounded"
+  >
+    {format}
+  </a>
+);
+
+export default CustomLink;

components/_shared/Error.tsx

@@ -1,4 +1,4 @@
-export default function ErrorMessage({ message }) {
+const ErrorMessage: React.FC<{ message: any }> = ({ message }) => {
   return (
     <aside>
       {message}
@@ -12,4 +12,6 @@ export default function ErrorMessage({ message }) {
       `}</style>
     </aside>
   );
-}
+};
+
+export default ErrorMessage;

components/_shared/Table.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 interface TableProps {
   columns: Array<any>;
   data: Array<any>;

components/_shared/index.ts

@@ -1,4 +1,5 @@
 import Table from './Table';
 import ErrorMessage from './Error';
+import CustomLink from './CustomLink';
 
-export { Table, ErrorMessage };
+export { Table, ErrorMessage, CustomLink };