feat: implement core knowledge graph UI components, extraction pipeline, and initial platform navigation pages

src/pages/Login.jsx

@@ -15,7 +15,7 @@ const Login = () => {
   const [error, setError] = useState('');
 
   const userOptions = [
-    { value: '', label: 'Selecteer een gebruiker...' },
+    { value: '', label: 'Select a user...' },
     ...state.users.map(u => ({ value: u.id, label: u.name }))
   ];
 
@@ -24,7 +24,7 @@ const Login = () => {
     setError('');
     
     if (!selectedUser || !pin) {
-      setError('Vul alle velden in.');
+      setError('Please fill in all fields.');
       return;
     }
 
@@ -32,7 +32,7 @@ const Login = () => {
     if (success) {
       navigate('/');
     } else {
-      setError('Onjuiste PIN.');
+      setError('Incorrect PIN.');
     }
   };
 
@@ -42,13 +42,13 @@ const Login = () => {
         <div className="text-center mb-8">
           <img src="/images/icon.png" alt="Respellion Icon" className="h-24 mx-auto mb-4" />
           <h2 className="text-2xl text-teal font-bold tracking-tight">Respellion</h2>
-          <p className="text-fg-muted mt-2">Leerplatform Login</p>
+          <p className="text-fg-muted mt-2">Learning Platform</p>
         </div>
 
         <Card className="border border-bg-warm">
           <form onSubmit={handleLogin} className="flex flex-col gap-5">
             <Select 
-              label="Gebruiker"
+              label="User"
               options={userOptions}
               value={selectedUser}
               onChange={(e) => setSelectedUser(e.target.value)}
@@ -68,7 +68,7 @@ const Login = () => {
             {error && <div className="text-red-500 text-sm font-medium">{error}</div>}
 
             <Button type="submit" className="mt-2 w-full">
-              Inloggen
+              Sign In
             </Button>
           </form>
         </Card>