fix

components/KeepOnline.ts

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useKeepOnline } from "@/hooks/useKeepOnline";
 
@@ -14,4 +14,4 @@ const KeepOnline = () => {
   return null;
 }
 
-export default KeepOnline;
+export default KeepOnline;

components/admin/AdminAnalytics.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import React, { useState, useEffect } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@@ -739,4 +739,4 @@ export default function AdminAnalytics() {
       </Tabs>
     </div>
   );
-} 
+} 

components/admin/BanUserCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 

components/admin/InvitationsListCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useEffect, useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 
@@ -62,7 +62,7 @@ export default function InvitationsListCard() {
                     Code: <span className="font-mono px-1.5 py-0.5 rounded bg-muted">{inv.code}</span>
                   </div>
                   <div className="text-xs text-muted-foreground">
-                    Created: {new Date(inv.createdAt).toLocaleString()} • Expires: {new Date(inv.expiresAt).toLocaleString()}
+                    Created: {new Date(inv.createdAt).toLocaleString()} · Expires: {new Date(inv.expiresAt).toLocaleString()}
                   </div>
                 </div>
                 <div className="flex items-center gap-2 shrink-0">

components/admin/InviteVendorCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 

components/admin/OrdersTable.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState } from "react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";

components/admin/RecentOrdersCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useEffect, useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 
@@ -81,7 +81,7 @@ export default function RecentOrdersCard() {
                 </div>
               </div>
               <div className="mt-1 text-xs text-muted-foreground">
-                User: {o.userId} • Total: £{Number(o.total).toFixed(2)}
+                User: {o.userId} · Total: £{Number(o.total).toFixed(2)}
               </div>
               {o.items && o.items.length > 0 && (
                 <ul className="mt-2 text-xs list-disc pl-4 text-muted-foreground">

components/admin/SystemStatusCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useEffect, useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 import { Button } from "@/components/ui/button";

components/admin/VendorsCard.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import { useEffect, useState } from "react";
 import { fetchClient } from "@/lib/api-client";
 
@@ -63,7 +63,7 @@ export default function VendorsCard() {
                   <div className="font-medium">{vendor.username}</div>
                   <div className="text-xs text-muted-foreground">
                     Created: {new Date(vendor.createdAt).toLocaleDateString()}
-                    {vendor.lastLogin && ` • Last login: ${new Date(vendor.lastLogin).toLocaleDateString()}`}
+                    {vendor.lastLogin && ` · Last login: ${new Date(vendor.lastLogin).toLocaleDateString()}`}
                   </div>
                 </div>
                 <div className="flex items-center gap-2">

components/animated-counter.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState, useEffect, useRef } from "react";
 
@@ -68,4 +68,4 @@ export function AnimatedCounter({
     : `${prefix}${displayValue.toLocaleString()}${suffix}`;
 
   return <span>{formattedValue}</span>;
-} 
+} 

components/animated-stats-section.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { Package, Users, CreditCard } from "lucide-react";
 import { AnimatedCounter } from "./animated-counter";
@@ -80,4 +80,4 @@ export function AnimatedStatsSection({ stats }: AnimatedStatsProps) {
       </div>
     </div>
   );
-} 
+} 

components/audio-preloader.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useEffect } from "react"
 

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>
   )

components/dashboard/BuyerOrderInfo.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import { Package, ShoppingBag, Info, ExternalLink, Loader2, AlertTriangle } from "lucide-react";
@@ -237,7 +237,7 @@ export default function BuyerOrderInfo({ buyerId, chatId }: BuyerOrderInfoProps)
               <div className="p-3 border-b">
                 <h4 className="font-medium text-sm">Customer Orders</h4>
                 <p className="text-xs text-muted-foreground">
-                  {orders.length} {orders.length === 1 ? 'order' : 'orders'} ÔÇó Total: {formatPrice(
+                  {orders.length} {orders.length === 1 ? 'order' : 'orders'} • Total: {formatPrice(
                     orders.reduce((sum, order) => sum + order.totalPrice, 0)
                   )}
                 </p>
@@ -279,11 +279,11 @@ export default function BuyerOrderInfo({ buyerId, chatId }: BuyerOrderInfoProps)
                     <div className="flex justify-between items-center text-xs text-muted-foreground pl-5">
                       <div className="flex gap-1">
                         <span>{order.products.length} {order.products.length === 1 ? 'product' : 'products'}</span>
-                        <span>•</span>
+                        <span>·</span>
                         <span>{formatPrice(order.totalPrice)}</span>
                         {isOrderUnderpaid(order) && (
                           <>
-                            <span>•</span>
+                            <span>·</span>
                             <span className="text-red-500">Underpaid</span>
                           </>
                         )}
@@ -299,4 +299,4 @@ export default function BuyerOrderInfo({ buyerId, chatId }: BuyerOrderInfoProps)
       </Tooltip>
     </TooltipProvider>
   );
-} 
+} 

components/dashboard/ChatDetail.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import React, { useState, useEffect, useRef } from "react";
 import { useRouter } from "next/navigation";
@@ -832,4 +832,4 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
       />
     </div>
   );
-} 
+} 

components/dashboard/ChatTable.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
@@ -420,4 +420,4 @@ export default function ChatTable() {
       )}
     </div>
   );
-} 
+} 

components/dashboard/NewChatForm.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import React, { useState, useEffect } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -350,4 +350,4 @@ export default function NewChatForm() {
       </CardContent>
     </Card>
   );
-} 
+} 

components/dashboard/content.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useState, useEffect } from "react"
 import OrderStats from "./order-stats"
@@ -75,7 +75,7 @@ export default function Content({ username, orderStats }: ContentProps) {
           {greeting}, {username}!
         </h1>
         <p className="text-muted-foreground mt-1 italic text-sm">
-          "{randomQuote.text}" ÔÇö <span className="font-medium">{randomQuote.author}</span>
+          "{randomQuote.text}" — <span className="font-medium">{randomQuote.author}</span>
         </p>
       </div>
 

components/dashboard/dashboard.tsx

@@ -1,4 +1,4 @@
-import type React from "react"
+import type React from "react"
 import Layout from "../layout/layout"
 
 export default function Dashboard({ children }: { children: React.ReactNode }) {

components/dashboard/order-stats.tsx

@@ -1,4 +1,4 @@
-import type { LucideIcon } from "lucide-react"
+import type { LucideIcon } from "lucide-react"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 
 interface OrderStatsProps {

components/dashboard/page-loading.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { Skeleton } from "@/components/ui/skeleton";
 import { Card } from "@/components/ui/card";
@@ -113,4 +113,4 @@ export default function PageLoading({
       </Card>
     </div>
   );
-} 
+} 

components/dashboard/promotions/EditPromotionForm.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { z } from 'zod';
@@ -464,4 +464,4 @@ export default function EditPromotionForm({ promotion, onSuccess, onCancel }: Ed
       </form>
     </Form>
   );
-} 
+} 

components/dashboard/promotions/NewPromotionForm.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { z } from 'zod';
@@ -459,4 +459,4 @@ export default function NewPromotionForm({ onSuccess, onCancel }: NewPromotionFo
       </form>
     </Form>
   );
-} 
+} 

components/dashboard/promotions/ProductSelector.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect, useRef } from 'react';
 import { Check, ChevronDown, X, Search } from 'lucide-react';
@@ -248,4 +248,4 @@ export default function ProductSelector({
       )}
     </div>
   );
-}
+}

components/dashboard/promotions/PromotionDetailsModal.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { 
@@ -222,7 +222,7 @@ export default function PromotionDetailsModal({
                     <div className="flex items-center justify-between mb-2">
                       <span className="text-sm font-medium">Current Usage</span>
                       <span className="text-sm text-muted-foreground">
-                        {promotion.usageCount} / {promotion.maxUsage || 'Ôê×'}
+                        {promotion.usageCount} / {promotion.maxUsage || '∞'}
                       </span>
                     </div>
                     <div className="w-full bg-gray-200 rounded-full h-2">
@@ -382,4 +382,4 @@ export default function PromotionDetailsModal({
       </DialogContent>
     </Dialog>
   );
-}
+}

components/dashboard/promotions/PromotionsList.tsx

@@ -1,4 +1,4 @@
-'use client';
+'use client';
 
 import { useState, useEffect } from 'react';
 import { Plus, Tag, RefreshCw, Trash, Edit, Check, X, Eye } from 'lucide-react';
@@ -184,7 +184,7 @@ export default function PromotionsList() {
                         : 'None'}
                     </TableCell>
                     <TableCell>
-                      {promotion.usageCount} / {promotion.maxUsage || 'Ôê×'}
+                      {promotion.usageCount} / {promotion.maxUsage || '∞'}
                     </TableCell>
                     <TableCell>{formatDate(promotion.endDate)}</TableCell>
                     <TableCell>
@@ -306,4 +306,4 @@ export default function PromotionsList() {
       />
     </>
   );
-} 
+} 

components/dashboard/promotions/PromotionsPageSkeleton.tsx

@@ -1,4 +1,4 @@
-import {
+import {
   Table,
   TableBody,
   TableCell,
@@ -59,4 +59,4 @@ export default function PromotionsPageSkeleton() {
       </Card>
     </div>
   );
-} 
+} 

components/home-navbar.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
@@ -89,4 +89,4 @@ export function HomeNavbar() {
       )}
     </header>
   );
-} 
+} 

components/layout/KeepOnlineWrapper.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { usePathname } from "next/navigation";
 import KeepOnline from "@/components/KeepOnline";
@@ -14,4 +14,4 @@ const KeepOnlineWrapper = () => {
   return <KeepOnline />;
 };
 
-export default KeepOnlineWrapper; 
+export default KeepOnlineWrapper; 

components/layout/layout.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useState, useEffect } from "react"
 import { useTheme } from "next-themes"

components/layout/nav-item.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import Link from "next/link"
 import { usePathname } from "next/navigation"
@@ -65,4 +65,4 @@ export const NavItem: React.FC<NavItemProps> = ({ href, icon: Icon, children, on
       {children}
     </Link>
   )
-}
+}

components/layout/sidebar.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useState } from "react"
 import Link from "next/link"

components/layout/theme-provider.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 import { ThemeProvider as NextThemesProvider } from "next-themes"
 import type { ThemeProviderProps } from "next-themes"
 

components/modals/broadcast-dialog.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState, useRef } from "react";
 import { Button } from "@/components/ui/button";
@@ -350,4 +350,4 @@ __italic text__
       </DialogContent>
     </Dialog>
   );
-}
+}

components/modals/image-viewer-modal.tsx

@@ -1,4 +1,4 @@
-import { Dialog, DialogContent } from "@/components/ui/dialog";
+import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { ChevronLeft, ChevronRight, X } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { useEffect } from "react";
@@ -96,4 +96,4 @@ export function ImageViewerModal({ isOpen, onClose, imageUrl, onNavigate }: Imag
       </DialogContent>
     </Dialog>
   );
-} 
+} 

components/modals/import-products-modal.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
@@ -65,7 +65,7 @@ export default function ImportProductsModal({ open, setOpen, onImportComplete }:
         const [name] = productInfo.split("\n");
         if (!name) continue;
 
-        const [category, subcategory] = productInfo.split("\n")[1].split("ÔÇó")[0].split("->")
+        const [category, subcategory] = productInfo.split("\n")[1].split("•")[0].split("->")
           .map(item => item.trim());
 
         if (!category || !subcategory) continue;
@@ -193,4 +193,4 @@ export default function ImportProductsModal({ open, setOpen, onImportComplete }:
       </DialogContent>
     </Dialog>
   );
-} 
+} 

components/modals/product-modal.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState, useEffect } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
@@ -320,7 +320,7 @@ const ProductBasicInfo: React.FC<{
     </div>
 
     <div className="bg-background rounded-lg border border-border p-4">
-      <h3 className="text-sm font-medium mb-4">­ƒÆ░ Cost & Profit Tracking</h3>
+      <h3 className="text-sm font-medium mb-4">💰 Cost & Profit Tracking</h3>
       <p className="text-xs text-muted-foreground mb-4">
         Track your costs to automatically calculate profit margins and markup percentages.
       </p>
@@ -474,4 +474,4 @@ const UnitTypeSelect: React.FC<{
       </Button>
     </div>
   </div>
-);
+);

components/modals/product-selector.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState, useEffect } from "react";
 import { Button } from "@/components/ui/button";
@@ -127,4 +127,4 @@ export default function ProductSelector({ selectedProducts, onSelectionChange }:
       )}
     </div>
   );
-} 
+} 

components/modals/profit-analysis-modal.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useState, useEffect } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";

components/modals/shipping-modal.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { ChangeEvent, FormEvent } from "react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
@@ -9,7 +9,7 @@ import { ShippingData } from "@/lib/types";
 interface ShippingModalProps {
   open: boolean;
   onClose: () => void;
-  onSave: (shippingData: ShippingData) => void; //  Allow passing shippingData
+  onSave: (shippingData: ShippingData) => void; // ✅ Allow passing shippingData
   shippingData: ShippingData;
   setShippingData: React.Dispatch<React.SetStateAction<ShippingData>>;
   editing: boolean;

components/snow-loader.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { useEffect, useState } from "react"
 import { isDecember } from "@/lib/utils/christmas"
@@ -45,7 +45,7 @@ export function SnowLoader({ className = "", count = 20 }: SnowLoaderProps) {
             fontSize: `${flake.size}rem`,
           }}
         >
-          ÔØä
+          ❄
         </div>
       ))}
     </div>

components/tables/order-table.tsx

@@ -34,7 +34,9 @@ import {
 } from "lucide-react";
 import Link from "next/link";
 import { clientFetch } from '@/lib/api';
+import { exportOrdersToCSV } from '@/lib/api-client';
 import { toast } from "sonner";
+import { Download } from "lucide-react";
 import { Checkbox } from "@/components/ui/checkbox";
 import {
   AlertDialog,
@@ -140,6 +142,7 @@ export default function OrderTable() {
   const [itemsPerPage, setItemsPerPage] = useState<number>(20);
   const pageSizeOptions = [5, 10, 15, 20, 25, 50, 75, 100];
   const [refreshTrigger, setRefreshTrigger] = useState(0);
+  const [exporting, setExporting] = useState(false);
 
   // Add order refresh subscription
   useEffect(() => {
@@ -351,6 +354,25 @@ export default function OrderTable() {
     toast.success("Orders refreshed");
   };
 
+  // Handle CSV export
+  const handleExportCSV = async () => {
+    if (statusFilter === "all") {
+      toast.error("Please select a specific status to export");
+      return;
+    }
+
+    try {
+      setExporting(true);
+      await exportOrdersToCSV(statusFilter);
+      toast.success(`Orders exported successfully!`);
+    } catch (error) {
+      console.error("Error exporting orders:", error);
+      toast.error("Failed to export orders");
+    } finally {
+      setExporting(false);
+    }
+  };
+
   // Add periodic refresh for underpaid orders
   useEffect(() => {
     // Check if we have any underpaid orders
@@ -384,6 +406,27 @@ export default function OrderTable() {
                 onChange={(value) => handleItemsPerPageChange({ target: { value } } as React.ChangeEvent<HTMLSelectElement>)}
                 options={pageSizeOptions}
               />
+
+              {statusFilter !== "all" && (
+                <Button
+                  onClick={handleExportCSV}
+                  disabled={exporting}
+                  variant="outline"
+                  size="sm"
+                >
+                  {exporting ? (
+                    <>
+                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                      Exporting...
+                    </>
+                  ) : (
+                    <>
+                      <Download className="mr-2 h-4 w-4" />
+                      Export CSV
+                    </>
+                  )}
+                </Button>
+              )}
             </div>
             
             <div className="flex items-center gap-2 self-end lg:self-auto">

components/theme-switcher.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
@@ -27,4 +27,4 @@ export function ThemeSwitcher() {
       )}
     </Button>
   );
-} 
+} 

components/theme-toggle.tsx

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

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"