Add warning if user is creating scratch with the same name as an exis…

[mkst]

…ting one...

Styling can be tweaked if necessary, but i think this does the job. Only returns 10 (page_size) results, but we can tweak that if it becomes an issue.. this is just meant to improve the UX and prevent two people from working on the same function for the same game without realising :)

Closes #1425.

[bates64]

Since label is a text input, every character the user types into it will trigger a network request, which we don't want. I'd probably wrap use useDebounce, like this code that will only make the api call 1000ms after the user finishes typing:

decomp.me/frontend/src/components/Scratch/panels/DecompilePanel.tsx

Lines 24 to 39 in ae05290

	const [debouncedContext] = useDebounce(scratch.context, 1000, {
	leading: false,
	trailing: true,
	});
	const [valueVersion, setValueVersion] = useState(0);
	const url = scratchUrl(scratch);
	useEffect(() => {
	api.post(`${url}/decompile`, {
	context: debouncedContext,
	compiler: scratch.compiler,
	}).then(({ decompilation }: { decompilation: string }) => {
	setDecompiledCode(decompilation);
	setValueVersion((v) => v + 1);
	});
	}, [scratch.compiler, debouncedContext, url]);

[mkst]

Whilst label is editable by humans, it's most likely auto-populated based on the target asm being pasted in.. but yeh I can wrap it in a debounce to avoid spamming the API if someone starts typing there 👍

[bates64]

Probably use tailwind instead given #1394

[bates64]

This could be more clearly written without ternaries: if (scratch.owner && ...) { return <Image /> } else { return <Frog /> }. Great idea for a component

[mkst]

I just lifted this code verbatim from the Search code, but yeh that makes sense

[mkst]

Can't appease the linter so gonna leave this as-is.