Enhance README and UI Components for Performance and Features

- Updated README.md to highlight MLX backend performance improvements on Mac with Metal acceleration.
- Refined ProfileCard and ProfileForm components by optimizing imports and improving error handling for avatar uploads.
- Adjusted landing page content to better describe features, including a new multi-voice narrative editor and performance optimizations for different platforms.
- Bumped version to 0.1.11 in Cargo.lock to reflect recent changes.

app/src/components/VoiceProfiles/ProfileCard.tsx

@@ -1,6 +1,5 @@
 import { Download, Edit, Mic, Trash2 } from 'lucide-react';
 import { useState } from 'react';
-import { useServerStore } from '@/stores/serverStore';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -16,6 +15,7 @@ import {
 import type { VoiceProfileResponse } from '@/lib/api/types';
 import { useDeleteProfile, useExportProfile } from '@/lib/hooks/useProfiles';
 import { cn } from '@/lib/utils/cn';
+import { useServerStore } from '@/stores/serverStore';
 import { useUIStore } from '@/stores/uiStore';
 
 interface ProfileCardProps {
@@ -35,9 +35,7 @@ export function ProfileCard({ profile }: ProfileCardProps) {
 
   const isSelected = selectedProfileId === profile.id;
 
-  const avatarUrl = profile.avatar_path
-    ? `${serverUrl}/profiles/${profile.id}/avatar`
-    : null;
+  const avatarUrl = profile.avatar_path ? `${serverUrl}/profiles/${profile.id}/avatar` : null;
 
   const handleSelect = () => {
     setSelectedProfileId(isSelected ? null : profile.id);
@@ -81,7 +79,7 @@ export function ProfileCard({ profile }: ProfileCardProps) {
                   alt={`${profile.name} avatar`}
                   className={cn(
                     'h-full w-full object-cover transition-all duration-200',
-                    !isSelected && 'grayscale'
+                    !isSelected && 'grayscale',
                   )}
                   onError={() => setAvatarError(true)}
                 />

app/src/components/VoiceProfiles/ProfileForm.tsx

@@ -45,8 +45,8 @@ import { useSystemAudioCapture } from '@/lib/hooks/useSystemAudioCapture';
 import { useTranscription } from '@/lib/hooks/useTranscription';
 import { isTauri } from '@/lib/tauri';
 import { formatAudioDuration, getAudioDuration } from '@/lib/utils/audio';
-import { type ProfileFormDraft, useUIStore } from '@/stores/uiStore';
 import { useServerStore } from '@/stores/serverStore';
+import { type ProfileFormDraft, useUIStore } from '@/stores/uiStore';
 import { AudioSampleRecording } from './AudioSampleRecording';
 import { AudioSampleSystem } from './AudioSampleSystem';
 import { AudioSampleUpload } from './AudioSampleUpload';
@@ -427,7 +427,8 @@ export function ProfileForm() {
           } catch (avatarError) {
             toast({
               title: 'Avatar upload failed',
-              description: avatarError instanceof Error ? avatarError.message : 'Failed to upload avatar',
+              description:
+                avatarError instanceof Error ? avatarError.message : 'Failed to upload avatar',
               variant: 'destructive',
             });
           }
@@ -520,7 +521,8 @@ export function ProfileForm() {
             } catch (avatarError) {
               toast({
                 title: 'Avatar upload failed',
-                description: avatarError instanceof Error ? avatarError.message : 'Failed to upload avatar',
+                description:
+                  avatarError instanceof Error ? avatarError.message : 'Failed to upload avatar',
                 variant: 'destructive',
               });
             }