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/table/sort.blade.php

@@ -1,10 +1,11 @@
-<div class="table-sort relative" x-data="{ open: false }" @keydown.escape.window="open = false">
-    <button type="button" class="button" @click="open = !open" @click.outside="open = false"
-        aria-haspopup="listbox" :aria-expanded="open">
-        <x-reicon name="sort-direction" class="size-3.5" />
-        Sort
-    </button>
-    <div class="listbox-panel left-auto! right-0! z-[90]! min-w-44!" x-show="open" x-cloak role="listbox">
+<div class="table-sort">
+    <x-table.dropdown panel-class="w-44!">
+        <x-slot:trigger>
+            <button type="button" class="button" aria-haspopup="listbox" :aria-expanded="open">
+                <x-reicon name="sort-direction" class="size-3.5" />
+                Sort
+            </button>
+        </x-slot:trigger>
         {{ $slot }}
-    </div>
+    </x-table.dropdown>
 </div>