Add new shared variable and update variable usage

resources/views/livewire/project/edit.blade.php

@@ -23,7 +23,9 @@
                 Add</button>
         </x-slide-over>
     </div>
-    <div class="pb-4">You can use this anywhere.</div>
+    <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="text-warning">@{{project.VARIABLENAME}}</span><x-helper
+            helper="More info <a class='text-white underline' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper>
+    </div>
     <div class="flex flex-col gap-2">
         @forelse ($project->environment_variables->sort()->sortBy('real_value') as $env)
             <livewire:project.shared.environment-variable.show wire:key="environment-{{ $env->id }}"