Change i18n package to paraglideJs

also refactor auth provider

src/components/form/signup-form.tsx

@@ -1,20 +1,19 @@
-import { createLink, Link } from '@tanstack/react-router'
-import { useTranslation } from 'react-i18next'
-import { Button } from '../ui/button'
+import { m } from '@/paraglide/messages';
+import { createLink, Link } from '@tanstack/react-router';
+import { Button } from '../ui/button';
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from '../ui/card'
-import { Field, FieldDescription, FieldGroup, FieldLabel } from '../ui/field'
-import { Input } from '../ui/input'
+} from '../ui/card';
+import { Field, FieldDescription, FieldGroup, FieldLabel } from '../ui/field';
+import { Input } from '../ui/input';
 
-const ButtonLink = createLink(Button)
+const ButtonLink = createLink(Button);
 
 const SignupForm = () => {
-  const { t } = useTranslation()
   return (
     <div className="flex flex-col gap-6">
       <Card>
@@ -59,11 +58,11 @@ const SignupForm = () => {
               <Field>
                 <Button type="submit">Create Account</Button>
                 <ButtonLink to="/" variant="outline">
-                  {t('ui.cancel_btn')}
+                  {m.ui_cancel_btn()}
                 </ButtonLink>
                 <FieldDescription className="text-center">
                   Already have an account?{' '}
-                  <Link to="/sign-in">{t('ui.login_btn')}</Link>
+                  <Link to="/sign-in">{m.ui_login_btn()}</Link>
                 </FieldDescription>
               </Field>
             </FieldGroup>
@@ -75,7 +74,7 @@ const SignupForm = () => {
         and <a href="#">Privacy Policy</a>.
       </FieldDescription> */}
     </div>
-  )
-}
+  );
+};
 
-export default SignupForm
+export default SignupForm;