feat: implement inventory and pantry management views with CRUD functionality and user-friendly interfaces

frontend/app/baslager/AddToPantryForm.tsx

@@ -7,9 +7,10 @@ import type { Product } from '../../features/inventory/types';
 type Props = {
   products: Product[];
   pantryProductIds: Set<number>;
+  onCreated?: () => void;
 };
 
-export default function AddToPantryForm({ products, pantryProductIds }: Props) {
+export default function AddToPantryForm({ products, pantryProductIds, onCreated }: Props) {
   const [selectedId, setSelectedId] = useState('');
   const [isPending, setIsPending] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -33,7 +34,8 @@ export default function AddToPantryForm({ products, pantryProductIds }: Props) {
         throw new Error(data?.error || 'Kunde inte lägga till');
       }
       setSelectedId('');
-      router.refresh();
+      if (onCreated) onCreated();
+      else router.refresh();
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Okänt fel');
     } finally {

frontend/app/baslager/PantryList.tsx

@@ -16,15 +16,19 @@ type InventoryItem = {
 type Props = {
   items: PantryItem[];
   inventoryByProductId: Record<number, InventoryItem[]>;
+  onDeleted?: () => void;
 };
 
-export default function PantryList({ items, inventoryByProductId }: Props) {
+export default function PantryList({ items, inventoryByProductId, onDeleted }: Props) {
   const router = useRouter();
 
   async function handleRemove(id: number, name: string) {
     if (!confirm(`Ta bort "${name}" från baslagret?`)) return;
     const res = await fetch(`/api/admin/pantry-item/${id}`, { method: 'DELETE' });
-    if (res.ok) router.refresh();
+    if (res.ok) {
+      if (onDeleted) onDeleted();
+      else router.refresh();
+    }
   }
 
   if (items.length === 0) {