fix: code quality

src/components.ts

@@ -60,4 +60,4 @@ export { default as Countdown } from "./components/dapp/Countdown";
 export * from "./components/primitives/Bar";
 export { default as Bar } from "./components/primitives/Bar";
 export * from "./components/dapp/Connected";
-export { default as Connected } from "./components/dapp/Connected";
+export { default as Connected } from "./components/dapp/Connected";

src/components/dapp/Connected.tsx

@@ -1,4 +1,4 @@
-import { Modal, Button, WalletConnectors, type ButtonProps } from "../..";
+import { Button, type ButtonProps, Modal, WalletConnectors } from "../..";
 import { useWalletContext } from "../../context/Wallet.context";
 
 export type ConnectedProps = ButtonProps;

src/components/primitives/List.tsx

@@ -115,9 +115,22 @@ type ListElement = ReactElement<{
   size: unknown;
   className?: string;
 }>;
-export type ListProps = Component<Styled<typeof listStyles> & { indexOffset?: number, dividerClassName?: (index: number) => string; }, HTMLDivElement>;
+export type ListProps = Component<
+  Styled<typeof listStyles> & { indexOffset?: number; dividerClassName?: (index: number) => string },
+  HTMLDivElement
+>;
 
-export default function List({ look, size, flex, content, className, children, indexOffset, dividerClassName, ...props }: ListProps) {
+export default function List({
+  look,
+  size,
+  flex,
+  content,
+  className,
+  children,
+  indexOffset,
+  dividerClassName,
+  ...props
+}: ListProps) {
   const { base, item, divider } = listStyles({ look, size, content: size, flex });
 
   const definedChild = useMemo(() => {
@@ -147,7 +160,7 @@ export default function List({ look, size, flex, content, className, children, i
         ]
       );
     });
-  }, [children, divider, item, look, size, indexOffset]);
+  }, [children, divider, item, look, size, indexOffset, dividerClassName]);
 
   return (
     <div className={mergeClass(base(), className)} {...props}>

src/components/primitives/Table.tsx

@@ -6,7 +6,7 @@ import type { Component, Styled } from "../../utils/types";
 import Box from "./Box";
 import EventBlocker from "./EventBlocker";
 import Icon from "./Icon";
-import List, { ListProps } from "./List";
+import List, { type ListProps } from "./List";
 import Text from "./Text";
 
 export const tableStyles = tv({
@@ -231,8 +231,10 @@ export function Table<T extends Columns>({
 }
 
 export function createTable<T extends Columns>(columns: T) {
-  // biome-ignore lint/suspicious/noExplicitAny: no reasons for it to have type errors
-  const TemplateTable = (props: Omit<TableProps<T>, "columns"> & ListProps) => <Table {...(props as any)} columns={columns} />;
+  const TemplateTable = (props: Omit<TableProps<T>, "columns"> & ListProps) => (
+    // biome-ignore lint/suspicious/noExplicitAny: no reasons for it to have type errors
+    <Table {...(props as any)} columns={columns} />
+  );
 
   // biome-ignore lint/suspicious/noExplicitAny: no reasons for it to have type errors
   const TemplateRow = (props: Omit<RowProps<T>, "columns">) => <Row {...(props as any)} columns={columns} />;