fix: checkbox to useIsomorphicLayoutEffect (#2155)

Co-authored-by: Erik Hughes <erik.hughes@outlook.com>

.changeset/chilled-cats-smash.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Update Checkbox component to useIsomorphicLayoutEffect instead of useLayoutEffect to support SSR

src/Checkbox.tsx

@@ -1,7 +1,8 @@
 import styled from 'styled-components'
 import {useProvidedRefOrCreate} from './hooks'
-import React, {ChangeEventHandler, InputHTMLAttributes, ReactElement, useContext, useLayoutEffect} from 'react'
+import React, {ChangeEventHandler, InputHTMLAttributes, ReactElement, useContext} from 'react'
 import sx, {SxProp} from './sx'
+import useLayoutEffect from './utils/useIsomorphicLayoutEffect'
 import {FormValidationStatus} from './utils/types/FormValidationStatus'
 import {CheckboxGroupContext} from './CheckboxGroup'
 import getGlobalFocusStyles from './_getGlobalFocusStyles'

src/stories/Checkbox.stories.tsx

@@ -1,8 +1,9 @@
-import React, {useLayoutEffect, useRef, useState} from 'react'
+import React, {useRef, useState} from 'react'
 import {Meta} from '@storybook/react'
 import styled from 'styled-components'
 
 import {BaseStyles, Box, Checkbox, CheckboxProps, Text, ThemeProvider} from '..'
+import useLayoutEffect from '../utils/useIsomorphicLayoutEffect'
 import {action} from '@storybook/addon-actions'
 import {get} from '../constants'