Refactor recipe metadata handling and update CSS styles

- Moved the recipe metadata appending logic to occur after the JSON creation for better workflow.
- Adjusted the user comment formatting in ExifUtils to include a newline for improved readability.
- Reduced the maximum height of the recipe modal bottom section for better layout consistency.

static/css/components/recipe-modal.css

@@ -220,7 +220,7 @@
 
 /* Bottom Section: Resources */
 .recipe-bottom-section {
-    max-height: 340px;
+    max-height: 320px;
     display: flex;
     flex-direction: column;
     border-top: 1px solid var(--border-color);