Add foundational components and logic for migration, UI design, and input handling

- Introduced foundational UI components (`Badge`, `LockCard`, `SectionHeader`, `AvatarIcon`, etc.) for flexible layouts and consistent design.
- Added migration support with the `MigrationModal` component and backend integration for exporting/importing data between Electron and Tauri.
- Extended form components with `TextAreaInput`, `OrderInput`, `ToggleField`, and `ToolbarSelect` for improved input handling.
- Updated `ScribeShell` with migration popup logic to prompt users for data migration.
- Integrated `AlertStack` for better alert handling and notification management.
- Enhanced Rust/Tauri services with migration command implementations.
- Added translations and styles for new components.

components/layout/ScribeShell.tsx

@@ -38,6 +38,7 @@ import OfflineProvider from '@/context/OfflineProvider';
 import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
 import OfflinePinSetup from '@/components/offline/OfflinePinSetup';
 import OfflinePinVerify from '@/components/offline/OfflinePinVerify';
+import MigrationModal from '@/components/migration/MigrationModal';
 import {isDesktop} from '@/lib/configs';
 import * as tauri from '@/lib/tauri';
 import useSyncBooks from '@/hooks/useSyncBooks';
@@ -136,6 +137,16 @@ function ScribeContent({children}: { children: ReactNode }) {
     const [currentChapter, setCurrentChapter] = useState<ChapterProps | undefined>(undefined);
     const [currentBook, setCurrentBook] = useState<BookProps | null>(null);
     const [bookSettingId, setBookSettingId] = useState<string>('');
+    const [showMigrationPopup, setShowMigrationPopup] = useState<boolean>(false);
+
+    useEffect(function (): void {
+        if (!isDesktop) return;
+        const done: boolean = localStorage.getItem('electron_migration_done') === 'true';
+        const dismissed: boolean = localStorage.getItem('electron_migration_dismissed') === 'true';
+        if (!done && !dismissed) {
+            setShowMigrationPopup(true);
+        }
+    }, []);
 
     const [serverSyncedBooks, setServerSyncedBooks] = useState<SyncedBook[]>([]);
     const [localSyncedBooks, setLocalSyncedBooks] = useState<SyncedBook[]>([]);
@@ -426,6 +437,12 @@ function ScribeContent({children}: { children: ReactNode }) {
                                         onCancel={(): void => {}}
                                     />
                                 )}
+                                {showMigrationPopup && (
+                                    <MigrationModal
+                                        onClose={function (): void { setShowMigrationPopup(false); }}
+                                        onSuccess={function (): void { setShowMigrationPopup(false); window.location.reload(); }}
+                                    />
+                                )}
                             </SettingBookContext.Provider>
                         </AIUsageContext.Provider>
                     </ChapterContext.Provider>