<%= title("Notifications") %>

<div class="container tmp-container-spacer h-full">
  <h1 class="page-heading-title">Notifications</h1>
  <ul class="space-y-3">
    <% unless @notifications.empty? %>
      <%= render NotificationComponent.with_collection(@notifications) %>
    <% else %>
      <div class="text-center mx-auto">
        <h3 class="text-lg leading-6 font-medium text-gray-900 mb-2">No notifications yet</h3>
        <p>Why not take your next lesson while you wait?</p>
      </div>
    <% end %>
  </ul>
</div>

<%= title("Notifications") %>

<div class="page-container h-full">
  <h1 class="page-heading-title">Notifications</h1>
  <ul class="space-y-3">
    <% unless @notifications.empty? %>
      <%= render NotificationComponent.with_collection(@notifications) %>
    <% else %>
      <div class="text-center mx-auto">
        <h3 class="text-lg leading-6 font-medium text-gray-900 mb-2">No notifications yet</h3>
        <p>Why not take your next lesson while you wait?</p>
      </div>
    <% end %>
  </ul>
</div>

Use Page Container on Notification Index
Chore: Use Page Container on Notification Index

Because:
* To keep this page consistent with the rest.
