feat(ui): Midnight Glass v2 마감 — lucide 아이콘 통일 + 몰입 패널 웨이브 + 팝업 정합

- @mui/icons-material → lucide-react 전환 (23파일, 잔여 0)
- VoiceRecordingPanel: 9바 DOM 웨이브 → GradientWave (canvas)
- Vanilla 팝업 5종 style.css v2 정합 (글래스 네이비/헤어라인/블루,
  CSS 변수 주입 구조 유지 — 테마 반응형 보존)

apps/desktop/src/renderer/components/shared/HistoryEntryCard.tsx

@@ -4,12 +4,7 @@
 
 import { useState, useEffect, useCallback } from 'react'
 import { Box, IconButton, Tooltip, Chip } from '@mui/material'
-import ContentCopyIcon from '@mui/icons-material/ContentCopy'
-import DeleteIcon from '@mui/icons-material/Delete'
-import LocalOfferIcon from '@mui/icons-material/LocalOffer'
-import CloseIcon from '@mui/icons-material/Close'
-import SummarizeIcon from '@mui/icons-material/Summarize'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { Copy, Trash2, Tag, X, ScrollText, ChevronDown } from 'lucide-react'
 import { MetalCard, Led } from '@d3ro/ui/components/ds'
 import { d3roPalette, d3roFontMono, d3roTypo, d3roRadius } from '@d3ro/ui/theme'
 import { useI18n } from '@d3ro/i18n'
@@ -149,7 +144,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
             <span>{entry.mode.toUpperCase()}</span>
             {hasSummary && (
               <Chip
-                icon={<SummarizeIcon sx={{ fontSize: '12px !important' }} />}
+                icon={<ScrollText size={12} />}
                 label={t('meetingSummary.title')}
                 size="small"
                 onClick={handleToggleSummary}
@@ -176,7 +171,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
                   size="small"
                   onClick={() => onTagClick?.(tag.tag)}
                   onDelete={() => handleRemoveTag(tag.tag)}
-                  deleteIcon={<CloseIcon sx={{ fontSize: '12px !important' }} />}
+                  deleteIcon={<X size={12} />}
                   sx={{
                     height: 20,
                     fontFamily: d3roFontMono,
@@ -219,7 +214,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
                     onClick={() => setShowTagInput(true)}
                     sx={{ p: 0.25, color: d3roPalette.text.muted, '&:hover': { color: d3roPalette.accent.amber } }}
                   >
-                    <LocalOfferIcon sx={{ fontSize: 14 }} />
+                    <Tag size={14} />
                   </IconButton>
                 </Tooltip>
               )}
@@ -234,7 +229,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
                 onClick={() => onCopy(displayText)}
                 sx={{ color: d3roPalette.text.inactive, '&:hover': { color: d3roPalette.accent.amber } }}
               >
-                <ContentCopyIcon sx={{ fontSize: 16 }} />
+                <Copy size={16} />
               </IconButton>
             </Tooltip>
           )}
@@ -245,7 +240,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
                 onClick={() => onDelete(entry.id)}
                 sx={{ color: d3roPalette.text.inactive, '&:hover': { color: d3roPalette.tag.red } }}
               >
-                <DeleteIcon sx={{ fontSize: 16 }} />
+                <Trash2 size={16} />
               </IconButton>
             </Tooltip>
           )}
@@ -290,7 +285,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
               <Box sx={{ display: 'flex', gap: 1, mt: 1 }}>
                 <Tooltip title={t('meetingSummary.exportMarkdown')} arrow>
                   <IconButton size="small" onClick={handleExportSummary} sx={{ color: d3roPalette.text.inactive, '&:hover': { color: d3roPalette.accent.amber } }}>
-                    <SummarizeIcon sx={{ fontSize: 14 }} />
+                    <ScrollText size={14} />
                   </IconButton>
                 </Tooltip>
               </Box>
@@ -324,7 +319,7 @@ export function HistoryEntryCard({ entry, onCopy, onDelete, showTags = false, on
           sx={{ mt: 1, textAlign: 'center', cursor: 'pointer', color: d3roPalette.text.muted, '&:hover': { color: d3roPalette.accent.amber } }}
           onClick={handleToggleSummary}
         >
-          <ExpandMoreIcon sx={{ fontSize: 16 }} />
+          <ChevronDown size={16} />
         </Box>
       )}
     </MetalCard>

apps/desktop/src/renderer/components/shared/SearchInput.tsx

@@ -2,7 +2,7 @@
 // 공유: 모노 폰트 검색 입력 필드
 
 import { TextField, InputAdornment } from '@mui/material'
-import SearchIcon from '@mui/icons-material/Search'
+import { Search } from 'lucide-react'
 import { d3roPalette, d3roFontMono, d3roTypo } from '@d3ro/ui/theme'
 
 interface SearchInputProps {
@@ -30,7 +30,7 @@ export function SearchInput({ value, onChange, placeholder }: SearchInputProps):
         input: {
           startAdornment: (
             <InputAdornment position="start">
-              <SearchIcon sx={{ color: d3roPalette.text.inactive, fontSize: 18 }} />
+              <Search size={18} style={{ color: d3roPalette.text.inactive }} />
             </InputAdornment>
           ),
         },