Fix React error #130 - Resolve component import issues

- Fixed wildcard exports in common/index.ts with explicit named exports
- Fixed GalleryView import path in GalleryPage.tsx
- Fixed ToastContainer props formatting in App.tsx
- Ensured all components are properly exported and imported

This should finally resolve the invalid element type error.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

frontend/src/App.tsx

@@ -94,16 +94,16 @@ function App() {
 
           {/* Toast notifications */}
           <ToastContainer
-          position="bottom-right"
+            position="bottom-right"
-          autoClose={5000}
+            autoClose={5000}
-          hideProgressBar={false}
+            hideProgressBar={false}
-          newestOnTop
+            newestOnTop
-          closeOnClick
+            closeOnClick
-          rtl={false}
+            rtl={false}
-          pauseOnFocusLoss
+            pauseOnFocusLoss
-          draggable
+            draggable
-          pauseOnHover
+            pauseOnHover
-          theme="light"
+            theme="light"
           />
         </ThemeProvider>
       </QueryClientProvider>

frontend/src/components/common/index.ts

@@ -2,7 +2,14 @@ export { Button } from './Button';
 export { Input } from './Input';
 export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export { Loading, LoadingSkeleton } from './Loading';
-export * from './ErrorBoundary';
+export { ErrorBoundary, PageErrorBoundary } from './ErrorBoundary';
-export * from './Skeleton';
+export { 
-export * from './OfflineIndicator';
+  Skeleton, 
-export * from './SkipLink';
+  SkeletonGroup, 
+  SkeletonCard, 
+  SkeletonTable, 
+  SkeletonGalleryGrid, 
+  SkeletonList 
+} from './Skeleton';
+export { OfflineIndicator, useOnlineStatus } from './OfflineIndicator';
+export { SkipLink } from './SkipLink';

frontend/src/pages/GalleryPage.tsx

@@ -6,7 +6,7 @@ import { format, differenceInDays, parseISO } from 'date-fns';
 import { Card, CardContent, Input, Button, Loading } from '../components/common';
 import { useGalleryAuth } from '../contexts';
 import { useGalleryInfo } from '../hooks/useGallery';
-import { GalleryView } from '../components/gallery/GalleryView';
+import { GalleryView } from '../components/gallery';
 import { analyticsService } from '../services/analytics.service';
 
 export const GalleryPage: React.FC = () => {