Give a better message when not on HTTPS

[richardanaya]

This might be confusing to new users who don't know they need to run their dev servers on HTTPS.

[CodyJasonBennett]

I believe we already discern HTTPS, but would be good to link to instructions in any case.

react-xr/src/XR.tsx

Lines 363 to 365 in 4d23eb8

	const isHttps = location.protocol === 'https:'
	setStatus('unsupported')
	setReason(isHttps ? 'unknown' : 'https')

react-xr/src/XR.tsx

Lines 327 to 345 in 4d23eb8

	const getLabel = (status: XRButtonStatus, mode: XRButtonProps['mode'], reason: XRButtonUnsupportedReason) => {
	switch (status) {
	case 'entered':
	return `Exit ${mode}`
	case 'exited':
	return `Enter ${mode}`
	case 'unsupported':
	default:
	switch (reason) {
	case 'https':
	return 'HTTPS needed'
	case 'security':
	return `${mode} blocked`
	case 'unknown':
	default:
	return `${mode} unsupported`
	}
	}
	}