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/ui/LockCard.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import {Lock} from 'lucide-react';
+import IconContainer from "@/components/ui/IconContainer";
+
+interface LockCardProps {
+    title: string;
+    description: string;
+}
+
+export default function LockCard({title, description}: LockCardProps): React.JSX.Element {
+    return (
+        <div className="flex flex-col h-full bg-tertiary">
+            <div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
+                <div className="max-w-md mx-auto">
+                    <div className="bg-tertiary rounded-2xl p-8 text-center">
+                        <div className="mx-auto mb-6">
+                            <IconContainer icon={Lock} size="xl" shape="rounded" filled/>
+                        </div>
+                        <h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
+                            {title}
+                        </h3>
+                        <p className="text-muted leading-relaxed text-lg">
+                            {description}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}