Layout untuk semua halaman

Halaman menu dan halaman detail sama-sama butuh kepala halaman (nama kedai dan navigasi) dan kaki halaman. Daripada menulisnya dua kali, kita buat satu layout.

1. Buat resources/views/components/layout.blade.php. Isinya kerangka HTML lengkap dengan:
   • <title>{{ $title }} · Kopi Senja</title>
   • <header class="site-header"> berisi link ke beranda, Menu, dan Tentang
   • <main class="container">{{ $slot }}</main>
   • <footer class="site-footer"> dengan alamat dan jam buka
   Baris pertamanya @props(['title']).
2. Bungkus isi menu/index.blade.php dengan <x-layout title="Menu"> ... </x-layout>, dan hapus kerangka HTML lamanya.
3. Lakukan hal yang sama di menu/show.blade.php, dengan judul nama menunya: <x-layout :title="$menu['nama']">.