fix: migrate /components/theme/constants.ts to /pages/_app.tsx

[SgtPooki]

All of the variables/colors used in

Starmap/components/theme/constants.ts

Lines 1 to 58 in be39102

	export const SMALL_SCREEN_THRESHOLD = 720; // average mobile screen height in pixels.
	const lightMode = {
	header: {
	background: {
	color: '#27292C'
	},
	text: {
	color: '#FFFFFF'
	},
	input: {
	text: {
	color: '#FFFFFF'
	},
	background: {
	color: '#3C4651'
	},
	border: {
	color: '#8D8D8D',
	radius: '5px'
	}
	}
	},
	text: {
	color: '#313239'
	}
	}
	const darkMode = {
	header: {
	background: {
	color: '#27292C'
	},
	text: {
	color: '#FFFFFF'
	},
	input: {
	text: {
	color: '#FFFFFF'
	},
	background: {
	color: '#3C4651'
	},
	border: {
	color: '#8D8D8D',
	radius: '5px'
	}
	}
	},
	text: {
	color: '#D7D7D7'
	}
	}
	export default {
	light: lightMode,
	dark: darkMode
	}

should be migrated to

Starmap/pages/_app.tsx

Lines 12 to 43 in be39102

	const theme = extendTheme({
	semanticTokens: {
	colors: {
	inactive: {
	// darkGray: '#D7D7D7',
	default: '#D7D7D7',
	},
	inactiveAccent: {
	// lightGray: '#EFEFEF',
	default: '#EFEFEF',
	},
	progressGreen: {
	// progressGreen: '#7DE087',
	default: '#7DE087',
	},
	progressGreenAccent: {
	// progressGreenAccent: 'rgba(125, 224, 135, 0.28)',
	// default: 'rgba(125, 224, 135, 0.28)',
	default: '#7de08747'
	},
	spotLightBlue: {
	default: '#1FA5FF',
	},
	linkBlue: {
	default: '#4987BD',
	},
	text: {
	default: '#313239'
	}
	},
	},
	})

and used similar to how spotLightBlue is used. See https://github.com/search?q=repo%3Apln-planning-tools%2FStarmap%20spotLightBlue&type=code

[SgtPooki]

related to #368