fix: faq button styles fix

src/components/color-modes/styles.tsx

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import * as React from 'react';
 import { jsx, css, Global } from '@emotion/react';
 import { theme, generateCssVariables } from '@stacks/ui';

src/components/mdx/components/code.tsx

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import React, { Children } from 'react';
 import {
   Box,
@@ -14,7 +13,6 @@ import {
 import { ClipboardCheckIcon } from '@components/icons/clipboard-check';
 import { border, onlyText } from '@common/utils';
 import { css, ForwardRefExoticComponentWithAs, forwardRefWithAs, Theme } from '@stacks/ui-core';
-import { jsx } from '@emotion/react';
 import { Text } from '@components/typography';
 import { useHover } from 'use-events';
 import { IconButton } from '@components/icon-button';

src/pages/authentication/overview.md

@@ -35,7 +35,7 @@ Scopes define the permissions requested by an app for granting during authentica
 Apps may request any of the following scopes:
 
 | Scope          | Definition                                                                           |
-| -------------- | ------------------------------------------------------------------------------------ |
+| -------------- | ------------------------------------------------------------------------------------ | --- |
 | `store_write`  | Read and write data to the user's Gaia hub in an app-specific storage bucket.        |
 | `publish_data` | Publish data so that other users of the app can discover and interact with the user. |     |
 

src/pages/references/faqs/[slug].tsx

@@ -4,7 +4,6 @@ import { Box, Flex, ChevronIcon, space, color, Grid } from '@stacks/ui';
 import hydrate from 'next-mdx-remote/hydrate';
 import { Accordion, AccordionItem, AccordionButton, AccordionPanel } from '@reach/accordion';
 import { border } from '@common/utils';
-import { css } from '@stacks/ui-core';
 import { useRouter } from 'next/router';
 import { useActiveHeading } from '@common/hooks/use-active-heading';
 import { BackButton } from '@components/back-button';
@@ -29,12 +28,15 @@ const FAQItem = React.memo(({ faq, ...rest }: any) => {
             display: 'flex',
             width: '100%',
             outline: 'none',
+            bg: 'transparent',
+            border: '0',
             alignItems: 'center',
             justifyContent: 'space-between',
             py: space('extra-loose'),
             textAlign: 'left',
             color: isActive ? color('accent') : color('text-title'),
             _hover: {
+              cursor: 'pointer',
               color: color('accent'),
             },
           }}