Fix error with tabs in the admin page

src/client/Router.tsx

@@ -45,7 +45,7 @@ const router = createBrowserRouter(
           errorElement: <RootBoundary />,
           children: [
             {
-              index: true,
+              path: 'summary',
               element: <Summary />,
             },
             {

src/client/components/Admin/Admin.tsx

@@ -16,7 +16,7 @@ const Admin = () => {
 
   const pathParts = location.pathname.split('/').filter(Boolean)
 
-  const tab = pathParts.length === 1 ? 'summary' : pathParts[1]
+  const tab = pathParts[1] === 'entry' ? 'summary' : pathParts[1]
 
   return (
     <Box
@@ -35,7 +35,7 @@ const Admin = () => {
       >
         <Tab
           component={Link}
-          to="."
+          to="./summary"
           label={t('admin:summaryTab')}
           value="summary"
         />

src/client/components/Admin/Summary/Summary.tsx

@@ -63,7 +63,7 @@ const Table = ({ tableValues }: { tableValues: TableValues[] }) => {
                 })}
               >
                 {columnId === 'projectName' ? (
-                  <Link to={`./entry/${row.getValue('id')}`}>
+                  <Link to={`/admin/entry/${row.getValue('id')}`}>
                     {cell.getValue<string>()}
                   </Link>
                 ) : (
@@ -77,6 +77,7 @@ const Table = ({ tableValues }: { tableValues: TableValues[] }) => {
   )
 
   const handleDeleteRiskAssessment = (row: MRT_Row<TableValues>) => {
+    // eslint-disable-next-line no-alert
     if (!window.confirm('Haluatko poistaa valitun riskiarvion?')) return
 
     try {

src/client/components/UserPage/UserEntry.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react'
 import { Box, Button, Tab, Tabs } from '@mui/material'
 import ArrowBackIcon from '@mui/icons-material/ArrowBack'
 
-import { Link, useLocation, useParams } from 'react-router-dom'
+import { Link, useParams } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import RenderAnswers from '../ResultPage/RenderAnswers'
 import RiskTable from '../ResultPage/RiskTable'
@@ -51,16 +51,13 @@ const UserEntry = () => {
   const { entryId } = useParams()
   const { survey } = useSurvey()
   const { entry } = useEntry(entryId)
-  const location = useLocation()
   const [tabValue, setTabValue] = useState(0)
   const { t } = useTranslation()
 
   const handleChange = (event: React.SyntheticEvent, newValue: number) => {
     setTabValue(newValue)
   }
 
-  const parentRoute = location.pathname.split('/')[1]
-
   if (!entry || !survey) return null
 
   const { answers, country, updatedData } = entry.data
@@ -69,7 +66,7 @@ const UserEntry = () => {
     <Box sx={{ m: 3 }}>
       <Box sx={{ width: '100%', my: 2 }}>
         <Link
-          to={`/${parentRoute}`}
+          to="/admin/summary"
           style={{ textDecoration: 'none', color: 'inherit' }}
         >
           <Button variant="outlined">