Refactor code and update UI components

resources/views/destination/all.blade.php

@@ -1,6 +1,16 @@
 <x-layout>
-    <h1>Destinations</h1>
-    <div class="subtitle ">All Destinations.</div>
+    <div class="flex items-start gap-2">
+        <h1>Destinations</h1>
+        <x-slide-over fullScreen closeWithX>
+            <x-slot:title>New Destination</x-slot:title>
+            <x-slot:content>
+                <livewire:destination.new.docker :server_id="$server_id" />
+            </x-slot:content>
+            <button @click="slideOverOpen=true" class="button">+
+                Add</button>
+        </x-slide-over>
+    </div>
+    <div class="subtitle">Endpoints to deploy your resources.</div>
     <div class="grid gap-2 lg:grid-cols-2">
         @forelse ($destinations as $destination)
             @if ($destination->getMorphClass() === 'App\Models\StandaloneDocker')
@@ -23,7 +33,6 @@
         @empty
             <div>
                 <div>No destinations found.</div>
-                <x-use-magic-bar />
             </div>
         @endforelse
     </div>

resources/views/destination/new.blade.php

@@ -1,3 +0,0 @@
-<x-layout>
-    <livewire:destination.new.docker :servers="$servers" :server_id="$server_id" />
-</x-layout>