refactor: consolidate Try buttons into single dropdown menu

Replace three separate Try buttons (HuggingChat, Poe, Google AI) with
a single "Try this Skill" dropdown button that shows all options in
a Bootstrap dropdown menu.

Author: s-celles

layouts/shortcodes/skill-buttons.html

@@ -16,16 +16,15 @@
       <i class="fa fa-folder-open"></i> View on GitHub
     </a>
   </div>
-  <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
-    <button onclick="tryOnHuggingChat('{{ $rawUrl }}')" class="btn btn-warning" style="display: inline-flex; align-items: center; gap: 0.5rem;" title="Open in HuggingChat with skill pre-loaded (free)">
-      <i class="fa fa-play"></i> Try on HuggingChat
-    </button>
-    <button onclick="tryOnPoe('{{ $rawUrl }}')" class="btn btn-outline-warning" style="display: inline-flex; align-items: center; gap: 0.5rem;" title="Open in Poe with skill pre-loaded (free)">
-      <i class="fa fa-play"></i> Try on Poe
-    </button>
-    <button onclick="tryOnGoogleAI('{{ $rawUrl }}')" class="btn btn-outline-warning" style="display: inline-flex; align-items: center; gap: 0.5rem;" title="Open in Google AI Studio with skill pre-loaded (free)">
-      <i class="fa fa-play"></i> Try on Google AI
+  <div class="dropdown" style="display: inline-block;">
+    <button class="btn btn-warning dropdown-toggle" type="button" id="tryDropdown" data-bs-toggle="dropdown" aria-expanded="false" style="display: inline-flex; align-items: center; gap: 0.5rem;">
+      <i class="fa fa-play"></i> Try this Skill
     </button>
+    <ul class="dropdown-menu" aria-labelledby="tryDropdown">
+      <li><a class="dropdown-item" href="#" onclick="tryOnHuggingChat('{{ $rawUrl }}'); return false;"><i class="fa fa-comments"></i> HuggingChat (free)</a></li>
+      <li><a class="dropdown-item" href="#" onclick="tryOnPoe('{{ $rawUrl }}'); return false;"><i class="fa fa-bolt"></i> Poe (free)</a></li>
+      <li><a class="dropdown-item" href="#" onclick="tryOnGoogleAI('{{ $rawUrl }}'); return false;"><i class="fa fa-google"></i> Google AI Studio (free)</a></li>
+    </ul>
   </div>
 </div>