feat(i18n) : add personal languages and compact weapon exports

components/ui/pagination.tsx

@@ -1,3 +1,7 @@
+"use client"
+
+import { useTranslation } from "@/components/i18n/locale-provider";
+import { Text } from "@/components/i18n/text"
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
@@ -5,10 +9,11 @@ import { Button } from "@/components/ui/button"
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  const { t } = useTranslation();
   return (
     <nav
       role="navigation"
-      aria-label="pagination"
+      aria-label={t("pagination")}
       data-slot="pagination"
       className={cn("mx-auto flex w-full justify-center", className)}
       {...props}
@@ -67,9 +72,10 @@ function PaginationPrevious({
   text = "Previous",
   ...props
 }: React.ComponentProps<typeof PaginationLink> & { text?: string }) {
+  const { t } = useTranslation();
   return (
     <PaginationLink
-      aria-label="Go to previous page"
+      aria-label={t("Go to previous page")}
       size="default"
       className={cn("pl-1.5!", className)}
       {...props}
@@ -85,9 +91,10 @@ function PaginationNext({
   text = "Next",
   ...props
 }: React.ComponentProps<typeof PaginationLink> & { text?: string }) {
+  const { t } = useTranslation();
   return (
     <PaginationLink
-      aria-label="Go to next page"
+      aria-label={t("Go to next page")}
       size="default"
       className={cn("pr-1.5!", className)}
       {...props}
@@ -114,7 +121,7 @@ function PaginationEllipsis({
     >
       <MoreHorizontalIcon
       />
-      <span className="sr-only">More pages</span>
+      <span className="sr-only"><Text message="More pages" /></span>
     </span>
   )
 }