Phase 0.2: migrate remaining SVGs to lucide-react icons

frontend/src/components/comm/blocks/ContactCardBlock.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { MessageBlock } from '@/store/commStore';
+import { ChevronRight } from 'lucide-react';
 
 interface ContactCardBlockProps {
   block: MessageBlock;
@@ -31,20 +32,7 @@ const ContactCardBlock: React.FC<ContactCardBlockProps> = ({ block }) => {
         <p className="text-sm font-medium text-secondary-700 truncate">{contactName}</p>
         <p className="text-xs text-secondary-400">Kontakt anzeigen</p>
       </div>
-      <svg
-        className="w-4 h-4 text-secondary-400 flex-shrink-0"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke="currentColor"
-        aria-hidden="true"
-      >
-        <path
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={2}
-          d="M9 5l7 7-7 7"
-        />
-      </svg>
+      <ChevronRight className="w-4 h-4 text-secondary-400 flex-shrink-0" aria-hidden="true" strokeWidth={2} />
     </a>
   );
 };

frontend/src/components/comm/blocks/FileBlock.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { MessageBlock } from '@/store/commStore';
+import { Download, FileText } from 'lucide-react';
 
 interface FileBlockProps {
   block: MessageBlock;
@@ -14,37 +15,11 @@ function formatFileSize(bytes: number | undefined): string {
 }
 
 const fileIcon = (
-  <svg
-    className="w-8 h-8 text-secondary-400"
-    fill="none"
-    viewBox="0 0 24 24"
-    stroke="currentColor"
-    aria-hidden="true"
-  >
-    <path
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z M14 2v6h6 M8 13h8 M8 17h5"
-    />
-  </svg>
+  <FileText className="w-8 h-8 text-secondary-400" aria-hidden="true" strokeWidth={1.5} />
 );
 
 const downloadIcon = (
-  <svg
-    className="w-4 h-4"
-    fill="none"
-    viewBox="0 0 24 24"
-    stroke="currentColor"
-    aria-hidden="true"
-  >
-    <path
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={2}
-      d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
-    />
-  </svg>
+  <Download className="w-4 h-4" aria-hidden="true" strokeWidth={2} />
 );
 
 const FileBlock: React.FC<FileBlockProps> = ({ block }) => {

frontend/src/components/comm/blocks/MiniAppBlock.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { MessageBlock } from '@/store/commStore';
 
+import { AppWindow } from 'lucide-react';
+
 interface MiniAppBlockProps {
   block: MessageBlock;
 }
@@ -14,20 +16,7 @@ const MiniAppBlock: React.FC<MiniAppBlockProps> = ({ block }) => {
   return (
     <div className="border-2 border-dashed border-secondary-300 rounded-lg p-4 text-center bg-secondary-50">
       <div className="flex flex-col items-center gap-2">
-        <svg
-          className="w-8 h-8 text-secondary-400"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-          aria-hidden="true"
-        >
-          <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth={1.5}
-            d="M4 6a2 2 0 012-2h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6z M9 9h6v6H9z"
-          />
-        </svg>
+        <AppWindow className="w-8 h-8 text-secondary-400" aria-hidden="true" strokeWidth={1.5} />
         <p className="text-sm font-medium text-secondary-600">
           Mini-App: {appId}
         </p>