Library Switching functionality

frontend/src/app/settings/page.tsx

@@ -6,6 +6,7 @@ import { useTheme } from '../../lib/theme';
 import Button from '../../components/ui/Button';
 import { storyApi, authorApi, databaseApi } from '../../lib/api';
 import { useLibraryLayout, LibraryLayoutType } from '../../hooks/useLibraryLayout';
+import LibrarySettings from '../../components/library/LibrarySettings';
 
 type FontFamily = 'serif' | 'sans' | 'mono';
 type FontSize = 'small' | 'medium' | 'large' | 'extra-large';
@@ -774,6 +775,9 @@ export default function SettingsPage() {
             </div>
           </div>
 
+          {/* Library Settings */}
+          <LibrarySettings />
+
           {/* Tag Management */}
           <div className="theme-card theme-shadow rounded-lg p-6">
             <h2 className="text-xl font-semibold theme-header mb-4">Tag Management</h2>