refactor: extract CodeSnippet to shared ui component

Move components/favicon/CodeSnippet.tsx → components/ui/code-snippet.tsx.
Update Favicon tool import path. Replace Animate tool's local CodeBlock
(with external copy/download buttons) with the shared CodeSnippet.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/favicon/CodeSnippet.tsx

@@ -1,35 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { Copy, Check } from 'lucide-react';
-import { toast } from 'sonner';
-
-interface CodeSnippetProps {
-  code: string;
-}
-
-export function CodeSnippet({ code }: CodeSnippetProps) {
-  const [copied, setCopied] = React.useState(false);
-
-  const handleCopy = () => {
-    navigator.clipboard.writeText(code);
-    setCopied(true);
-    toast.success('Copied to clipboard');
-    setTimeout(() => setCopied(false), 2000);
-  };
-
-  return (
-    <div className="relative group rounded-xl overflow-hidden border border-white/5" style={{ background: '#06060e' }}>
-      <button
-        onClick={handleCopy}
-        className="absolute right-3 top-3 opacity-0 group-hover:opacity-100 flex items-center gap-1 px-2 py-1 text-[10px] font-mono rounded-md border border-white/10 bg-white/5 text-white/40 hover:text-white/70 hover:border-white/20 transition-all"
-      >
-        {copied ? <Check className="w-2.5 h-2.5" /> : <Copy className="w-2.5 h-2.5" />}
-        {copied ? 'Copied' : 'Copy'}
-      </button>
-      <pre className="p-4 overflow-x-auto font-mono text-[11px] text-white/55 leading-relaxed">
-        <code>{code}</code>
-      </pre>
-    </div>
-  );
-}

components/favicon/FaviconGenerator.tsx

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Download, Loader2, Code2, Globe, Layout, FileImage } from 'lucide-react';
 import { FaviconFileUpload } from './FaviconFileUpload';
 import { ColorInput } from '@/components/ui/color-input';
-import { CodeSnippet } from './CodeSnippet';
+import { CodeSnippet } from '@/components/ui/code-snippet';
 import { generateFaviconSet } from '@/lib/favicon/faviconService';
 import { downloadBlobsAsZip } from '@/lib/media/utils/fileUtils';
 import type { FaviconSet, FaviconOptions } from '@/types/favicon';