when user clicks the 3 dots on a post, make it so that the following options are shown:

index.html

@@ -108,10 +108,21 @@
                                     <p class="text-xs opacity-70">2 hours ago</p>
                                 </div>
                             </div>
-                            <button class="text-secondary">
-                                <i data-feather="more-horizontal"></i>
-                            </button>
-                        </div>
+                            <div class="relative">
+                                <button class="text-secondary" onclick="togglePostMenu(this)">
+                                    <i data-feather="more-horizontal"></i>
+                                </button>
+                                <div class="absolute right-0 mt-1 w-48 bg-accent rounded-md shadow-lg z-50 hidden post-menu">
+                                    <div class="py-1">
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Follow</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Message</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Turn on Notifications</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Mute User</a>
+                                        <a href="#" class="block px-4 py-2 text-sm text-red-400 hover:bg-primary/50">Block User</a>
+                                    </div>
+                                </div>
+                            </div>
+</div>
                         
                         <p class="mb-4">Just finished this new beat - looking for a vocalist to collaborate! #HipHop #NeedVocals</p>
                         
@@ -153,10 +164,21 @@
                                     <p class="text-xs opacity-70">4 hours ago</p>
                                 </div>
                             </div>
-                            <button class="text-secondary">
-                                <i data-feather="more-horizontal"></i>
-                            </button>
-                        </div>
+                            <div class="relative">
+                                <button class="text-secondary" onclick="togglePostMenu(this)">
+                                    <i data-feather="more-horizontal"></i>
+                                </button>
+                                <div class="absolute right-0 mt-1 w-48 bg-accent rounded-md shadow-lg z-50 hidden post-menu">
+                                    <div class="py-1">
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Follow</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Message</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Turn on Notifications</a>
+                                        <a href="#" class="block px-4 py-2 text-sm hover:bg-primary/50">Mute User</a>
+                                        <a href="#" class="block px-4 py-2 text-sm text-red-400 hover:bg-primary/50">Block User</a>
+                                    </div>
+                                </div>
+                            </div>
+</div>
                         
                         <p class="mb-4">Looking for producers who specialize in melodic rap beats. Check my profile for samples of my voice!</p>
                         
@@ -268,10 +290,30 @@
             </div>
         </div>
     </div>
-
     <script>
         feather.replace();
-        anime({
+        
+        function togglePostMenu(button) {
+            const menu = button.nextElementSibling;
+            const allMenus = document.querySelectorAll('.post-menu');
+            
+            // Close all other open menus
+            allMenus.forEach(m => {
+                if (m !== menu) m.classList.add('hidden');
+            });
+            
+            // Toggle current menu
+            menu.classList.toggle('hidden');
+            
+            // Close menu when clicking outside
+            document.addEventListener('click', function closeMenu(e) {
+                if (!button.contains(e.target) && !menu.contains(e.target)) {
+                    menu.classList.add('hidden');
+                    document.removeEventListener('click', closeMenu);
+                }
+            });
+        }
+anime({
             targets: '.waveform',
             scaleX: [0, 1],
             easing: 'easeOutQuad',