Refactor server resources view to use flexbox for sidebar layout

resources/views/components/server/sidebar.blade.php

@@ -1,18 +1,16 @@
 @if ($server->proxySet())
-    <div class="flex h-full pr-4">
-        <div class="flex flex-col w-48 gap-4 min-w-fit">
-            <a class="{{ request()->routeIs('server.proxy') ? 'dark:text-white' : '' }}"
+    <div class="flex flex-col items-start gap-2 min-w-fit">
+        <a class="{{ request()->routeIs('server.proxy') ? 'menu-item menu-item-active' : 'menu-item' }}"
             href="{{ route('server.proxy', $parameters) }}">
             <button>Configuration</button>
         </a>
-            <a class="{{ request()->routeIs('server.proxy.dynamic-confs') ? 'dark:text-white' : '' }}"
+        <a class="{{ request()->routeIs('server.proxy.dynamic-confs') ? 'menu-item menu-item-active' : 'menu-item' }}"
             href="{{ route('server.proxy.dynamic-confs', $parameters) }}">
             <button>Dynamic Configurations</button>
         </a>
-            <a class="{{ request()->routeIs('server.proxy.logs') ? 'dark:text-white' : '' }}"
+        <a class="{{ request()->routeIs('server.proxy.logs') ? 'menu-item menu-item-active' : 'menu-item' }}"
             href="{{ route('server.proxy.logs', $parameters) }}">
             <button>Logs</button>
         </a>
     </div>
-    </div>
 @endif

resources/views/livewire/security/private-key/create.blade.php

@@ -3,8 +3,9 @@
         <div>Private Keys are used to connect to your servers without passwords.</div>
         <div class="font-bold">You should not use passphrase protected keys.</div>
     </div>
-    <div class="flex gap-2 mb-4">
-        <x-forms.button wire:click="generateNewEDKey">Generate new ED25519 SSH Key (Recommended, fastest and most secure)</x-forms.button>
+    <div class="flex gap-2 mb-4 w-full">
+        <x-forms.button wire:click="generateNewEDKey" isHighlighted class="w-full">Generate new ED25519 SSH
+            Key</x-forms.button>
         <x-forms.button wire:click="generateNewRSAKey">Generate new RSA SSH Key</x-forms.button>
     </div>
     <form class="flex flex-col gap-2" wire:submit='createPrivateKey'>

resources/views/livewire/server/proxy/dynamic-configurations.blade.php

@@ -3,7 +3,7 @@
         Proxy Dynamic Configuration | Coolify
     </x-slot>
     <x-server.navbar :server="$server" :parameters="$parameters" />
-    <div class="flex gap-2">
+    <div class="flex flex-col h-full gap-8 sm:flex-row">
         <x-server.sidebar :server="$server" :parameters="$parameters" />
         <div class="w-full">
             @if ($server->isFunctional())

resources/views/livewire/server/proxy/logs.blade.php

@@ -3,7 +3,7 @@
         Proxy Logs | Coolify
     </x-slot>
     <x-server.navbar :server="$server" :parameters="$parameters" />
-    <div class="flex gap-2">
+    <div class="flex flex-col h-full gap-8 sm:flex-row">
         <x-server.sidebar :server="$server" :parameters="$parameters" />
         <div class="w-full">
             <h2 class="pb-4">Logs</h2>

resources/views/livewire/server/proxy/show.blade.php

@@ -4,7 +4,7 @@
     </x-slot>
     <x-server.navbar :server="$server" :parameters="$parameters" />
     @if ($server->isFunctional())
-        <div class="flex gap-2">
+        <div class="flex flex-col h-full gap-8 sm:flex-row">
             <x-server.sidebar :server="$server" :parameters="$parameters" />
             <div class="w-full">
                 <livewire:server.proxy :server="$server" />