Fix: Remove unused imports and variables to satisfy strict TypeScript build

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { API } from './services/api';
 import { Icons } from './components/Icons';
 import CustomerView from './components/CustomerView';

frontend/src/components/AdminDashboard.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { Icons } from './Icons';
 import { API } from '../services/api';
 
@@ -21,13 +21,6 @@ export default function AdminDashboard({ stock, orders, config, refreshData, not
         refreshData();
     };
 
-    const deleteOrder = (id: number) => {
-        promptConfirm("Delete this order record?", async () => {
-            await API.deleteOrder(id);
-            refreshData();
-            notify("Order Deleted");
-        });
-    };
 
     const addNewStockItem = async () => {
         const newItem = {

frontend/src/components/CartModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Icons } from './Icons';
 
 interface CartItem {

frontend/src/components/CustomerView.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Icons } from './Icons';
 
 interface StockItem {

frontend/src/components/Icons.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 
 export const Icons = {
     Beast: () => <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="w-8 h-8"><path d="M12 2a5 5 0 0 0-5 5v2a5 5 0 0 0 10 0V7a5 5 0 0 0-5-5z"/><path d="M12 14a5 5 0 0 0-5 5v2h10v-2a5 5 0 0 0-5-5z"/><path d="M8 7h8"/><path d="M12 2v5"/></svg>,