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 {