Add CSV export for orders and update UI symbols

Introduces an exportOrdersToCSV function in lib/api-client.ts to allow exporting orders by status as a CSV file. Updates various UI components to use the '•' (bullet) symbol instead of '·' (middle dot) and replaces some emoji/unicode characters for improved consistency and compatibility. Also normalizes the 'use client' directive to include a BOM in many files.

components/christmas-decorations.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useEffect, useState } from "react"
 import { isDecember } from "@/lib/utils/christmas"
@@ -39,30 +39,30 @@ export function ChristmasDecorations() {
             animationDuration: `${flake.duration}s`,
           }}
         >
-          ❄
+          ÔØä
         </div>
       ))}
       
       {/* Twinkling stars in corners */}
       <div className="absolute top-4 left-4 text-yellow-300 animate-twinkle text-lg">
-        ✨
+        Ô£¿
       </div>
       <div className="absolute top-4 right-4 text-yellow-300 animate-twinkle text-lg" style={{ animationDelay: '0.5s' }}>
-        ✨
+        Ô£¿
       </div>
       <div className="absolute bottom-4 left-4 text-yellow-300 animate-twinkle text-lg" style={{ animationDelay: '1s' }}>
-        ✨
+        Ô£¿
       </div>
       <div className="absolute bottom-4 right-4 text-yellow-300 animate-twinkle text-lg" style={{ animationDelay: '1.5s' }}>
-        ✨
+        Ô£¿
       </div>
 
       {/* Christmas tree emoji decorations */}
       <div className="absolute top-8 left-1/4 text-green-500/40 animate-sparkle text-xl" style={{ animationDelay: '2s' }}>
-        🎄
+        ­ƒÄä
       </div>
       <div className="absolute top-8 right-1/4 text-green-500/40 animate-sparkle text-xl" style={{ animationDelay: '3s' }}>
-        🎄
+        ­ƒÄä
       </div>
     </div>
   )