fix: resolve stale data display in ResultTable after CSV import

- Add table key to force re-render on CSV import
- Simplify data update logic
- Fix issue where old results were incorrectly displayed

src/routes/index.lazy.tsx

@@ -24,6 +24,7 @@ export const Route = createLazyFileRoute('/')({
 
 function Index() {
   const [data, setData] = useState<Result[]>(() => db.getData())
+  const [tableKey, setTableKey] = useState(0)
   const [, setDeletedItems] = useState<Map<number, Result>>(() => new Map<number, Result>())
   const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
 
@@ -72,8 +73,9 @@ function Index() {
     const result = csvProcessor(csvData);
 
     if (result.success && result.results) {
-      const newData = setResults(result.results);
-      setData([...newData]); // Force a re-render by creating a new array
+      setResults(result.results);     // Update the database
+      setData(result.results);        // Update the state
+      setTableKey(prev => prev + 1);  // Force table re-render
       setUploadDialogOpen(false);
 
       if (result.warnings) {
@@ -156,7 +158,8 @@ function Index() {
         </Card>
       </div>
       <div className="container mx-auto py-4">
-        <ResultTable 
+        <ResultTable
+          key={tableKey}
           data={data} 
           onResultUpdate={(id, result) => setData(updateResult(id, result))}
           onResultDelete={handleResultDelete}