Fix form for adding students, update routes

frontend/src/App.tsx

@@ -24,8 +24,8 @@ function App() {
       <QueryClientProvider client={queryClient}>
         <Routes>
           <Route index element={<Login />} />
-          <Route path="" element={<Login />} />
           <Route path="coordinator" element={<Coordinator />}>
+            <Route index element={<Students />} />
             <Route path="groups" element={<Groups />} />
             <Route path="students" element={<Students />} />
             <Route path="leaders" element={<Leaders />} />

frontend/src/views/Login.tsx

@@ -1,45 +1,28 @@
-import { useEffect } from 'react'
-import { Outlet, useNavigate } from 'react-router-dom'
 import { NavLink } from 'react-router-dom'
 
 const Login = () => {
-  const navigate = useNavigate()
-
-//   useEffect(() => {
-//     navigate('/coordinator/students')
-//     // eslint-disable-next-line react-hooks/exhaustive-deps
-//   }, [])
-
   return (
     <>
-        <div className="flex items-center bg-gray-300 mt-20 py-6 px-10 shadow">
+      <div className="flex items-center bg-gray-300 mt-20 py-6 px-10 shadow">
-            <h1 className="text-xl font-bold mx-auto">System PRI</h1>
+        <h1 className="text-xl font-bold mx-auto">System PRI</h1>
+      </div>
+      <div className="w-full lg:w-1/4 flex flex-col mx-auto mt-20 px-10 py-5 bg-gray-300 rounded-lg shadow">
+        <div className="form-control">
+          <label className="label" htmlFor="login">
+            Login
+          </label>
+          <input className="input input-bordered" id="login" type="text" />
         </div>
-        <div className="w-full lg:w-1/4 flex flex-col mx-auto mt-20 px-10 py-5 bg-gray-300 rounded-lg shadow">
+        <div className="form-control">
-            <div className="form-control">
+          <label className="label" htmlFor="password">
-                <label className="label" htmlFor="login">
+            Hasło
-                Login
+          </label>
-                </label>
+          <input className="input input-bordered" id="password" type="text" />
-                <input
-                className="input input-bordered"
-                id="login"
-                type="text"
-                />
-            </div>
-            <div className="form-control">
-                <label className="label" htmlFor="password">
-                Hasło
-                </label>
-                <input
-                className="input input-bordered"
-                id="password"
-                type="text"
-                />
-            </div>
-            <span onClick={() => navigate('/coordinator/students')} className="cursor-pointer">Koordynator</span>
-            <span>Opiekun</span>
-            <span>Student</span>
         </div>
+        <NavLink to="/coordinator/students">Koordynator</NavLink>
+        <span>Opiekun</span>
+        <span>Student</span>
+      </div>
     </>
   )
 }

frontend/src/views/coordinator/AddStudent.tsx

@@ -89,18 +89,6 @@ const AddStudent = () => {
       </div>
       <div className="form-control gap-2">
         <label className="label">Tryb studiów</label>
-        <div className="flex gap-2">
-          <input
-            className="radio"
-            id="mode-0"
-            type="radio"
-            {...register('mode', {
-              required: true,
-            })}
-            value="0"
-          />
-          <label htmlFor="mode-0">Stacjonarny</label>
-        </div>
         <div className="flex gap-2">
           <input
             className="radio"
@@ -111,7 +99,19 @@ const AddStudent = () => {
             })}
             value="1"
           />
-          <label htmlFor="mode-1">Niestacjonarny</label>
+          <label htmlFor="mode-1">Stacjonarny</label>
+        </div>
+        <div className="flex gap-2">
+          <input
+            className="radio"
+            id="mode-0"
+            type="radio"
+            {...register('mode', {
+              required: true,
+            })}
+            value="0"
+          />
+          <label htmlFor="mode-0">Niestacjonarny</label>
         </div>
         {errors.mode?.type === 'required' && (
           <InputError>Wybierz tryb studiów</InputError>

frontend/src/views/coordinator/Coordinator.tsx

@@ -1,15 +1,7 @@
-import { useEffect } from 'react'
+import { Outlet } from 'react-router-dom'
-import { Outlet, useNavigate } from 'react-router-dom'
 import TopBar from '../../components/TopBar'
 
 const Coordinator = () => {
-  const navigate = useNavigate()
-
-  useEffect(() => {
-    navigate('/coordinator/students')
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-
   return (
     <>
       <TopBar