fix paths (kyma-project#3953)

Author: OliwiaGowor

src/components/App/App.tsx

@@ -138,7 +138,7 @@ export default function App() {
                       path="*"
                       element={
                         <IncorrectPath
-                          to="clusters"
+                          to="/clusters"
                           message={t(
                             'components.incorrect-path.message.clusters',
                           )}

src/components/App/ClusterRoutes.js

@@ -23,6 +23,7 @@ import NamespaceRoutes from './NamespaceRoutes';
 import { createExtensibilityRoutes } from './ExtensibilityRoutes';
 import { IncorrectPath } from './IncorrectPath';
 import { removePreviousPath } from 'state/useAfterInitHook';
+import { useUrl } from 'hooks/useUrl';
 
 export default function ClusterRoutes() {
   let { currentClusterName } = useParams() || {};
@@ -36,6 +37,7 @@ export default function ClusterRoutes() {
   const [cluster, setCluster] = useRecoilState(clusterState);
   const [search] = useSearchParams();
   const [extensibilityRoutes, setExtensibilityRoutes] = useState(null);
+  const { clusterUrl } = useUrl();
 
   useEffect(() => {
     if (extensions?.length) {
@@ -76,7 +78,7 @@ export default function ClusterRoutes() {
           path="*"
           element={
             <IncorrectPath
-              to="overview"
+              to={clusterUrl('overview')}
               message={t('components.incorrect-path.message.cluster')}
             />
           }

src/components/App/NamespaceRoutes.tsx

@@ -16,7 +16,7 @@ import { useGet } from 'shared/hooks/BackendAPI/useGet';
 export default function NamespaceRoutes() {
   const { t } = useTranslation();
   const { namespaceId } = useParams();
-  const { clusterUrl } = useUrl();
+  const { clusterUrl, namespaceUrl } = useUrl();
   const language = useRecoilValue(languageAtom);
   const extensions = useRecoilValue(extensionsState);
   const [extensibilityRoutes, setExtensibilityRoutes] = useState<
@@ -62,7 +62,7 @@ export default function NamespaceRoutes() {
           path="*"
           element={
             <IncorrectPath
-              to=""
+              to={namespaceUrl('')}
               message={t('components.incorrect-path.message.namespace')}
             />
           }