fixes

src/main/resources/templates/home.html

@@ -19,7 +19,7 @@
         <nav class="sidebar-left">
             <ul>
                 <li><a th:href="@{/explore}">Explore</a></li>
-                <li><a th:href="${guest} ? @{/login} : @{/}">Favorites</a></li>
+                <li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li>
                 <li><a th:href="@{/my-profile}">Profile</a></li>
 
                 <li th:if="${guest}">
@@ -71,10 +71,18 @@
 
     <div class="body-right">
         <div class="sidebar-right">
-            <h1>FAVES</h1>
-            <p style="text-align:center; padding:0 16px;">
-                Your saved recipes appear here.
-            </p>
+            <h1>NEW</h1>
+            <div class="new-recipes">
+            <a th:each="recipe : ${newestRecipes}"
+               th:href="@{/recipes/{id}(id=${recipe.id})}"
+               class="new-recipe-item">
+               <p th:text="${recipe.title}">Title</p>
+                <div th:if="${recipe.images != null and !#lists.isEmpty(recipe.images)}">
+                    <img th:src="${recipe.images[0].imageUrl}" alt="Recipe Image">
+                </div>
+            </a>
+        </div>
+
         </div>
     </div>
 </div>