Fix TODO's comments

src/components/Table/Table.tsx

@@ -1,13 +1,9 @@
 import React, { useMemo, useRef, useState } from 'react';
 import usePagination, { Offset } from 'src/hooks/usePagination';
-import {
-  SelectFilter,
-  NumberInput,
-  resolveFilterByType,
-  type Filter,
-} from './Filters';
-import type { DataItem, Header, Value } from './types';
+import { SelectFilter, NumberFilter, resolveFilterByType } from './Filters';
+import type { DataItem, Header, Value, Filter } from './types';
 import { HeaderType } from './types';
+import styles from './Table.module.css';
 
 interface Props {
   data: DataItem[];
@@ -92,7 +88,14 @@ export default function Table({ data, headers }: Props): JSX.Element {
           />
         );
       case HeaderType.Number:
-        return <NumberInput {...baseProps} />;
+        return (
+          <NumberFilter
+            {...baseProps}
+            onChange={(value: [string, number | null]) => {
+              handleUpdateFilters(header.key, header.type, value as Value);
+            }}
+          />
+        );
       case HeaderType.Select:
         return <SelectFilter data={data} {...baseProps} />;
       case HeaderType.Multiple:
@@ -120,7 +123,7 @@ export default function Table({ data, headers }: Props): JSX.Element {
       </section>
 
       <section className="mt-1 overflow-scroll">
-        <table>
+        <table className={styles.table}>
           <thead>
             <tr>
               {headers.map((item, idx) => (