update layout

client/src/app/core/layout/layout.component.html

@@ -146,9 +146,7 @@
 </aside>
 
 <div class="pt-10 sm:ml-64">
-  <div class="p-2 sm:mt-5 md:mt-12">
-    <div class="mb-2">
-      <router-outlet></router-outlet>
-    </div>
+  <div class="p-2 sm:mt-5 md:mt-14">
+    <router-outlet></router-outlet>
   </div>
 </div>

client/src/app/features/dashboard/dashboard.component.ts

@@ -16,7 +16,6 @@ import * as lodash from 'lodash';
   templateUrl: './dashboard.component.html',
 })
 export class DashboardComponent implements OnInit {
-  userInfo: User | null = null;
   recipes: Recipe | null = null;
   recipes01: Recipe01[] | null = null;
   recipeVersions: string[] = [];
@@ -90,10 +89,6 @@ export class DashboardComponent implements OnInit {
   ) {}
 
   ngOnInit(): void {
-    this._userService.currentUser.subscribe((user) => {
-      this.userInfo = user;
-    });
-
     this._recipeService
       .getRecipes({
         offset: this.offset,

client/src/app/features/dashboard/recipe-details/recipe-details.component.html

@@ -0,0 +1,3 @@
+<div>
+  <h1>recipe-details works!</h1>
+</div>

client/src/app/features/dashboard/recipe-details/recipe-details.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-recipe-details',
+  templateUrl: './recipe-details.component.html',
+  standalone: true,
+})
+export class RecipeDetailsComponent {}