fix: Correct the url used in the cli instructions

https://harperdb.atlassian.net/browse/STUDIO-583

Author: dawsontoth

src/features/instance/applications/components/NewApplication/CLIInstructions.tsx

@@ -2,7 +2,6 @@ import { Alert, AlertDescription } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Separator } from '@/components/ui/separator';
-import { useInstanceClientParams } from '@/config/useInstanceClient';
 import { useCopyToClipboard } from '@/hooks/useCopyToClipboard';
 import { CheckIcon, CopyIcon, TerminalIcon } from 'lucide-react';
 import { FormState, UseFormWatch } from 'react-hook-form';
@@ -19,9 +18,8 @@ export function CLIInstructions({
 	formState: FormState<z.infer<typeof NewApplicationSchema>>,
 	watch: UseFormWatch<z.infer<typeof NewApplicationSchema>>,
 }) {
-	const instanceParams = useInstanceClientParams();
 	const applicationName = watch('applicationName') || defaultApplicationName;
-	const cliSteps = useCLISteps(applicationName, instanceParams.instanceClient.defaults.baseURL);
+	const cliSteps = useCLISteps(applicationName);
 	const cliCopyClicks = useCopyToClipboard(
 		...cliSteps.map(step => step.code),
 	);

src/features/instance/applications/components/NewApplication/useCLISteps.tsx

@@ -1,9 +1,23 @@
+import { isLocalStudio } from '@/config/constants';
+import { useInstanceClientParams } from '@/config/useInstanceClient';
 import { useInstanceAuth } from '@/hooks/useAuth';
+import { Cluster, Instance } from '@/lib/api.patch';
 import { toKebabCase } from '@/lib/string/to-kebab-case';
+import { getOperationsUrlForCluster } from '@/lib/urls/getOperationsUrlForCluster';
+import { getOperationsUrlForInstance } from '@/lib/urls/getOperationsUrlForInstance';
+import { useRouteContext } from '@tanstack/react-router';
 import { useMemo } from 'react';
 
-export function useCLISteps(appName: string, target: string | undefined) {
+export function useCLISteps(appName: string) {
 	const { user } = useInstanceAuth();
+	const instanceParams = useInstanceClientParams();
+	const { instance, cluster }: { instance?: Instance; cluster?: Cluster } = useRouteContext({ strict: false });
+	const target = isLocalStudio
+		? instanceParams.instanceClient.defaults.baseURL
+		: instance
+			? getOperationsUrlForInstance(instance)
+			: getOperationsUrlForCluster(cluster);
+
 	return useMemo(() => {
 		const directoryName = toKebabCase(appName);
 		return [