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/DetailHeroSection.tsx

@@ -0,0 +1,26 @@
+import React, {ReactNode} from 'react';
+import {LucideIcon} from 'lucide-react';
+import IconContainer from "@/components/ui/IconContainer";
+
+interface DetailHeroSectionProps {
+    icon: LucideIcon;
+    title: string;
+    children?: ReactNode;
+}
+
+export default function DetailHeroSection({icon, title, children}: DetailHeroSectionProps): React.JSX.Element {
+    return (
+        <div
+            className="p-6 bg-gradient-to-r from-primary/10 via-darkest-background to-transparent rounded-2xl border border-secondary">
+            <div className="flex items-start gap-4">
+                <div className="shrink-0">
+                    <IconContainer icon={icon} size="lg" shape="square"/>
+                </div>
+                <div className="flex-1 min-w-0">
+                    <h2 className="text-2xl font-bold text-text-primary">{title}</h2>
+                    {children}
+                </div>
+            </div>
+        </div>
+    );
+}