feat: renamed old frontend and fixed some minor bugs

frontend/src/components/integrations/NoEnvironmentsBanner.tsx

@@ -1,6 +1,4 @@
-import { useRouter } from "next/router";
-
-import { ProjectType } from "@app/hooks/api/workspace/types";
+import { useNavigate } from "@tanstack/react-router";
 
 import { Button } from "../v2";
 
@@ -9,10 +7,10 @@ interface IProps {
 }
 
 export const NoEnvironmentsBanner = ({ projectId }: IProps) => {
-  const router = useRouter();
+  const navigate = useNavigate();
 
   return (
-    <div className="mt-4 flex w-full flex-row items-center rounded-md border border-primary-600/70  bg-primary/[.07] p-4 text-base text-white">
+    <div className="mt-4 flex w-full flex-row items-center rounded-md border border-primary-600/70 bg-primary/[.07] p-4 text-base text-white">
       <div className="flex w-full flex-col text-sm">
         <span className="mb-2 text-lg font-semibold">
           No environments in your project was found
@@ -22,7 +20,7 @@ export const NoEnvironmentsBanner = ({ projectId }: IProps) => {
         </p>
       </div>
       <div className="my-2">
-        <Button onClick={() => router.push(`/${ProjectType.SecretManager}/${projectId}/settings#environments`)}>
+        <Button onClick={() => navigate({ to: `/project/${projectId}/settings#environments` })}>
           Add environments
         </Button>
       </div>