diff --git a/src/App.css b/src/App.css
index b9d355d..9c7629a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -11,9 +11,11 @@
   will-change: filter;
   transition: filter 300ms;
 }
+
 .logo:hover {
   filter: drop-shadow(0 0 2em #646cffaa);
 }
+
 .logo.react:hover {
   filter: drop-shadow(0 0 2em #61dafbaa);
 }
@@ -22,6 +24,7 @@
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
@@ -39,4 +42,4 @@
 
 .read-the-docs {
   color: #888;
-}
+}
\ No newline at end of file
diff --git a/src/components/BatchTransactionForm.tsx b/src/components/BatchTransactionForm.tsx
index 70cef6a..d331da8 100644
--- a/src/components/BatchTransactionForm.tsx
+++ b/src/components/BatchTransactionForm.tsx
@@ -32,11 +32,11 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
   const [pastedData, setPastedData] = useState('');
   const [transactionGroups, setTransactionGroups] = useState<TransactionGroup[]>([]);
   const [duplicatesFound, setDuplicatesFound] = useState(0);
-  
+
   // Filter jobs that are either running, selling, or tracked
-  const eligibleJobs = jobs.filter(job => 
-    job.status === IndJobStatusOptions.Running || 
-    job.status === IndJobStatusOptions.Selling || 
+  const eligibleJobs = jobs.filter(job =>
+    job.status === IndJobStatusOptions.Running ||
+    job.status === IndJobStatusOptions.Selling ||
     job.status === IndJobStatusOptions.Tracked
   );
 
@@ -46,7 +46,7 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
     if (exactMatch) return exactMatch.id;
 
     // Then try case-insensitive match
-    const caseInsensitiveMatch = eligibleJobs.find(job => 
+    const caseInsensitiveMatch = eligibleJobs.find(job =>
       job.outputItem.toLowerCase() === itemName.toLowerCase()
     );
     if (caseInsensitiveMatch) return caseInsensitiveMatch.id;
@@ -69,7 +69,7 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
       parsed.buyer,
       parsed.location
     ].join('|');
-    console.log('Created key from parsed transaction:', { 
+    console.log('Created key from parsed transaction:', {
       key,
       date: normalizeDate(parsed.date.toISOString()),
       itemName: parsed.itemName,
@@ -128,13 +128,13 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
       if (parsed) {
         const transactionKey = createTransactionKey(parsed);
         const isDuplicate = seenTransactions.has(transactionKey);
-        console.log('Transaction check:', { 
-          key: transactionKey, 
+        console.log('Transaction check:', {
+          key: transactionKey,
           isDuplicate,
           setSize: seenTransactions.size,
           setContains: Array.from(seenTransactions).includes(transactionKey)
         });
-        
+
         if (isDuplicate) {
           console.log('DUPLICATE FOUND:', transactionKey);
           duplicates++;
@@ -225,7 +225,7 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
     onClose();
   };
 
-  const allAssigned = transactionGroups.every(group => 
+  const allAssigned = transactionGroups.every(group =>
     group.transactions.every(tx => tx.assignedJobId)
   );
 
@@ -287,8 +287,8 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
                     const matchingJob = autoAssigned ? jobs.find(j => j.id === autoAssigned) : undefined;
 
                     return (
-                      <TableRow 
-                        key={group.itemName} 
+                      <TableRow
+                        key={group.itemName}
                         className={`border-gray-700 ${isDuplicate ? 'bg-red-900/30' : ''}`}
                       >
                         <TableCell className="text-white flex items-center gap-2">
@@ -315,7 +315,7 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
                               value={group.transactions[0]?.assignedJobId || ''}
                               onValueChange={(value) => handleAssignJob(index, value)}
                             >
-                              <SelectTrigger 
+                              <SelectTrigger
                                 className={`bg-gray-800 border-gray-600 text-white ${autoAssigned ? 'border-green-600' : ''}`}
                               >
                                 <SelectValue placeholder={autoAssigned ? `Auto-assigned to ${matchingJob?.outputItem}` : 'Select a job'} />
@@ -324,8 +324,8 @@ const BatchTransactionForm: React.FC<BatchTransactionFormProps> = ({ onClose, on
                                 {eligibleJobs
                                   .filter(job => job.outputItem.includes(group.itemName) || job.status === 'Tracked')
                                   .map(job => (
-                                    <SelectItem 
-                                      key={job.id} 
+                                    <SelectItem
+                                      key={job.id}
                                       value={job.id}
                                       className="text-white"
                                     >
diff --git a/src/components/JobForm.tsx b/src/components/JobForm.tsx
index b1ba990..60a95f5 100644
--- a/src/components/JobForm.tsx
+++ b/src/components/JobForm.tsx
@@ -16,19 +16,19 @@ interface JobFormProps {
 
 const formatDateForInput = (dateString: string | undefined | null): string => {
   if (!dateString) return '';
-  
+
   // Create a date object in local timezone
   const date = new Date(dateString);
-  
+
   // Format to YYYY-MM-DD
   const year = date.getFullYear();
   const month = String(date.getMonth() + 1).padStart(2, '0');
   const day = String(date.getDate()).padStart(2, '0');
-  
+
   // Format to HH:MM
   const hours = String(date.getHours()).padStart(2, '0');
   const minutes = String(date.getMinutes()).padStart(2, '0');
-  
+
   // Combine into format required by datetime-local (YYYY-MM-DDTHH:MM)
   return `${year}-${month}-${day}T${hours}:${minutes}`;
 };
diff --git a/src/components/MaterialsImportExport.tsx b/src/components/MaterialsImportExport.tsx
index d0cc244..985652c 100644
--- a/src/components/MaterialsImportExport.tsx
+++ b/src/components/MaterialsImportExport.tsx
@@ -72,7 +72,7 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
 
   const handleImportBom = async () => {
     if (!job) return;
-    
+
     const materials = parseBillOfMaterials(bomInput);
     if (materials.length > 0) {
       try {
@@ -87,7 +87,7 @@ const MaterialsImportExport: React.FC<MaterialsImportExportProps> = ({
 
   const handleImportConsumed = async () => {
     if (!job) return;
-    
+
     const materials = parseConsumedMaterials(consumedInput);
     if (materials.length > 0) {
       try {
diff --git a/src/components/TransactionForm.tsx b/src/components/TransactionForm.tsx
index 2a52290..8087be3 100644
--- a/src/components/TransactionForm.tsx
+++ b/src/components/TransactionForm.tsx
@@ -7,7 +7,7 @@ import { Badge } from '@/components/ui/badge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { parseTransactionLine, formatISK } from '@/utils/priceUtils';
-import { IndTransactionRecord, IndTransactionRecordNoId } from '@/lib/pbtypes';
+import { IndTransactionRecordNoId } from '@/lib/pbtypes';
 import { Check, X } from 'lucide-react';
 
 interface TransactionFormProps {
diff --git a/src/components/TransactionTable.tsx b/src/components/TransactionTable.tsx
index 0278a27..5345dca 100644
--- a/src/components/TransactionTable.tsx
+++ b/src/components/TransactionTable.tsx
@@ -27,7 +27,7 @@ const TransactionTable: React.FC<TransactionTableProps> = ({
   const [editingTransaction, setEditingTransaction] = useState<IndTransactionRecord | null>(null);
 
   // Sort transactions by date descending
-  const sortedTransactions = [...transactions].sort((a, b) => 
+  const sortedTransactions = [...transactions].sort((a, b) =>
     new Date(b.date).getTime() - new Date(a.date).getTime()
   );
 
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
index f000e3e..b47f184 100644
--- a/src/components/ui/badge.tsx
+++ b/src/components/ui/badge.tsx
@@ -25,7 +25,7 @@ const badgeVariants = cva(
 
 export interface BadgeProps
   extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
+  VariantProps<typeof badgeVariants> { }
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index 65cf69f..a238d80 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -35,7 +35,7 @@ const buttonVariants = cva(
 
 export interface ButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+  VariantProps<typeof buttonVariants> {
   asChild?: boolean
 }
 
diff --git a/src/components/ui/chart.tsx b/src/components/ui/chart.tsx
index a21d77e..044ea3e 100644
--- a/src/components/ui/chart.tsx
+++ b/src/components/ui/chart.tsx
@@ -82,13 +82,13 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
             ([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
 ${colorConfig
-  .map(([key, itemConfig]) => {
-    const color =
-      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
-      itemConfig.color
-    return color ? `  --color-${key}: ${color};` : null
-  })
-  .join("\n")}
+                .map(([key, itemConfig]) => {
+                  const color =
+                    itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
+                    itemConfig.color
+                  return color ? `  --color-${key}: ${color};` : null
+                })
+                .join("\n")}
 }
 `
           )
@@ -103,13 +103,13 @@ const ChartTooltip = RechartsPrimitive.Tooltip
 const ChartTooltipContent = React.forwardRef<
   HTMLDivElement,
   React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-    React.ComponentProps<"div"> & {
-      hideLabel?: boolean
-      hideIndicator?: boolean
-      indicator?: "line" | "dot" | "dashed"
-      nameKey?: string
-      labelKey?: string
-    }
+  React.ComponentProps<"div"> & {
+    hideLabel?: boolean
+    hideIndicator?: boolean
+    indicator?: "line" | "dot" | "dashed"
+    nameKey?: string
+    labelKey?: string
+  }
 >(
   (
     {
@@ -259,10 +259,10 @@ const ChartLegend = RechartsPrimitive.Legend
 const ChartLegendContent = React.forwardRef<
   HTMLDivElement,
   React.ComponentProps<"div"> &
-    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-      hideIcon?: boolean
-      nameKey?: string
-    }
+  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean
+    nameKey?: string
+  }
 >(
   (
     { className, hideIcon = false, payload, verticalAlign = "bottom", nameKey },
@@ -326,8 +326,8 @@ function getPayloadConfigFromPayload(
 
   const payloadPayload =
     "payload" in payload &&
-    typeof payload.payload === "object" &&
-    payload.payload !== null
+      typeof payload.payload === "object" &&
+      payload.payload !== null
       ? payload.payload
       : undefined
 
diff --git a/src/components/ui/command.tsx b/src/components/ui/command.tsx
index 56a0979..7f13c87 100644
--- a/src/components/ui/command.tsx
+++ b/src/components/ui/command.tsx
@@ -21,7 +21,7 @@ const Command = React.forwardRef<
 ))
 Command.displayName = CommandPrimitive.displayName
 
-interface CommandDialogProps extends DialogProps {}
+interface CommandDialogProps extends DialogProps { }
 
 const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
   return (
diff --git a/src/components/ui/label.tsx b/src/components/ui/label.tsx
index 683faa7..bd76bd9 100644
--- a/src/components/ui/label.tsx
+++ b/src/components/ui/label.tsx
@@ -11,7 +11,7 @@ const labelVariants = cva(
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
-    VariantProps<typeof labelVariants>
+  VariantProps<typeof labelVariants>
 >(({ className, ...props }, ref) => (
   <LabelPrimitive.Root
     ref={ref}
diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx
index cf253cf..b3252d7 100644
--- a/src/components/ui/scroll-area.tsx
+++ b/src/components/ui/scroll-area.tsx
@@ -31,9 +31,9 @@ const ScrollBar = React.forwardRef<
     className={cn(
       "flex touch-none select-none transition-colors",
       orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      "h-full w-2.5 border-l border-l-transparent p-[1px]",
       orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       className
     )}
     {...props}
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index fe56d4d..1aae5c8 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -75,7 +75,7 @@ const SelectContent = React.forwardRef<
       className={cn(
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
-          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       )}
       position={position}
@@ -86,7 +86,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           "p-1",
           position === "popper" &&
-            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
         )}
       >
         {children}
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index 7b1dbe4..fe07ff0 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -128,4 +128,3 @@ export {
   Sheet, SheetClose,
   SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger
 }
-
diff --git a/src/components/ui/sidebar.tsx b/src/components/ui/sidebar.tsx
index 1a566bf..38f1531 100644
--- a/src/components/ui/sidebar.tsx
+++ b/src/components/ui/sidebar.tsx
@@ -612,7 +612,7 @@ const SidebarMenuAction = React.forwardRef<
         "peer-data-[size=lg]/menu-button:top-2.5",
         "group-data-[collapsible=icon]:hidden",
         showOnHover &&
-          "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
         className
       )}
       {...props}
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 9f9a6dc..7d450c9 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -3,7 +3,7 @@ import * as React from "react"
 import { cn } from "@/lib/utils"
 
 export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> { }
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
index a822477..4af2ace 100644
--- a/src/components/ui/toast.tsx
+++ b/src/components/ui/toast.tsx
@@ -41,7 +41,7 @@ const toastVariants = cva(
 const Toast = React.forwardRef<
   React.ElementRef<typeof ToastPrimitives.Root>,
   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-    VariantProps<typeof toastVariants>
+  VariantProps<typeof toastVariants>
 >(({ className, variant, ...props }, ref) => {
   return (
     <ToastPrimitives.Root
diff --git a/src/components/ui/toggle-group.tsx b/src/components/ui/toggle-group.tsx
index afe5da6..fc9fa7c 100644
--- a/src/components/ui/toggle-group.tsx
+++ b/src/components/ui/toggle-group.tsx
@@ -15,7 +15,7 @@ const ToggleGroupContext = React.createContext<
 const ToggleGroup = React.forwardRef<
   React.ElementRef<typeof ToggleGroupPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
-    VariantProps<typeof toggleVariants>
+  VariantProps<typeof toggleVariants>
 >(({ className, variant, size, children, ...props }, ref) => (
   <ToggleGroupPrimitive.Root
     ref={ref}
@@ -33,7 +33,7 @@ ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
 const ToggleGroupItem = React.forwardRef<
   React.ElementRef<typeof ToggleGroupPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
-    VariantProps<typeof toggleVariants>
+  VariantProps<typeof toggleVariants>
 >(({ className, children, variant, size, ...props }, ref) => {
   const context = React.useContext(ToggleGroupContext)
 
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
index 9ecac28..3565e72 100644
--- a/src/components/ui/toggle.tsx
+++ b/src/components/ui/toggle.tsx
@@ -29,7 +29,7 @@ const toggleVariants = cva(
 const Toggle = React.forwardRef<
   React.ElementRef<typeof TogglePrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
-    VariantProps<typeof toggleVariants>
+  VariantProps<typeof toggleVariants>
 >(({ className, variant, size, ...props }, ref) => (
   <TogglePrimitive.Root
     ref={ref}
diff --git a/src/hooks/use-toast.ts b/src/hooks/use-toast.ts
index 2c14125..e18b87b 100644
--- a/src/hooks/use-toast.ts
+++ b/src/hooks/use-toast.ts
@@ -33,21 +33,21 @@ type ActionType = typeof actionTypes
 
 type Action =
   | {
-      type: ActionType["ADD_TOAST"]
-      toast: ToasterToast
-    }
+    type: ActionType["ADD_TOAST"]
+    toast: ToasterToast
+  }
   | {
-      type: ActionType["UPDATE_TOAST"]
-      toast: Partial<ToasterToast>
-    }
+    type: ActionType["UPDATE_TOAST"]
+    toast: Partial<ToasterToast>
+  }
   | {
-      type: ActionType["DISMISS_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
+    type: ActionType["DISMISS_TOAST"]
+    toastId?: ToasterToast["id"]
+  }
   | {
-      type: ActionType["REMOVE_TOAST"]
-      toastId?: ToasterToast["id"]
-    }
+    type: ActionType["REMOVE_TOAST"]
+    toastId?: ToasterToast["id"]
+  }
 
 interface State {
   toasts: ToasterToast[]
@@ -105,9 +105,9 @@ export const reducer = (state: State, action: Action): State => {
         toasts: state.toasts.map((t) =>
           t.id === toastId || toastId === undefined
             ? {
-                ...t,
-                open: false,
-              }
+              ...t,
+              open: false,
+            }
             : t
         ),
       }
diff --git a/src/main.tsx b/src/main.tsx
index 719464e..9361073 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,5 +1,5 @@
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import { createRoot } from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
 
 createRoot(document.getElementById("root")!).render(<App />);
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index f69e5ff..795a118 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -92,7 +92,7 @@ const Index = () => {
     return sum + (income - expenditure);
   }, 0);
 
-  const totalRevenue = regularJobs.reduce((sum, job) => 
+  const totalRevenue = regularJobs.reduce((sum, job) =>
     sum + job.income.reduce((sum, tx) => sum + tx.totalPrice, 0), 0
   );
 
@@ -263,7 +263,7 @@ const Index = () => {
         <div className="space-y-6">
           {Object.entries(jobGroups).map(([status, statusJobs]) => (
             <div key={status} className="space-y-4">
-              <div 
+              <div
                 className="flex items-center gap-3 cursor-pointer select-none p-3 rounded-lg hover:bg-gray-800/50 transition-colors"
                 onClick={() => toggleGroup(status)}
               >
@@ -277,7 +277,7 @@ const Index = () => {
                   <span className="text-gray-400 text-lg">({statusJobs.length} jobs)</span>
                 </h3>
               </div>
-              
+
               {!collapsedGroups[status] && (
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                   {statusJobs.map(job => (
@@ -299,7 +299,7 @@ const Index = () => {
 
       {trackedJobs.length > 0 && (
         <div className="space-y-4 mt-8 pt-8 border-t border-gray-700">
-          <div 
+          <div
             className="flex items-center gap-3 cursor-pointer select-none p-3 rounded-lg hover:bg-gray-800/50 transition-colors"
             onClick={() => toggleGroup('Tracked')}
           >
@@ -312,7 +312,7 @@ const Index = () => {
               <span className="text-gray-400 text-lg">({trackedJobs.length} jobs)</span>
             </h2>
           </div>
-          
+
           {!collapsedGroups['Tracked'] && (
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               {trackedJobs.map(job => (