fix: wrapper fix

Author: CK-7vn

frontend-v2/src/components/Pagination.tsx

@@ -96,7 +96,7 @@ export function Pagination({
           <button
             onClick={() => onPageChange(currentPage - 1)}
             disabled={currentPage === 1}
-            className="p-2 rounded-lg border border-gray-200 dark:border-[#404040] text-gray-600 dark:text-gray-400 hover:bg-[#E2E7EA] dark:hover:bg-[#262626] disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+            className="p-2 rounded-lg border border-gray-200 dark:border-[#404040] text-gray-600 dark:text-gray-400 hover:bg-[#E2E7EA] dark:hover:bg-[#262626] disabled:opacity-50 disabled:cursor-not-allowed transition-colors outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"
             aria-label="Previous page"
           >
             <ChevronLeftIcon className="size-5" />
@@ -123,7 +123,7 @@ export function Pagination({
                 <button
                   key={pageNum}
                   onClick={() => onPageChange(pageNum)}
-                  className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors ${
+                  className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] ${
                     isActive
                       ? 'bg-[#556830] dark:bg-[#556830] text-white'
                       : 'text-gray-600 dark:text-gray-400 hover:bg-[#E2E7EA] dark:hover:bg-[#262626]'
@@ -139,7 +139,7 @@ export function Pagination({
           <button
             onClick={() => onPageChange(currentPage + 1)}
             disabled={currentPage === totalPages}
-            className="p-2 rounded-lg border border-gray-200 dark:border-[#404040] text-gray-600 dark:text-gray-400 hover:bg-[#E2E7EA] dark:hover:bg-[#262626] disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+            className="p-2 rounded-lg border border-gray-200 dark:border-[#404040] text-gray-600 dark:text-gray-400 hover:bg-[#E2E7EA] dark:hover:bg-[#262626] disabled:opacity-50 disabled:cursor-not-allowed transition-colors outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]"
             aria-label="Next page"
           >
             <ChevronRightIcon className="size-5" />

frontend-v2/src/pages/admin/StudentManagement.tsx

@@ -273,23 +273,23 @@ export default function StudentManagement() {
 
                 {/* Stats Cards */}
                 <div className="grid grid-cols-3 gap-4 mb-6">
-                    <div className="bg-white rounded-lg p-4">
+                    <div className="bg-white rounded-lg border border-gray-200 p-4">
                         <div className="text-sm text-gray-600 mb-1">
                             Total Residents
                         </div>
                         <div className="text-2xl font-medium text-[#203622]">
                             {stats?.total ?? '\u2014'}
                         </div>
                     </div>
-                    <div className="bg-white rounded-lg p-4">
+                    <div className="bg-white rounded-lg border border-gray-200 p-4">
                         <div className="text-sm text-gray-600 mb-1">
                             Active Accounts
                         </div>
                         <div className="text-2xl font-medium text-green-700">
                             {stats?.active ?? '\u2014'}
                         </div>
                     </div>
-                    <div className="bg-white rounded-lg p-4">
+                    <div className="bg-white rounded-lg border border-gray-200 p-4">
                         <div className="text-sm text-gray-600 mb-1">
                             Inactive Accounts
                         </div>
@@ -311,7 +311,7 @@ export default function StudentManagement() {
                         ))}
                     </div>
                 ) : (
-                    <div className="bg-white rounded-lg">
+                    <div className="bg-white rounded-lg border border-gray-200">
                         <Table>
                             <TableHeader>
                                 <TableRow>