fix: tailwind xl breakpoint mismatch (#39814)

* fix: tailwind xl breakpoint mismatch

* fix: use lg breakpoint for ContributingToC

---------

Co-authored-by: Ali Waseem <waseema393@gmail.com>

apps/docs/app/contributing/ContributingToC.tsx

@@ -14,7 +14,7 @@ interface TocItem extends HTMLAttributes<HTMLElement> {
 }
 
 export function ContributingToc({ className }: { className?: string }) {
-  const mobileToc = useBreakpoint('xl')
+  const mobileToc = useBreakpoint('lg')
   const [tocItems, setTocItems] = useState<Array<TocItem>>([])
 
   useEffect(() => {

packages/common/hooks/useBreakpoint.tsx

@@ -17,7 +17,7 @@ const twBreakpointMap = {
   sm: 639,
   md: 767,
   lg: 1023,
-  xl: 1027,
+  xl: 1279,
   '2xl': 1535,
 }