feat(ui): standardize paginated tables and responsive dropdowns

Add reusable pagination and page-size controls, improve mobile dropdown positioning, and migrate paginated views to consistent table components.

resources/views/components/dropdown.blade.php

@@ -25,13 +25,10 @@
             const triggerRect = this.$refs.trigger.getBoundingClientRect();
             const panelRect = this.$refs.panel.getBoundingClientRect();
             const viewportPadding = 8;
-            let left = triggerRect.left;
-
-            if ((left + panelRect.width + viewportPadding) > window.innerWidth) {
-                left = window.innerWidth - panelRect.width - viewportPadding;
-            }
-
-            left = Math.max(viewportPadding, left);
+            const left = Math.max(
+                viewportPadding,
+                (window.innerWidth - panelRect.width) / 2,
+            );
 
             let top = triggerRect.bottom + 4;
             const maxTop = window.innerHeight - panelRect.height - viewportPadding;