feat(auth): integrate Firebase authentication and update auth flow

- Added Firebase authentication methods for login, signup, and password reset.
- Replaced mock user database with Firebase user management.
- Updated auth store to handle Firebase user state and authentication.
- Implemented middleware for Firebase authentication in RPC routes.
- Enhanced error handling and user feedback with toast notifications.
- Added Toast component for user notifications in the UI.
- Updated API client to include authorization headers for authenticated requests.
- Removed unused CSRF token logic and related code.

src/routes/auth/forgot.vue

@@ -1,5 +1,6 @@
 <template>
     <div class="w-full">
+        <Toast />
         <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit"
             class="flex flex-col gap-4 w-full">
             <div class="text-sm text-gray-600 mb-2">
@@ -36,6 +37,13 @@ import { zodResolver } from '@primevue/forms/resolvers/zod';
 import { z } from 'zod';
 
 
+import { useAuthStore } from '@/stores/auth';
+import { useToast } from "primevue/usetoast";
+import { forgotPassword } from '@/lib/firebase';
+
+const auth = useAuthStore();
+const toast = useToast();
+
 const initialValues = reactive({
     email: ''
 });
@@ -48,9 +56,11 @@ const resolver = zodResolver(
 
 const onFormSubmit = ({ valid, values }: FormSubmitEvent) => {
     if (valid) {
-        console.log('Form submitted:', values);
-        // toast.add({ severity: 'success', summary: 'Success', detail: 'Reset link sent', life: 3000 });
-        // Handle actual forgot password logic here
+        forgotPassword(values.email).then(() => {
+             toast.add({ severity: 'success', summary: 'Success', detail: 'Reset link sent', life: 3000 });
+        }).catch(() => {
+             toast.add({ severity: 'error', summary: 'Error', detail: auth.error, life: 3000 });
+        });
     }
 };
 </script>