Add Dimensions tab for packaging and MOQ consistency check

src/App.tsx

@@ -9,6 +9,7 @@ import { EditPanel } from './components/EditPanel';
 import { getAllSyncedRows, saveRowToSupabase } from './lib/supabase';
 import { getStoredSession, signOut, type AuthSession } from './lib/auth';
 import { LoginPage } from './components/LoginPage';
+import { DimensionsView } from './components/DimensionsView';
 
 export default function App() {
   const [session, setSession] = useState<AuthSession | null>(() => getStoredSession());
@@ -29,7 +30,7 @@ export default function App() {
     fileDate: null,
     hasUnsavedChanges: false
   });
-  const [activeModule, setActiveModule] = useState<'descriptions' | 'matrix'>('descriptions');
+  const [activeModule, setActiveModule] = useState<'descriptions' | 'matrix' | 'dimensions'>('descriptions');
   const [editingRowIndex, setEditingRowIndex] = useState<number | null>(null);
   const [isLoadingDefault, setIsLoadingDefault] = useState(true);
   const [defaultLoadError, setDefaultLoadError] = useState<string | null>(null);
@@ -322,6 +323,14 @@ export default function App() {
                 <MatrixView data={appState.data} headers={appState.headers} />
               )}
 
+              {activeModule === 'dimensions' && (
+                <DimensionsView 
+                  data={appState.data} 
+                  headers={appState.headers}
+                  onEdit={(index) => setEditingRowIndex(index)}
+                  onSaveRow={handleSaveRow}
+                />
+              )}
             </>
           )}
         </main>