Fix scroll on add new recipe and change meal type

frontend/src/App.css

@@ -436,6 +436,9 @@ select {
   border-left: 1px solid var(--border-subtle);
   padding: 1rem 1rem 1rem 1.2rem;
   box-shadow: 18px 0 40px rgba(0, 0, 0, 0.7);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
 }
 
 .drawer-header {
@@ -446,14 +449,20 @@ select {
 }
 
 .drawer-body {
-  max-height: calc(100vh - 4rem);
+  flex: 1;
-  overflow: auto;
+  overflow-y: auto;
+  padding-bottom: 1rem;
 }
 
 .drawer-footer {
-  margin-top: 0.7rem;
+  margin-top: auto;
+  padding-top: 0.7rem;
   display: flex;
   gap: 0.5rem;
+  position: sticky;
+  bottom: 0;
+  background: var(--bg-primary);
+  border-top: 1px solid var(--border);
 }
 
 .icon-btn {

frontend/src/App.jsx

@@ -250,7 +250,7 @@ function App() {
                   <option value="breakfast">בוקר</option>
                   <option value="lunch">צהריים</option>
                   <option value="dinner">ערב</option>
-                  <option value="snack">נשנוש</option>
+                  <option value="snack">קינוחים</option>
                 </select>
               </div>
 

frontend/src/components/RecipeDetails.jsx

@@ -87,7 +87,7 @@ function translateMealType(type) {
     case "dinner":
       return "ערב";
     case "snack":
-      return "נשנוש";
+      return "קינוחים";
     default:
       return type;
   }

frontend/src/components/RecipeFilters.jsx

@@ -148,7 +148,7 @@ function translateMealType(type) {
     case "dinner":
       return "ערב";
     case "snack":
-      return "נשנוש";
+      return "קינוחים";
     default:
       return type;
   }

frontend/src/components/RecipeFormDrawer.jsx

@@ -136,7 +136,7 @@ function RecipeFormDrawer({ open, onClose, onSubmit, editingRecipe = null }) {
                 <option value="breakfast">בוקר</option>
                 <option value="lunch">צהריים</option>
                 <option value="dinner">ערב</option>
-                <option value="snack">נשנוש</option>
+                <option value="snack">קינוחים</option>
               </select>
             </div>
 

frontend/src/components/RecipeList.jsx

@@ -42,7 +42,7 @@ function translateMealType(type) {
     case "dinner":
       return "ערב";
     case "snack":
-      return "נשנוש";
+      return "קינוחים";
     default:
       return type;
   }

frontend/src/components/RecipeSearchList.jsx

@@ -239,7 +239,7 @@ function translateMealType(type) {
     case "dinner":
       return "ערב";
     case "snack":
-      return "נשנוש";
+      return "קינוחים";
     default:
       return type;
   }