fix(faq): menu was opening wrong direction

themes/aurelia-theme/layouts/faq/single.html

@@ -43,7 +43,6 @@ <h1 class="text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-aurelia to-
                     aria-expanded="true">
               <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider">Quick Links</h3>
               <svg class="w-5 h-5 text-gray-500 transition-transform duration-200" 
-                   style="transform: rotate(180deg)"
                    fill="none" 
                    stroke="currentColor" 
                    viewBox="0 0 24 24">
@@ -53,7 +52,7 @@ <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider">Quick L
 
             <!-- Navigation Content -->
             <div id="faq-nav-content" 
-                 class="absolute bottom-full w-full mb-2 opacity-100 transform transition-all duration-200 ease-in-out bg-gray-50/80 backdrop-blur-sm rounded-lg p-4 shadow-sm max-h-[60vh] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent hover:scrollbar-thumb-aurelia">
+                 class="absolute top-full w-full mt-2 opacity-100 transform transition-all duration-200 ease-in-out bg-gray-50/80 backdrop-blur-sm rounded-lg p-4 shadow-sm max-h-[60vh] overflow-y-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent hover:scrollbar-thumb-aurelia">
               {{ $headers := findRE "<h2.*?>(.|\n)*?</h2>" .Content }}
               <ul class="space-y-2">
                 {{ range $headers }}