Display a toast message after successfully creating a simulation

app/[slug]/dashboard/tables/page.tsx

@@ -7,20 +7,33 @@ import { TableSimulation, TableSimulationSerializer } from '@/app/lib/tableSimul
 import Arrangement from '@/app/ui/arrangements/arrangement';
 import ArrangementsTable from '@/app/ui/arrangements/arrangements-table';
 import { classNames } from '@/app/ui/components/button';
-import { useState } from 'react';
+import { Toast } from 'primereact/toast';
+import React, { useRef, useState } from 'react';
 
 export default function Page() {
+  const toast = useRef<Toast>(null);
+
+  const show = () => {
+    toast.current?.show({
+      severity: 'success',
+      summary: 'Simulation created',
+      detail: 'Table distributions will be calculated shortly, please come back in some minutes'
+    });
+  };
+
   const [currentArrangement, setCurrentArrangement] = useState<string | null>(null);
 
   function createSimulation() {
     const api = new AbstractApi<TableSimulation>();
     const serializer = new TableSimulationSerializer();
-    api.create(serializer, new TableSimulation(), () => {});  
+    api.create(serializer, new TableSimulation(), show);
   }
 
   return (
     <>
+
       <div className="flex flex-col w-full items-center justify-between">
+        <Toast ref={toast} />
         <button onClick={createSimulation} className={classNames('primary')}>Add new</button>
       </div>