feat(frontend): add dynamic animations to login and admin panel

frontend/admin/admin.js

@@ -16,6 +16,30 @@
     const sidebar = document.querySelector('.sidebar');
     const sidebarOverlay = document.getElementById('sidebar-overlay');
 
+    // Global Ripple Effect
+    document.addEventListener('click', function (e) {
+        const btn = e.target.closest('.btn-create, .btn-delete, .btn-logout');
+        if (!btn) return;
+
+        const rect = btn.getBoundingClientRect();
+        const x = e.clientX - rect.left;
+        const y = e.clientY - rect.top;
+
+        const ripple = document.createElement('span');
+        ripple.classList.add('ripple');
+        ripple.style.left = `${x}px`;
+        ripple.style.top = `${y}px`;
+
+        if (getComputedStyle(btn).position === 'static') {
+            btn.style.position = 'relative';
+        }
+        btn.style.overflow = 'hidden';
+
+        btn.appendChild(ripple);
+
+        setTimeout(() => ripple.remove(), 600);
+    });
+
     // Users
     const usersTbody = document.getElementById('users-tbody');
     const createForm = document.getElementById('create-form');