Use prose for entire note

Instead of mixing prose underneath a custom title area, just use prose
for the whole page.

Steve Schroger certainly came up with a better design than me.

Author: davidharting

resources/views/livewire/notes/show-note-page.blade.php

@@ -4,28 +4,26 @@
     {{ $this->description() }}
 </x-slot>
 
-<div>
+<article class="prose dark:prose-invert">
+    <p class="text-sm text-gray-600">
+        {{ $note->publicationDate() }}
+    </p>
+
     @if ($note->title)
-        <x-type.page-title>{{ $note->title }}</x-type.page-title>
+        <h1 class="font-serif">{{ $note->title }}</h1>
     @endif
 
     @if ($note->lead)
-        <p class="text-2xl mt-2">{{ $note->lead }}</p>
+        <p class="lead">{{ $note->lead }}</p>
     @endif
 
-    <p class="mt-2 text-gray-600">
-        {{ $note->publicationDate() }}
-    </p>
-
     @if ($note->content)
-        <div class="mt-4 prose">
-            {!! $note->content !!}
-        </div>
+        {!! $note->content !!}
     @endif
 
-    <div class="mt-6">
+    <p class="text-sm">
         <a href="{{ route("notes.index") }}" class="link" wire:navigate>
             Back to all notes
         </a>
-    </div>
-</div>
+    </p>
+</article>