Updates

components/elements/Table.tsx

@@ -16,13 +16,13 @@ export default function Table({ data }: Props) {
         );
     }
 
-    const headers = Object.keys(data[0]);
+    const headers = Object.keys(data[0]!);
 
     return (
         <div className={twMerge("overflow-x-auto w-full")}>
             <table
                 className={twMerge(
-                    "min-w-full divide-y divide-gray dark:divide-gray-dark"
+                    "min-w-full divide-y divide-gray dark:divide-gray-dark",
                 )}
             >
                 <thead className="bg-gray dark:bg-gray-dark">
@@ -32,7 +32,7 @@ export default function Table({ data }: Props) {
                                 key={header}
                                 className={twMerge(
                                     "px-3 py-2 text-left opacity-50",
-                                    "font-semibold"
+                                    "font-semibold",
                                 )}
                                 title={header}
                             >
@@ -44,14 +44,14 @@ export default function Table({ data }: Props) {
                 <tbody
                     className={twMerge(
                         "bg-background-light dark:bg-background-dark",
-                        "divide-y divide-gray dark:divide-gray-dark"
+                        "divide-y divide-gray dark:divide-gray-dark",
                     )}
                 >
                     {data.map((row, index) => (
                         <tr
                             key={index}
                             className={twMerge(
-                                "hover:bg-gray/20 dark:hover:bg-gray-dark/10"
+                                "hover:bg-gray/20 dark:hover:bg-gray-dark/10",
                             )}
                         >
                             {headers.map((header) => (
@@ -60,7 +60,7 @@ export default function Table({ data }: Props) {
                                     className={twMerge(
                                         "px-3 py-2 whitespace-nowrap text-foreground-light",
                                         "dark:text-foreground-dark max-w-[200px] overflow-hidden",
-                                        "overflow-ellipsis"
+                                        "overflow-ellipsis",
                                     )}
                                     title={row[header]}
                                 >