Use nren.name instead of just .nren and type things properly

compendium-frontend/src/survey/Landing.tsx

@@ -147,7 +147,7 @@ function Landing(): ReactElement {
                     <tr key={response.nren.id}>
                         <td>{response.nren.name}</td>
                         <td>
-                            <Link to={`/survey/response/${survey.year}/${response.nren}`}><span>Navigate to survey</span></Link>
+                            <Link to={`/survey/response/${survey.year}/${response.nren.name}`}><span>Navigate to survey</span></Link>
                         </td>
                         <td>{response.status}</td>
                     </tr>

compendium-frontend/src/survey/SurveyManagementComponent.tsx

@@ -77,7 +77,7 @@ function SurveyManagementComponent() {
         });
     }, []);
 
-    async function apiCall(url, failureToast, successToast) {
+    async function apiCall(url: string, failureToast: string, successToast: string) {
         try {
             const response = await fetch(url, { method: 'POST' });
             const json = await response.json();
@@ -98,7 +98,7 @@ function SurveyManagementComponent() {
         await apiCall('/api/survey/new', "Failed creating new survey: ", "Created new survey");
     }
 
-    async function postSurveyStatus(year, status) {
+    async function postSurveyStatus(year: number, status: string) {
         if (surveyStatusUpdating.current) {
             toast("Wait for status update to be finished...");
             return;
@@ -112,7 +112,7 @@ function SurveyManagementComponent() {
         surveyStatusUpdating.current = false;
     }
 
-    async function removeLock(year, nrenName) {
+    async function removeLock(year: number, nrenName: string) {
         await apiCall(
             '/api/response/unlock/' + year + '/' + nrenName,
             "Error while unlocking " + nrenName + " " + year + " survey response: ",
@@ -199,14 +199,14 @@ function SurveyManagementComponent() {
                                                         {'notes' in response && <textarea onInput={debounce((e) => updateSurveyNotes(survey.year, response.nren.id, e.target.value), 1000)}
                                                             style={{ minWidth: '100%', minHeight: '5rem' }} placeholder="Notes for this survey" defaultValue={response.notes || ''}>
                                                         </textarea>}
-                                                        
+
                                                     </td>
                                                     <td>
-                                                        <Button onClick={() => navigate(`/survey/response/${survey.year}/${response.nren}`)} style={{ pointerEvents: 'auto', margin: '.5rem' }}
+                                                        <Button onClick={() => navigate(`/survey/response/${survey.year}/${response.nren.name}`)} style={{ pointerEvents: 'auto', margin: '.5rem' }}
                                                             title="Open the responses of the NREN.">
                                                             open
                                                         </Button>
-                                                        <Button onClick={() => removeLock(survey.year, response.nren)} disabled={response.lock_description == ''} style={{ pointerEvents: 'auto' }}
+                                                        <Button onClick={() => removeLock(survey.year, response.nren.name)} disabled={response.lock_description == ''} style={{ pointerEvents: 'auto' }}
                                                             title="Remove the lock from the survey so that another person can open the survey for editing. WARNING: The person that currently has the lock will not be able to save their changes anymore once someone else starts editing!">
                                                             remove lock
                                                         </Button>