Utilize <section> on dashboard page

resources/views/livewire/dashboard.blade.php

@@ -18,7 +18,9 @@
             subscription is activated.<br> Please be patient.
         </div>
     @endif
-    <h3 class="pb-4">Projects</h3>
+
+    <section>
+        <h3 class="pb-2">Projects</h3>
         @if ($projects->count() > 0)
             <div class="grid grid-cols-1 gap-2 xl:grid-cols-2">
                 @foreach ($projects as $project)
@@ -56,8 +58,10 @@
                 </div>
             </div>
         @endif
+    </section>
 
-    <h3 class="py-4">Servers</h3>
+    <section>
+        <h3 class="pb-2">Servers</h3>
         @if ($servers->count() > 0)
             <div class="grid grid-cols-1 gap-2 xl:grid-cols-2">
                 @foreach ($servers as $server)
@@ -116,9 +120,12 @@
                 </div>
             @endif
         @endif
+    </section>
+
     @if ($servers->count() > 0 && $projects->count() > 0)
+        <section>
             <div class="flex items-center gap-2">
-            <h3 class="py-4">Deployments</h3>
+                <h3 class="pb-2">Deployments</h3>
                 @if (count($deployments_per_server) > 0)
                     <x-loading />
                 @endif
@@ -138,7 +145,7 @@
             </div>
             <div wire:poll.3000ms="get_deployments" class="grid grid-cols-1">
                 @forelse ($deployments_per_server as $server_name => $deployments)
-                <h4 class="py-4">{{ $server_name }}</h4>
+                    <h4 class="pb-2">{{ $server_name }}</h4>
                     <div class="grid grid-cols-1 gap-2 lg:grid-cols-3">
                         @foreach ($deployments as $deployment)
                             <a href="{{ data_get($deployment, 'deployment_url') }}" @class([
@@ -167,6 +174,7 @@
                     <div>No deployments running.</div>
                 @endforelse
             </div>
+        </section>
     @endif