Implemented project-wide localization plumbing and converted the visible UI/app messages to translation-ready strings.

resources/js/components/alert-error.tsx

@@ -1,5 +1,6 @@
 import { AlertCircleIcon } from 'lucide-react';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { useTranslation } from '@/lib/translations';
 
 export default function AlertError({
     errors,
@@ -8,10 +9,12 @@ export default function AlertError({
     errors: string[];
     title?: string;
 }) {
+    const { t } = useTranslation();
+
     return (
         <Alert variant="destructive">
             <AlertCircleIcon />
-            <AlertTitle>{title || 'Something went wrong.'}</AlertTitle>
+            <AlertTitle>{t(title || 'Something went wrong.')}</AlertTitle>
             <AlertDescription>
                 <ul className="list-inside list-disc text-sm">
                     {Array.from(new Set(errors)).map((error, index) => (