💄 Style: Fix overflow on some home layouts

Fixed width elements were overflowing previously on:
background, hero and profile.

This addresses https://github.com/nunocoracao/blowfish/issues/2292

Currently the section element expands more than it used to
on larger screens, I will try to fix this.

layouts/partials/home/background.html

@@ -79,7 +79,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose dark:prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>

layouts/partials/home/hero.html

@@ -105,7 +105,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>

layouts/partials/home/profile.html

@@ -35,7 +35,8 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <section class="prose dark:prose-invert">{{ .Content }}</section>
+  <!-- FIXME: This lets section expand too much on larger screens-->
+  <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}