style(ui): reduce pagination size and hide nav buttons on single page

src/shared/components/Pagination.js

@@ -39,7 +39,7 @@ const Pagination = ({
         <button
             onClick={onClick}
             disabled={disabled || loading}
-            className={`px-3 py-2 text-sm font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${
+            className={`px-2 py-1 text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${
                 isActive
                     ? 'bg-green-500/20 text-green-600 dark:text-green-400 border border-green-500/30 dark:border-green-500/20'
                     : 'text-neutral-600 dark:text-neutral-400 hover:bg-neutral-100 dark:hover:bg-neutral-700/30 hover:text-neutral-900 dark:hover:text-white'
@@ -55,7 +55,7 @@ const Pagination = ({
     const to = Math.min(currentPage * limit, total);
 
     return (
-        <div className={`px-6 py-3 border-t border-neutral-200 dark:border-neutral-700/30 ${className}`} {...props}>
+        <div className={`px-4 py-2 border-t border-neutral-200 dark:border-neutral-700/30 ${className}`} {...props}>
             <div className="flex items-center justify-between gap-4">
 
                 {/* Per Page Selector */}
@@ -96,6 +96,7 @@ const Pagination = ({
                         </>
                     ) : (
                         <>
+                            {totalPages > 1 && (
                                 <Button
                                     variant="ghost"
                                     size="sm"
@@ -104,7 +105,9 @@ const Pagination = ({
                                 >
                                     Précédent
                                 </Button>
+                            )}
 
+                            {totalPages > 1 && (
                                 <div className="hidden sm:flex items-center gap-1">
                                     {getPageNumbers().map((page, index) => (
                                         <React.Fragment key={index}>
@@ -121,7 +124,9 @@ const Pagination = ({
                                         </React.Fragment>
                                     ))}
                                 </div>
+                            )}
 
+                            {totalPages > 1 && (
                                 <Button
                                     variant="ghost"
                                     size="sm"
@@ -130,6 +135,7 @@ const Pagination = ({
                                 >
                                     Suivant
                                 </Button>
+                            )}
                         </>
                     )}
                 </div>