feat(app): Add Create Seed tab and enhance Seed Blender workflow

This major update introduces a new "Create" tab for generating fresh BIP39 mnemonic seeds and significantly improves the entire application workflow, particularly the interaction with the Seed Blender.

**✨ New Features & Enhancements**

*   **Create Seed Tab**:
    *   Add a new "Create" tab as the default view for generating 12 or 24-word BIP39 seeds.
    *   Implement a destination selector, allowing users to send the newly generated seed directly to the "Backup" tab for encryption or to the "Seed Blender" for advanced operations.
    *   The UI automatically switches to the chosen destination tab after generation for a seamless workflow.

*   **Seed Blender Integration**:
    *   Generated seeds sent to the Seed Blender are now automatically added to the list of inputs.
    *   The Seed Blender's state is now preserved when switching between tabs, preventing data loss and allowing users to accumulate seeds from the Create tab.

*   **Global Reset Functionality**:
    *   A "Reset All" button has been added to the main header for a global application reset.
    *   This action clears all component states (including the Seed Blender's internal state), passwords, generated data, and the in-memory session key, returning the app to a fresh initial state.

*   **UI/UX Polish**:
    *   The "Use This Seed for Backup" button in the Seed Blender has been restyled to match the application's cyberpunk aesthetic and its text clarified.
    *   The "Create" tab UI is cleared automatically after a seed is generated and the user is navigated away, ensuring a clean slate for the next use.

**🔒 Security Fixes**

*   **Auto-Clear Passwords**: Password and passphrase fields in both the "Backup" and "Restore" tabs are now automatically cleared from the UI and state after a successful encryption or decryption operation. This prevents sensitive data from lingering in the application.
*   **Robust Seed Generation**: The seed generation process now uses the secure `crypto.getRandomValues` Web API to generate entropy before converting it to a mnemonic.

**🐛 Bug Fixes**

*   **Seed Blender State**:
    *   Fixed a critical bug where the Seed Blender's internal state was lost when switching tabs. The component is now kept mounted but hidden via CSS.
    *   Resolved an issue where a seed sent from the "Create" tab could be added multiple times to the blender. A `useRef` guard now prevents duplicates.
    *   Corrected a race condition where transferring a blended seed to the "Backup" tab would clear the blender's state before the data could be used. The auto-clear has been removed in favor of the manual "Reset All" button.

src/components/Header.tsx

@@ -1,21 +1,21 @@
 import React from 'react';
-import { Shield, Lock } from 'lucide-react';
+import { Shield, Lock, RefreshCw } from 'lucide-react';
 import SecurityBadge from './badges/SecurityBadge';
 import StorageBadge from './badges/StorageBadge';
 import ClipboardBadge from './badges/ClipboardBadge';
 import EditLockBadge from './badges/EditLockBadge';
 
 interface StorageItem {
-    key: string;
-    value: string;
-    size: number;
-    isSensitive: boolean;
+  key: string;
+  value: string;
+  size: number;
+  isSensitive: boolean;
 }
 
 interface ClipboardEvent {
-    timestamp: Date;
-    field: string;
-    length: number;
+  timestamp: Date;
+  field: string;
+  length: number;
 }
 
 interface HeaderProps {
@@ -25,29 +25,31 @@ interface HeaderProps {
   sessionItems: StorageItem[];
   events: ClipboardEvent[];
   onOpenClipboardModal: () => void;
-  activeTab: 'backup' | 'restore' | 'seedblender';
-  onRequestTabChange: (tab: 'backup' | 'restore' | 'seedblender') => void;
+  activeTab: 'create' | 'backup' | 'restore' | 'seedblender';
+  onRequestTabChange: (tab: 'create' | 'backup' | 'restore' | 'seedblender') => void;
   encryptedMnemonicCache: any;
   handleLockAndClear: () => void;
   appVersion: string;
   isLocked: boolean;
   onToggleLock: () => void;
+  onResetAll: () => void; // NEW
 }
 
-const Header: React.FC<HeaderProps> = ({ 
-    onOpenSecurityModal, 
-    onOpenStorageModal, 
-    localItems, 
-    sessionItems, 
-    events, 
-    onOpenClipboardModal,
-    activeTab,
-    onRequestTabChange,
-    encryptedMnemonicCache,
-    handleLockAndClear,
-    appVersion,
-    isLocked,
-    onToggleLock
+const Header: React.FC<HeaderProps> = ({
+  onOpenSecurityModal,
+  onOpenStorageModal,
+  localItems,
+  sessionItems,
+  events,
+  onOpenClipboardModal,
+  activeTab,
+  onRequestTabChange,
+  encryptedMnemonicCache,
+  handleLockAndClear,
+  appVersion,
+  isLocked,
+  onToggleLock,
+  onResetAll
 }) => {
   return (
     <header className="sticky top-0 z-50 bg-[#0a0a0f] border-b border-[#00f0ff]/30 backdrop-blur-sm">
@@ -81,34 +83,52 @@ const Header: React.FC<HeaderProps> = ({
           {/* Right: Action Buttons */}
           <div className="flex items-center gap-3">
             {encryptedMnemonicCache && (
-                <button
-                    onClick={handleLockAndClear}
-                    className="flex items-center gap-2 text-sm text-[#ff006e] bg-[#16213e] px-3 py-1.5 rounded-lg hover:bg-[#ff006e]/20 border-2 border-[#ff006e]/50 transition-all hover:shadow-[0_0_15px_rgba(255,0,110,0.5)]"
-                >
-                    <Lock size={16} />
-                    <span>Lock/Clear</span>
-                </button>
+              <button
+                onClick={handleLockAndClear}
+                className="flex items-center gap-2 text-sm text-[#ff006e] bg-[#16213e] px-3 py-1.5 rounded-lg hover:bg-[#ff006e]/20 border-2 border-[#ff006e]/50 transition-all hover:shadow-[0_0_15px_rgba(255,0,110,0.5)]"
+              >
+                <Lock size={16} />
+                <span>Lock/Clear</span>
+              </button>
             )}
-                        <button
-                          className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'backup' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
-                          style={activeTab === 'backup' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
-                          onClick={() => onRequestTabChange('backup')}
-                        >
-                          Backup
-                        </button>            <button 
+            {/* Reset All button - left side */}
+            <button
+              onClick={onResetAll}
+              className="px-4 py-2 bg-[#16213e] border-2 border-[#ff006e] text-[#ff006e] rounded-lg font-medium hover:bg-[#ff006e] hover:text-white transition-all flex items-center gap-2"
+            >
+              <RefreshCw size={16} />
+              Reset All
+            </button>
+            {encryptedMnemonicCache && (
+              <div className="h-8 w-px bg-[#00f0ff]/30 mx-2"></div>
+            )}
+            <button
+              className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'create' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
+              style={activeTab === 'create' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
+              onClick={() => onRequestTabChange('create')}
+            >
+              Create
+            </button>
+            <button
+              className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'backup' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
+              style={activeTab === 'backup' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
+              onClick={() => onRequestTabChange('backup')}
+            >
+              Backup
+            </button>            <button
               className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'restore' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
               style={activeTab === 'restore' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
               onClick={() => onRequestTabChange('restore')}
             >
               Restore
             </button>
-                        <button
-                          className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'seedblender' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
-                          style={activeTab === 'seedblender' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
-                          onClick={() => onRequestTabChange('seedblender')}
-                        >
-                          Seed Blender
-                        </button>          </div>
+            <button
+              className={`px-4 py-2 rounded-lg font-medium ${activeTab === 'seedblender' ? 'bg-[#1a1a2e] text-[#00f0ff] border-b-2 border-[#ff006e] shadow-[0_0_15px_rgba(255,0,110,0.5)] relative' : 'bg-[#0a0a0f] text-[#9d84b7] hover:text-[#6ef3f7] hover:bg-[#16213e] transition-all'}`}
+              style={activeTab === 'seedblender' ? { textShadow: '0 0 10px rgba(0,240,255,0.8)' } : undefined}
+              onClick={() => onRequestTabChange('seedblender')}
+            >
+              Seed Blender
+            </button>          </div>
         </div>
 
         {/* Mobile: Stack monitoring badges */}