Reactive Media Query. Will query and give you back a reactive boolean if that media query passed or not
is larger than or equal to 684px: false
prefersLight: false
const [const isLargerThanPixels: Signal<boolean>
isLargerThanPixels] = function useMediaQuery(query: string): Signal<boolean>[]
useMediaQuery("(min-width: 684px)")