Refactor toast notifications and modal dialog implementation

- Updated SCSS for toast notifications to support multiple toast types (success, info, warning, error) and improved layout.
- Added new SVG icons for error, info, success, and warning notifications.
- Created separate HTML templates for toast notifications and modal dialogs.
- Enhanced the dev panel with buttons to test different toast notifications and modal dialogs.

frontend/src/pages/recipe_edit.rs

@@ -76,7 +76,6 @@ pub fn setup_page(recipe_id: i64) {
                 let servings = if n.is_nan() {
                     None
                 } else {
-                    // TODO: Find a better way to validate integer numbers.
                     let n = n as u32;
                     servings.set_value_as_number(n as f64);
                     Some(n)
@@ -108,7 +107,6 @@ pub fn setup_page(recipe_id: i64) {
                 let time = if n.is_nan() {
                     None
                 } else {
-                    // TODO: Find a better way to validate integer numbers.
                     let n = n as u32;
                     estimated_time.set_value_as_number(n as f64);
                     Some(n)
@@ -708,7 +706,7 @@ async fn reload_recipes_list(current_recipe_id: i64) {
         .await
     {
         Err(error) => {
-            toast::show_message(Level::Info, &format!("Internal server error: {}", error));
+            toast::show_message_level(Level::Error, &format!("Internal server error: {}", error));
         }
         Ok(response) => {
             let list = document().get_element_by_id("recipes-list").unwrap();