refactor(Trilemma): remove use of useToken

Author: TylerAPfledderer

src/components/Trilemma/index.tsx

@@ -8,7 +8,6 @@ import {
   Flex,
   Hide,
   Stack,
-  useToken,
 } from "@chakra-ui/react"
 import Card from "../Card"
 import Translation from "../Translation"
@@ -33,9 +32,6 @@ const Trilemma: React.FC<IProps> = () => {
     ...trilemmaChecks,
   }
 
-  // TODO: Replace with direct token implementation after UI migration is completed
-  const lgBp = useToken("breakpoints", "lg")
-
   return (
     <Flex
       alignItems="center"
@@ -72,7 +68,7 @@ const Trilemma: React.FC<IProps> = () => {
         </Box>
         <Card {...cardDetail} minH="300px" hideBelow="lg" />
       </Stack>
-      <Hide above={lgBp}>
+      <Hide above="lg">
         <Drawer
           isOpen={mobileModalOpen}
           onClose={handleModalClose}