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/ui/accordion.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"

components/ui/alert-dialog.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"

components/ui/alert.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils/styles";

components/ui/avatar.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as AvatarPrimitive from "@radix-ui/react-avatar"

components/ui/badge.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/lib/utils/styles";
@@ -35,4 +35,4 @@ function Badge({ className, variant, ...props }: BadgeProps) {
   );
 }
 
-export { Badge, badgeVariants };
+export { Badge, badgeVariants };

components/ui/breadcrumb.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { ChevronRight, MoreHorizontal } from "lucide-react"
 

components/ui/button.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 

components/ui/calendar.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import { ChevronLeft, ChevronRight } from "lucide-react"

components/ui/card.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils/general"
 

components/ui/carousel.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import useEmblaCarousel, {

components/ui/chart.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"

components/ui/checkbox.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox"

components/ui/collapsible.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
 

components/ui/command.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import { type DialogProps } from "@radix-ui/react-dialog"

components/ui/context-menu.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu"

components/ui/date-picker.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import { format, addDays, startOfDay, endOfDay, isSameDay, isWithinInterval, getMonth, getYear, setMonth, setYear } from "date-fns"
@@ -410,4 +410,4 @@ export function DateRangeDisplay({ dateRange }: { dateRange?: DateRange }) {
       </span>
     </div>
   )
-} 
+} 

components/ui/dialog.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as DialogPrimitive from "@radix-ui/react-dialog"

components/ui/drawer.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import { Drawer as DrawerPrimitive } from "vaul"

components/ui/dropdown-menu.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"

components/ui/form.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"

components/ui/input.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils/styles";
 

components/ui/label.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"

components/ui/menubar.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as MenubarPrimitive from "@radix-ui/react-menubar"

components/ui/navigation-menu.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
 import { cva } from "class-variance-authority"
 import { ChevronDown } from "lucide-react"

components/ui/pagination.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
 
 import { cn } from "@/lib/utils/styles";

components/ui/popover.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as PopoverPrimitive from "@radix-ui/react-popover"

components/ui/progress.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as ProgressPrimitive from "@radix-ui/react-progress"

components/ui/radio-group.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"

components/ui/resizable.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { GripVertical } from "lucide-react"
 import * as ResizablePrimitive from "react-resizable-panels"

components/ui/scroll-area.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"

components/ui/select.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as SelectPrimitive from "@radix-ui/react-select"

components/ui/separator.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"

components/ui/sheet.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as SheetPrimitive from "@radix-ui/react-dialog"

components/ui/sidebar.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"

components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils/styles";
+import { cn } from "@/lib/utils/styles";
 
 function Skeleton({
   className,

components/ui/slider.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as SliderPrimitive from "@radix-ui/react-slider"

components/ui/switch.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as SwitchPrimitives from "@radix-ui/react-switch"

components/ui/table.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils/styles";
 

components/ui/tabs.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"

components/ui/textarea.tsx

@@ -1,4 +1,4 @@
-import * as React from "react"
+import * as React from "react"
 
 import { cn } from "@/lib/utils/styles";
 

components/ui/toast.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as ToastPrimitives from "@radix-ui/react-toast"

components/ui/toggle-group.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"

components/ui/toggle.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as TogglePrimitive from "@radix-ui/react-toggle"

components/ui/tooltip.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import * as React from "react"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"

components/ui/use-toast.ts

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 // Inspired by react-hot-toast library
 import * as React from "react"