shared variables are more visible now on the ui

resources/views/livewire/shared-variables/environment/show.blade.php

@@ -0,0 +1,20 @@
+<div>
+    <div class="flex gap-2">
+        <h1>Shared Variables for {{ $project->name }}/{{ $environment->name }}</h1>
+        <x-modal-input buttonTitle="+ Add" title="New Shared Variable">
+            <livewire:project.shared.environment-variable.add :shared="true" />
+        </x-modal-input>
+    </div>
+    <div class="flex items-center gap-1 subtitle">You can use these variables anywhere with <span
+            class="dark:text-warning text-coollabs">@{{ environment.VARIABLENAME }}</span><x-helper
+            helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/knowledge-base/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper>
+    </div>
+    <div class="flex flex-col gap-2">
+        @forelse ($environment->environment_variables->sort()->sortBy('key') as $env)
+            <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"
+                :env="$env" type="environment" />
+        @empty
+            <div>No environment variables found.</div>
+        @endforelse
+    </div>
+</div>