Change i18n package to paraglideJs

also refactor auth provider

src/components/Header.tsx

@@ -1,7 +1,7 @@
-import { useSession } from '@/lib/auth-client';
+import { m } from '@/paraglide/messages';
 import { Separator } from '@base-ui/react/separator';
 import { BellIcon } from '@phosphor-icons/react';
-import { useTranslation } from 'react-i18next';
+import { useAuth } from './auth/auth-provider';
 import RouterBreadcrumb from './sidebar/RouterBreadcrumb';
 import { Badge } from './ui/badge';
 import { Button } from './ui/button';
@@ -17,8 +17,7 @@ import {
 import { SidebarTrigger } from './ui/sidebar';
 
 export default function Header() {
-  const { t } = useTranslation();
-  const { data: session } = useSession();
+  const { data: session } = useAuth();
 
   return (
     <>
@@ -50,7 +49,7 @@ export default function Header() {
               </DropdownMenuTrigger>
               <DropdownMenuContent className="w-sm min-w-56 rounded-lg">
                 <DropdownMenuLabel className="font-bold text-black">
-                  {t('ui.label_notifications')}
+                  {m.ui_label_notifications()}
                 </DropdownMenuLabel>
                 <DropdownMenuSeparator />
                 <DropdownMenuGroup>
@@ -66,7 +65,7 @@ export default function Header() {
                 <DropdownMenuGroup>
                   <DropdownMenuSeparator />
                   <DropdownMenuItem>
-                    {t('ui.view_all_notifications')}
+                    {m.ui_view_all_notifications()}
                   </DropdownMenuItem>
                 </DropdownMenuGroup>
               </DropdownMenuContent>