feat(ui): add dynamic window title and sprite-based project/file icons (#529)

* feat(ui): add dynamic titles and sprite-based project/file icons

* feat(files): add viewer syntax fallback and tab file icons

* fix(files): restore file viewer highlighting and add diff file icons

* feat(git): add file icons and async file-viewer syntax fallback

* fix(files): force codemirror token colors in file viewer

* feat(files): add shiki view mode for file viewer

* fix(files): force codemirror parse after programmatic content updates

* feat(files): support markdown frontmatter preview

* feat(chat): use pierre diffs for tool previews

* feat(chat): add configurable beautiful-mermaid rendering

* feat(perf): virtualize chat rendering and add react-scan toggle

* feat(build): enable React Compiler in Vite React apps

* fix(chat): reduce rerenders from tooltips and streamed activity

* fix(ui): make MessageList React Compiler safe

* chore(ui): batch commit remaining pending ui updates

* fix: polish chat and diff preview rendering

- Keep Mermaid action buttons fixed while diagram content scrolls
- Align Diff All Files headers and match Git-style path truncation
- Default chat tool diffs to unified view with lightweight indicators disabled

* fix: preserve file tree expansion and delay git action label collapse

* fix: refine project icon controls in settings

---------

Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>

packages/ui/src/components/icons/FileTypeIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { cn } from '@/lib/utils';
+import { getFileTypeIconHref } from '@/lib/fileTypeIcons';
+import { useOptionalThemeSystem } from '@/contexts/useThemeSystem';
+
+type FileTypeIconProps = {
+  filePath: string;
+  extension?: string;
+  className?: string;
+};
+
+export const FileTypeIcon: React.FC<FileTypeIconProps> = ({ filePath, extension, className }) => {
+  const theme = useOptionalThemeSystem();
+  const variant = theme?.currentTheme.metadata.variant === 'light' ? 'light' : 'dark';
+  const iconHref = getFileTypeIconHref(filePath, { extension, themeVariant: variant });
+
+  return (
+    <svg
+      className={cn('h-4 w-4 flex-shrink-0', className)}
+      aria-hidden="true"
+      focusable="false"
+    >
+      <use href={iconHref} xlinkHref={iconHref} />
+    </svg>
+  );
+};