Improve emoji handling and text display in previews and generated images

Refactor emoji removal logic into a shared utility and update dependencies.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: 59d8c635-691c-42a3-b368-902e8f16eeee
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/Q6FJ7Lw

client/src/components/preview-modal.tsx

@@ -4,6 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { ChevronLeft, ChevronRight, Send, Facebook, Instagram, Heart, MessageCircle, Share2, Bookmark } from 'lucide-react';
 import type { Media } from '@shared/schema';
+import { removeEmojis } from '@shared/emoji';
 
 interface PreviewModalProps {
   open: boolean;
@@ -222,19 +223,6 @@ export function PreviewModal({
     </div>
   );
 
-  /**
-   * Removes emojis from text since they don't display well in some contexts
-   */
-  const removeEmojis = (text: string): string => {
-    return text
-      .replace(/[\u2600-\u26FF]/g, '') // Misc symbols
-      .replace(/[\u2700-\u27BF]/g, '') // Dingbats
-      .replace(/[\uD800-\uDFFF]/g, '') // Surrogate pairs (emoji range)
-      .replace(/[\uFE00-\uFE0F]/g, '') // Variation selectors
-      .replace(/\s+/g, ' ') // Normalize whitespace
-      .trim();
-  };
-
   const wrapText = (text: string, maxWidth: number, fontSize: number): string[] => {
     const canvas = document.createElement('canvas');
     const ctx = canvas.getContext('2d');