add eslint / prettier

src/components/Table.stories.tsx

@@ -20,7 +20,7 @@ const rows: UserRow[] = [
   { id: '5', name: 'Andrea Pini', role: 'EDITOR', status: 'Pending', posts: 9 },
   { id: '6', name: 'Sofia Denti', role: 'AUTHOR', status: 'Active', posts: 7 },
   { id: '7', name: 'Marco Serra', role: 'AUTHOR', status: 'Active', posts: 18 },
-  { id: '8', name: 'Elena Neri', role: 'EDITOR', status: 'Active', posts: 31 }
+  { id: '8', name: 'Elena Neri', role: 'EDITOR', status: 'Active', posts: 31 },
 ];
 
 const headers: TableHeader<UserRow>[] = [
@@ -30,14 +30,14 @@ const headers: TableHeader<UserRow>[] = [
     value: (row) => row.name,
     sortable: true,
     sortField: 'name',
-    cellClassName: 'table-cell-primary'
+    cellClassName: 'table-cell-primary',
   },
   {
     id: 'role',
     label: 'Role',
     value: (row) => row.role,
     sortable: true,
-    sortField: 'role'
+    sortField: 'role',
   },
   {
     id: 'status',
@@ -46,15 +46,15 @@ const headers: TableHeader<UserRow>[] = [
       <Chip variant="outlined" tone={row.status === 'Active' ? 'indigo-700' : 'cyan-700'}>
         {row.status}
       </Chip>
-    )
+    ),
   },
   {
     id: 'posts',
     label: 'Posts',
     value: (row) => row.posts,
     sortable: true,
-    sortField: 'posts'
-  }
+    sortField: 'posts',
+  },
 ];
 
 type UsersTableProps = {
@@ -117,49 +117,50 @@ const meta = {
   parameters: {
     docs: {
       description: {
-        component: 'Generic data table with loading/empty states, optional sorting controls, and optional pagination footer.'
-      }
-    }
+        component:
+          'Generic data table with loading/empty states, optional sorting controls, and optional pagination footer.',
+      },
+    },
   },
   argTypes: {
     data: {
       description: 'Rows rendered in the table body.',
       control: 'object',
-      table: { type: { summary: 'UserRow[]' } }
+      table: { type: { summary: 'UserRow[]' } },
     },
     isLoading: {
       description: 'When true, shows the loading indicator row.',
       control: 'boolean',
-      table: { type: { summary: 'boolean' } }
+      table: { type: { summary: 'boolean' } },
     },
     emptyMessage: {
       description: 'Message shown when `data` is empty and `isLoading` is false.',
       control: 'text',
-      table: { type: { summary: 'string' } }
+      table: { type: { summary: 'string' } },
     },
     sorting: {
-      description: "Current sort state object. Use `null` for no active sorting.",
+      description: 'Current sort state object. Use `null` for no active sorting.',
       control: 'object',
-      table: { type: { summary: "{ field: string; direction: 'asc' | 'desc' } | null" } }
+      table: { type: { summary: "{ field: string; direction: 'asc' | 'desc' } | null" } },
     },
     onSortChange: {
       description: 'Callback fired when a sortable header is clicked.',
       action: 'sort changed',
-      table: { type: { summary: '(field: string) => void' } }
+      table: { type: { summary: '(field: string) => void' } },
     },
     pagination: {
       description: 'Pagination config object. When omitted, pagination footer is hidden.',
       control: 'object',
       table: {
         type: {
-          summary: '{ page; pageSize; total; totalPages; onPageChange; onPageSizeChange? }'
-        }
-      }
-    }
+          summary: '{ page; pageSize; total; totalPages; onPageChange; onPageSizeChange? }',
+        },
+      },
+    },
   },
   args: {
-    data: rows
-  }
+    data: rows,
+  },
 } satisfies Meta<typeof UsersTable>;
 
 export default meta;
@@ -169,22 +170,22 @@ export const WithRows: Story = {};
 
 export const Loading: Story = {
   args: {
-    isLoading: true
-  }
+    isLoading: true,
+  },
 };
 
 export const Empty: Story = {
   args: {
     data: [],
-    emptyMessage: 'No users found'
-  }
+    emptyMessage: 'No users found',
+  },
 };
 
 export const InteractiveSortingAndPagination: Story = {
   render: () => {
     const [sorting, setSorting] = useState<SortState | null>({
       field: 'name',
-      direction: 'asc'
+      direction: 'asc',
     });
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(5);
@@ -220,9 +221,9 @@ export const InteractiveSortingAndPagination: Story = {
           onPageSizeChange: (next) => {
             setPage(1);
             setPageSize(next);
-          }
+          },
         }}
       />
     );
-  }
+  },
 };