feat: reorganize tabs, add Article Details, and enhance filters/search

src/App.tsx

@@ -11,6 +11,7 @@ import { getStoredSession, signOut, type AuthSession } from './lib/auth';
 import { LoginPage } from './components/LoginPage';
 import { DimensionsView } from './components/DimensionsView';
 import { PricingView } from './components/PricingView';
+import { ArticleDetails } from './components/ArticleDetails';
 import { UndoToast } from './components/UndoToast';
 
 export default function App() {
@@ -32,7 +33,7 @@ export default function App() {
     fileDate: null,
     hasUnsavedChanges: false
   });
-  const [activeModule, setActiveModule] = useState<'descriptions' | 'matrix' | 'dimensions' | 'pricing'>('descriptions');
+  const [activeModule, setActiveModule] = useState<'descriptions' | 'article_details' | 'matrix' | 'dimensions' | 'pricing'>('descriptions');
   const [undoHistory, setUndoHistory] = useState<{ data: ExcelRow[], message: string }[]>([]);
   const [editingRowIndex, setEditingRowIndex] = useState<number | null>(null);
   const [isLoadingDefault, setIsLoadingDefault] = useState(true);
@@ -373,6 +374,12 @@ export default function App() {
                   onEdit={(index) => setEditingRowIndex(index)}
                 />
               )}
+              {activeModule === 'article_details' && (
+                <ArticleDetails
+                  data={appState.data}
+                  onEdit={(index) => setEditingRowIndex(index)}
+                />
+              )}
             </>
           )}
         </main>